.middle{ width: 80%; margin: auto;}

.page{ position: absolute;top: 0px;z-index: 9;width: 100%;height: 1.5rem;background: rgba(15,71,142,0.5); border-bottom: 1px solid rgba(255,255,255,0.4);}
.page .nave{width: 76.25%;position: relative;margin-left: 2%;}
.page h1{ width: 16%;}
.page h1 img{ width: 95%;margin-top: 10%;}
.nave ul li{ width: 10%;float: left;text-align: center;line-height: 1.5rem;color: #fff;margin: 0px 1%; position: relative}
.nave ul li a{ color: #FFF;font-size: 0.26rem;}
.nave ul li.on{ color: #caa870;}
.nave ul li.on a{ color: #caa870;font-weight: 800;}
.nave ul li.on:before{ position: absolute;content: ''; bottom: 0px; width: 80%; height: 3px; background: #fff; left: 10%;}
.nave ul li:hover a{color: #fff;font-weight: 800;}
.seach_cont .icon{ background:url(../images/search3.png) no-repeat left center; background-size: 100%; width: 0.3rem; height: 0.3rem;display: block;margin-top: 5px;}
.seach_cont{background: #fff; width: 25%; height: 0.5rem; border:1px solid #bebebe; border-radius: 0.25rem;  padding: 5px;  position: absolute; top: 100%; right: 12%; z-index: 9;display: none;}
.seach_cont .souo{ width: 1.2rem; float: right; background: #cccccc;  border-radius:20px; display: block; height: 100%; line-height: 0.4rem; text-align: center; color: #999;
    font-size: 0.18rem; }
.seach_cont span:hover{ background: #3d3c3a; color: #fff;}
.seach_cont form{ width: 100%; float: right;  display: block;}
.seach_cont  input{ width: 60%; margin-left: 3%;  display: block; float: left; height: 0.4rem; background: none; border: none;outline:medium; line-height: 0.4rem; color:#cccccc;
    font-size: 0.18rem; border-bottom: 1px solid #ccc; }
.search1 button{ border: none; background: none; outline:medium;}
.search{ width: 5%; height: 120px; display: block; }
.search{ background: #106fe6; width: 0.58rem; height: 0.58rem; line-height: 0.4rem; border-radius: 50%; margin-top: 2% }
.search a{ float: left; width: 0.58rem; height: 0.58rem;  box-sizing: border-box; margin-left: 1%;}
.search .btn {background:url(../images/search1.png) no-repeat center; background-size: 60%;}
.search .btn2{background:url(../images/search2.png) no-repeat center; background-size: 60%;}

/* 轮播图 */
.lb{ position: relative; height: 100%}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 0.22rem;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.lb .swiper-slide { position: relative;overflow: hidden}
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 10% !important; left: 35% !important;}
.lb .swiper-pagination-bullet{width: 0.48rem !important; height: 2px!important; background: #fff; opacity:0.5;border-radius: initial;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 72% !important; top: 90%;outline: none;color: #fff; width: 120px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 0.25rem !important;}
.lb .swiper-button-prev:after{ margin-left: -60%;}
.lb .swiper-button-next:after{ margin-left: 20px;}
.lb .swiper-button-next{ right: 2% !important;top: 90%;outline: none;color: #fff;width: 1.2rem;height: 0.4rem;border-radius: 50%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: none;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: auto;}
.lb .swiper-slide .pic3{ width: 100%;position: relative}
.lb .swiper-slide .pic1{position:absolute;z-index:2;left:10%;top:40%;width:80%;}
.lb .swiper-slide .pic2{width:50%;position:absolute; z-index:2; right:25%;bottom: 0;}

.slide-tiel1{ position: absolute; top: 40%; left: 15%;text-align: left; color: #fff}
.slide-tiel1 h5{ font-size: 0.4rem; line-height: 0.8rem; color: #fff}
.slide-tiel1 p{ font-size: 0.26rem; line-height: 0.6rem; color: #fff}
.slide-tel{ position: absolute; left: 5%; bottom: 6%;z-index: 10; height: 0.55rem; line-height: 0.55rem}
.slide-tel img{ width: 0.55rem; height: 0.55rem; float: left; margin-right: 0.2rem}
.slide-tel span{ font-size: 0.4rem; color: #fff; font-weight: bold;line-height: 0.55rem}

.lb .banner_bottom{ position: absolute; left: 49%; width: 0.56rem; height: 0.65rem; z-index: 2; bottom: 0.3rem;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-8px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(8px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-8px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(8px);
    }
}

/*公司简介*/
.index-group{ width: 100%; display: inline-block; padding-top: 5%; padding-bottom: 0.8rem;}
.index-title {font-size: .4rem;line-height: 1;margin-bottom: 0.45rem;}
.index-title .tit-en {margin-bottom: 0.15rem;font-size: .4rem;font-family: arial;font-weight: bold;}
.index-title .tit {font-size: .5rem;line-height: 1;font-weight: bold;}
.index-group-wrap .video-wrp {width: 63.5%;height: 7.5rem;margin-right: 4.9%; background: #FF0000;}
.index-group-wrap .video-wrp .img, .index-group-wrap .video-wrp video {width: 100%;height: 100%;}
.index-group-wrap .video-wrp video { background:#000}
.index-group-wrap .video-wrp .icon {width: 0.85rem;height:0.85rem;position: absolute;left: 50%;margin-left: -0.51rem;top: 50%;z-index: 5;cursor: pointer;}
.index-group-wrap .video-wrp .img {position: absolute;left: 0;top: 0;z-index: 4;}
.index-group-wrap .video-wrp .close{ position:absolute; right:5%; top:5%;color:#fff;font-size:0.3rem}
.index-group-wrap .con-wrp { width: 30%;  }
.index-group-wrap .con-wrp .tit {font-size: .4rem;line-height: 1;margin-bottom: .27rem;}
.index-group-wrap .con-wrp .tit-en {font-size: .2rem;line-height: 1;margin-bottom: .4rem;padding-left: .23rem;position: relative;}
.index-group-wrap .con-wrp .tit-en:after {content: '';display: block;width: .12rem;height: .12rem;background-color: #26438a;position: absolute;left: 0;top: .03rem;}
.index-group-wrap .video-wrp .icon  img{ width: 100%;}
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    left: 51%;
    top: 52%;
    height: 65px;
    width: 65px;
    margin-top: -34px;
    margin-left: -33px;
    border-radius: 50%;
    -ms-box-shadow: 0 0 0 0 rgba(215,0,15,0.64);
    -o-box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
    box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
    animation: ripple 3s infinite;
}
@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.con-wrp ul li{ width:2.8rem; height: 2.8rem; background: url(../images/ling.png) top center; background-size: 100%; float: left; text-align: center; margin-bottom: 0.3rem}
.con-wrp ul li img{ width: 30%; margin-bottom: 0.1rem; margin-top: 25%}
.con-wrp ul li a{ font-size: 0.24rem;}
.con-wrp ul li:nth-child(2n){  margin-left: 2%}
.con-wrp ul li:hover{background: url(../images/ling2.png) top center; background-size: 100%;  }
.con-wrp ul li:hover a{ color: #fff}
.con-wrp ul li:hover img{filter: brightness(0) saturate(100%) invert(100%);}
/*服务项目*/
.big-title{ width: 100%; display: inline-block;}
.big-title p{ text-align: left;}
.big-title .bt1{font-size: 0.48rem;color: #353535;font-weight: bold;}
.big-title .bt1 i{ font-size:0.2rem;color: #000; margin-left: 0.15rem; font-weight: 300; text-transform:uppercase;  }
.adv-box .big-title .bt1 i{ color: #fff}
.big-title .bt1 span{color: #132c66}
.big-title .bt2{font-size:0.22rem;color: #666;margin-top: 5px;}
.bt-left{ width: 70%;}
.big-title span{ float: right; width: 1.4rem; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #0f478e; border-radius: 10px; margin-top: 2%;}
.big-title span a{ color: #fff; font-size:0.16rem;}
.big-title span b{ width:0.2rem; margin-left:0.1rem;}
.index-service{ padding-top: 2%}
.box-4 { width: 100%;display: inline-block; margin-top: 0.4rem }
.box-4 ul li{ width: 12.5%;height: 8.5rem;overflow: hidden;position: relative; float: left;margin-right: 1px;}
.box-4 ul li .pro-v{  position: absolute;  z-index: 2; width: 100%;height: 100%;display: block;top: 0%;background: rgba(15,71,142,0.5);padding: 0% 36%;
    padding-top: 35%;box-sizing: border-box;}
.box-4 ul li .pro-v img{width: 100%;}
.box-4 ul li .pro-t{ width: 100%;height: 100%;}
.box-4 ul li .pro-t img{ width: 100%;height: 100%;object-fit: cover;}
.box-4 ul li .pro-v p{  font-size: 0.26rem;color: #fff; width: 60%; display: block;margin: auto;}
.box-4 ul li .pro-v span{ width: 3px;height: 30px;display: block;background: #fff;margin: 0.2rem auto;}
.box-4 ul li.on .pro-v{display: none;}
.box-4 ul li .pro-y{ display: none;position: absolute;bottom: 0px;height: 100%; width: 100%;z-index: 2;background: rgba(15,71,142,0.6);color: #fff;padding: 30px 10%; padding-top: 39%; box-sizing: border-box;}
.box-4 ul li .pro-y .p{ font-size: 0.32rem; font-weight: bold}
.box-4 ul li .pro-y .p i{width: 50%; height: 4px;background: #fff;display: block;margin-bottom: 0.1rem;}
.box-4 ul li .pro-y .p p{ font-weight: bold; margin-bottom: 1rem; margin-top: 0.4rem}
.box-4 ul li .pro-y span{ font-size: 0.2rem;line-height:0.4rem;}
.box-4 ul li .pro-y .box-more{ font-size: 0.2rem;}
.box-more a{ color: #fff;font-size: 0.2rem;line-height:0.4rem;}
.box-4 ul li.on .pro-y{display: block;}
.box-4 ul li .pro-y span {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 限制显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏溢出的内容 */
}
.service-tit {
    position: absolute;
    top: 1.2rem;
    right: .39rem;
    padding-top: .22rem;
    border-top: .03rem solid #fff;
    line-height: 1;
    color: #fff;
    width: .7rem;
    writing-mode: vertical-lr;
    opacity: 1;
    z-index: 7;
    transition: opacity .5s;
}
.service-tit .text1 {
    width: .32rem;
    height: 5.8rem;
    font-size: .32rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: .22rem;
    letter-spacing: 1px;
}
.service-tit .text2 {
    width: .16rem;
    height: 5.8rem;
    font-size: .16rem;
    font-family: Arial;
    position: absolute;
    right: 0.02rem;
    top: .22rem;
}
.box-more {
    width: 1.88rem;
    height: .48rem;
    line-height: .46rem;
    border-radius: .24rem;
    text-align: center;
    border: 1px solid #fff;
    padding-left: .2rem;
    padding-right: .1rem;
    transition: all .2s;
    margin-top: 10%;
}
/*案例展示*/
.index-case{ width: 100%; display: inline-block; }
.index-case .big-title{ margin-top: 5%}
.case-swiper{ width: 100%; overflow: hidden; margin-top: 0.9rem}
.case-swiper-slide{ width: 100%; height: 7rem; border-radius: 25px; overflow: hidden;position: relative; }
.case-swiper-slide a{ width: 99.9%; height: 100%;  border-radius: 25px; border: 1px solid #0f478e;}
.slide-thumb{ width: 100%; height: 100%; border-radius: 25px; overflow: hidden }
.case-swiper-slide img{ width: 100%; height: 100%; object-fit: cover}
.case-swiper-slide .case-title{ width: 100%; height: 0.8rem; text-align: center; line-height: 0.8rem;background: rgba(15,71,142,0.5);
    color: #fff; position: absolute;bottom: 0px;left: 0px;z-index: 2; font-size: 0.24rem}
.synopsis-left a{ color: #fff; font-size: 0.2rem;margin: 0.2rem 0rem; display: block}

/*产品*/
.index-pro{ display: inline-block; width: 100%; background: #f3f3f3; padding-top: 4%; padding-bottom: 0.8rem}
.pro-lindst{ width: 100%; margin-top: 0.4rem;}
.pro-lindst ul li{ width: 32%; margin-right: 1.2%;  border: 1px solid #dfdfdf;background: #fff;padding: 0.1rem; box-sizing: border-box; margin-bottom: 0.1rem; float: left}
.pro-lindst ul li .peo-thumb{ width: 100%; height: 4.2rem; overflow: hidden}
.pro-lindst ul li:nth-child(3n){ margin-right: 0px}
.pro-lindst ul li .peo-thumb img{ width: 100%; height: 100%; object-fit: cover}
.pro-lindst ul li p{ text-align: center; font-size: 0.18rem; line-height: 0.5rem}
.pro-lindst ul li:hover{ background: #0f478e;}
.pro-lindst ul li:hover p{ color: #fff}
.pro-lindst ul li:hover .peo-thumb img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
    -webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/**/
.c-i-s3 {padding: 4% 0;background: #f4f4f5;}
.ihec-sh{position: relative;}
.ihec-sh .swiper-container{ height: 12rem; margin-top: 0.3rem}
.ihec-sh .swiper-slide{ width: 4.95rem; height: 5rem;}
.ihec-sh .swiper-button-next:after, .ihec-sh .swiper-button-prev:after{ display: none;}
.ihec-sh .swiper-button-prev,.ihec-sh .swiper-button-next{ outline: none;}
.ihec-sh .swiper-container .swiper-wrapper{ width: 100% !important;}
.ish-lun a .i{height:4.2rem;max-height: 4.2rem;}
.ish-lun a .t{padding: 4% 10px;background: #fff;text-align: center;font-size: 0.22rem;color: #666; background: #dfdfdf;}
.fitobj {object-fit: cover;height: 100% !important;width: 100% !important;}
.ihe-lun-p{width: 50px;height: 45px;background-color: #165c60;transform:skew(-12deg);
    -ms-transform:skew(-12deg);-moz-transform:skew(-12deg);-webkit-transform:skew(-12deg);-o-transform:skew(-12deg);background-image: none}
.ihe-lun-p .si{width: 100%;height: 100%;transform:skew(12deg);-ms-transform:skew(12deg);-moz-transform:skew(12deg);-webkit-transform:skew(12deg);-o-transform:skew(18deg);
    background-repeat: no-repeat;background-size: auto !important;background-position: center;}
.swiper-button-prev-he .si{background-image: url("../images/p.png");}
.swiper-button-next-he .si{background-image: url("../images/n.png");}
.ihe-lun-p:hover{background: #132c66}
.swiper-button-prev-he{left: -80px}
.swiper-button-next-he{right: -80px}

/*优势*/
.adv-box{background: url(../images/youshi.jpg) top center no-repeat; background-size: 100%; width: 100%; display: inline-block; margin-top: 0.7rem }
.adv-box .big-title .bt-left .bt1,.adv-box .big-title .bt-left .bt2{ color: #fff}
.advcont-title { width: 66%; position: absolute; bottom: 8%; z-index: 9;}
.advcont-title ul li{ width: 18%; height: 2rem; float: left; margin-right: 1.2%; text-align: center; background: #fff;border-radius: 0.2rem;}
.advcont-title ul li:last-child{ margin-right: 0px;}
.advcont-title ul li span{ width: 0.72rem; height: 0.72rem; border: 1px solid #666; border-radius: 50%; display: block; margin:15% auto; text-align: center; line-height: 0.72rem; }
.advcont-title ul li span img{width: 60%; margin-top: 20%}
.advcont-title ul li p{ font-size: 0.22rem; line-height: 0.36rem;}
.adv-cont{ width: 100%; margin-top: 0.53rem; height: 6.56rem; position: relative;}
.advcont-list{ width: 100%;}
.adv-box  .big-title{ margin-top: 4%}
.advcont-list .synopsis-left{ width: 49%;}
.synopsis-left p{ font-size: 0.4rem; font-weight: bold; line-height: 0.7rem; color: #fff; border-bottom: 2px solid #fff}
.synopsis-left p i{ font-size: 0.22rem; font-weight: 300; text-transform:uppercase;  }
.synopsis-left .spanapp{ margin-top: 5%}
.synopsis-left .spanapp,.synopsis-left .spanapp span,.synopsis-left .spanapp p{ font-size: 0.22rem; line-height: 0.45rem; color: #fff;font-weight: 400; border-bottom: none;}
.advcont-list .synopsis-right{ width: 50%; }
.advcont-list .synopsis-right .syndiyi{width: 8.2rem; height: 8.2rem; border-radius:50%; border: 10px solid #fff; display: block; margin: auto; margin-top: -15%}
.advcont-list .synopsis-right .syndiyi .syn-img{ width: 100%; height: 100%;  border-radius:50%; overflow: hidden; }
.syndiyi .syn-img img{ width: 100%; height: 100%; object-fit: cover;}
.advcont-title ul li.on{ background:#0e478e;}
.advcont-title ul li.on span{ border: 1px solid #fff;}
.advcont-title ul li.on span img{filter: brightness(0) saturate(100%) invert(100%);}
.advcont-title ul li.on p{ color: #fff;}
/*新闻*/
.box-news{width: 100%; display: inline-block; margin-bottom: 1rem  }
.box4-innews{ width: 100%; display: inline-block;}
.box-news .box4-innews{ margin-top: 5%}
.box-titel{ width: 100%; display: inline-block;}
.box-titel .title-l{ width: 50%;}
.box-titel .title-l h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.3rem;text-transform: uppercase; color: #183543;}
.box-titel .title-l h3{ font-weight: bold; font-size: 0.48rem; color: #183543;}
.box-titel .title-r ul li{ width: 1.9rem; height: 0.55rem; border-radius: 0.14rem; background: #003d2d; text-align: center; float: right; line-height: 0.5rem;
    margin-left: 0.35rem; margin-top: 6%;}
.box-titel .title-r ul li a{ font-size: 0.22rem; color: #fff;}
.box-titel .title-r ul li:hover{ border-radius: 0.3rem;}
.box-titel .title-r ul li:hover a{ color: #fff;}
.news-index{ overflow: hidden; width: 100%; display: inline-block; margin-top: 0.5rem;}
.news-index .news-slide{ flex-shrink: 0; overflow: hidden; background: #fff;}
.news-index .news-slide .li{ border: 1px solid #183543; padding: 0.24rem; box-sizing: border-box;}
.news-index .news-slide .li .news-thumb{ width: 100%; height: 3.44rem; overflow: hidden; border-radius: 0.2rem;}
.news-index .news-slide .li .news-thumb img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 2s;transition: all 2s;}
.news-index .news-slide .li p{ font-size: 0.28rem; line-height: 0.58rem; height: 1.25rem; color: #0f478e; margin-top: 0.2rem;}
.news-index .news-slide .li .left-m{ width: 30%; background: #666666; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; color: #fff; text-align: center;
    font-size: 0.13rem; text-transform: uppercase; }
.news-index .news-slide .li .left-m i{ font-size: 0.18rem; margin-left: 5%;}
.news-index .news-slide .li .news-more{ display: inline-block; width: 100%; line-height: 0.4rem; margin-top: 5%;}
.news-index .news-slide .li .right-m{ font-size: 0.18rem; font-family: Arial, Helvetica, sans-serif; width: 30%; text-align: right;}
.news-index .news-slide .li .right-m i{ margin-right: 5%;}
.news-index .news-slide:hover .news-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news-index .news-slide:hover .li{ border-radius: 0.3rem; transition: all 0.2s; border: 1px solid #0f478e;}
.news-index .news-slide:hover .li .left-m{ background: #0f478e; color: #fff;}
.news-index .news-slide:hover .li p{ color: #0f478e;}
/*底部*/
.box-foot{ width: 100%; display: inline-block;background: url(../images/foot.jpg) no-repeat top; background-size: 100%;  padding-top: 0.7rem; position: relative}
.nei-index-foot{ background: #000}
.index-foot{  box-sizing: border-box;}
.foot-nva{ width: 100%; display: inline-block;}
.foot-nva .foot-l{ width: 30%;color: #fff; margin-right: 5%}
.foot-nva .foot-l h5{ font-size: 0.36rem; font-weight:bold;color: #fff; }
.foot-nva .foot-l p{ font-size: 0.26rem; line-height: 0.5rem;margin: 0.2rem 0rem;}
.foot-nva .foot-l .foot-tiao{ width: 100%; display: block; margin-bottom: 0.22rem; margin-top: 0.1rem;}
.foot-nva .foot-l .foot-tiao a{ width: 0.38rem; height: 0.38rem; display: block;}
.foot-tiao a img{ width: 100%;}
.foot-nva .foot-l dl dt{ width: 36%; text-align: center; float: left; margin-right: 0.6rem;}
.foot-nva .foot-l dl dt span{ width: 100%; line-height: 0.4rem; display: block;}
.foot-nva .foot-l dl dt img{ width: 100%}
.foot-nva .foot-r{ width: 22%;}
.foot-nva .foot-r ul a{ color: #fff;}
.foot-nva .foot-r ul{ margin-right: 20%; float: left;}
.foot-nva .foot-r ul:last-child{ margin-right: 0px;}
.foot-nva .foot-r ul h6{ font-size: 0.3rem; color: #fff; margin-bottom: 0.3rem; border-bottom: 1px solid #fff; padding-bottom: 0.2rem }
.foot-l h6{font-size: 0.3rem; color: #fff; margin-bottom: 0.3rem;border-bottom: 1px solid #fff;padding-bottom: 0.2rem }
.foot-nva .foot-r ul li{ font-size: 0.22rem; line-height: 0.6rem;}
.foot-nva .foot-r ul li a{ font-size: 0.22rem;}
.foot-nva .foot-r ul li:hover a{ color: #fff;}
.foot-dizhi{ width: 43%; display: inline-block;  padding-bottom: 0.2rem;}
.foot-dizhi h6{ font-size: 0.24rem; color: #fff}
.foot-dizhi h6 i { width: 0.3rem; height: 0.3rem; margin-right: 0.2rem; display: inline-block; float: left}
.foot-dizhi h6 i img{ width: 100%; margin-top: 10%}
.foot-dizhi p{ font-size: 0.12rem;line-height: 0.5rem; color: #fff;text-transform:uppercase;  }
.foot-nva .foot-r ul li i{ font-size: 0.2rem; float: left; margin-right: 0.1rem; color: #fff;line-height: 0.5rem}
.foot-bott{ width: 100%; display: inline-block; height: 0.54rem; line-height: 0.54rem; text-align: center; color: #fff; position: absolute font-size: 0.16rem; bottom: 0px; left: 0px;}
.foot-bott a{ color: #fff; margin-left: 5%; font-size: 0.22rem;}
.message_foot{  width: 48%; margin-right: 4%;line-height: 0.5rem; background: #b1b1b1; border-radius: 0.1rem; padding: 0px 10px; font-size: 0.2rem; color: #fff;float: left; margin-top: 0.25rem}
.message_foot:nth-child(2){ margin-right: 0px;}
.message_foot input{ line-height:0.65rem; background: #b1b1b1; width: 80%; color: #fff}
.message_textfoot{ width: 100%; padding: 20px; background: #b1b1b1; border-radius: 0.2rem; float: left; height: 2.05rem;color: #fff; margin-top: 0.25rem}
.message_textfoot textarea{ width: 100%; height: 100%;background: #b1b1b1; font-size: 0.2rem; color: #fff}
.message_textfoot textarea::placeholder{ color: #fff}
.submit{ width: 2rem; height: 0.5rem; line-height: 0.5rem;border-radius: 0.2rem; background: #fff; float: left; color: #000; margin-top: 0.25rem; font-size: 0.22rem}
.submit:hover{ background: #0f478e; color: #fff}
/*内页*/
.banner_other{width:100%;/* height:855px; */ height: 7.5rem; background-position: top center;background-size: cover;background-repeat: no-repeat; position: relative}
.banner_other img{ width:auto; max-width:100%}
#top-bodycontent .container {position:relative; padding:0px }
#top-bodycontent .container:before{ display: inline}
#top-bodycontent{ width: 100%; background: #fff;border-bottom:1px dashed #ddd !important;}
.mianbxContent{ height:0.6rem !important; font-size:0.16rem !important; line-height:0.6rem !important; text-align:left !important; text-indent:2.5em;
    background:url(../images/dingwei.png) #fff no-repeat 0.07rem -0.22rem;  position:relative; transition:0.1s all; }
.mianbxContent:hover{ background-position:0.07rem 0.2rem;}
.mianbxContent a{ color:#333; font-size:0.15rem }
.map{width: 100%;height:6rem; margin-bottom: 0.4rem }
.contact-inside{ width: 100%; display: inline-block;position: relative;}
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 1.32rem; width: 43.75%;}
.contact-left p{ font-size: 0.24rem; line-height: 0.4rem; font-weight: bold;text-transform:uppercase;}
.contact-left span{ font-size: 0.32rem; line-height: 0.6rem;font-weight: bold; border-bottom: 2px solid #c8c8c8; padding-bottom: 0.2rem; display: block;}
.contact-left .contact-m{ font-size: 0.24rem; line-height: 0.6rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%; margin-bottom: 0.4rem;}
.contact-left ul li img { width: 0.45rem; height: 0.45rem; margin-right: 2%; float:left;}
.contact-left ul li{ line-height: 0.55rem; display: block; font-size: 0.4rem; margin-bottom: 0.5rem;}
.contact-left ul li i{ font-weight: bold; font-size: 0.38rem; color: #183543;}
.message-right{ width: 49%; padding-top: 5%;}
.message-right .input-item{ width: 100%; line-height: 0.68rem; height: 0.68rem; border: 1px solid #cfcfcf; padding: 0 0.34rem; border-radius: 0.2rem; margin-bottom: 0.48rem;}
.message-right input,.message-right textarea{ width: 100%; display: block;font-size: 0.18rem;}
.message-right textarea{border: 1px solid #cfcfcf; padding: 0.34rem;border-radius: 0.2rem; height: 1.8rem; font-size: 0.18rem;margin-bottom: 0.48rem;}
.message-right .submit{ width: 100%; line-height: 0.68rem; height: 0.68rem; background: #0f478e; padding: 0 0.34rem; border-radius: 0.2rem; color: #fff; }
.message-right .submit:hover{ background: #0f478e;}
/*新闻*/
.jour-list{ width: 100%; display: inline-block;}
.jour-list ul{ width: 100%; display: inline-block; }
.jour-list ul li{ padding: 0.26rem 0.26rem 0px; box-sizing: border-box; display: inline-block; width: 100%;  }
.jour-list ul li a{border-bottom: 1px solid #d0d0d0; width: 100%; display: inline-block; padding-bottom: 0.26rem;}
.jour-list ul li .project-img{ width: 35%; height: 4.1rem; overflow: hidden;}
.jour-list ul li .project-img img{ width: 100%; height: 100%;  object-fit: cover}
.jour-list ul li .jour-cont{ width: 60%; padding:0.4rem 0px; box-sizing: border-box;}
.jour-list ul li .jour-cont p{ font-size:0.3rem; color: 3333; line-height:0.5rem;}
.jour-list ul li .jour-cont span{ font-size: 0.22rem; line-height:0.5rem; height:1rem; overflow: hidden;text-indent:2em;
    color: #777777; display: block; margin-top:0.1rem;}
.jour-list ul li .jour-cont .jour-time{ font-size:0.22rem; color: #777777; margin-top: 5%;}
.jour-list ul li .jour-cont .jour-time i{  width: 15%; height:0.45rem; line-height:0.45rem; display: block;  font-style: initial;
    float: right; border-radius:0.2rem; background: #f2f2f2; color: #333; text-align: center; }
.jour-list ul li:hover{ background: #f2f2f2;}
.jour-list ul li:hover a{ border-bottom: none;}
.jour-list ul li:hover .jour-cont .jour-time i{ background: #0f478e; color: #fff;}
.jour-list ul li:hover p{ color: #0f478e;}


.pro-fl{ width: 100%; display: inline-block; margin: 0.3rem 0rem; margin-bottom: 0px; position: absolute; bottom: 6%}
.pro-fl .middle{ display: flex;justify-content: center;}
.pro-fl a{ height: 0.5rem; line-height: 0.5rem; text-align: center;  display:block; width: 14%; margin: 0px 5px; border-radius: 0.25rem;
    font-size: 0.18rem; background: #f2f2f2; float: left; margin-bottom: 0.2rem}
.pro-fl a:hover{background: #d71518;color: #fff;border:none;}
.pro-fl a.on{ background: #d71518; border:none;color: #fff;}
/*.pagination{clear: both;margin: 0.2rem auto;text-align: center; font-size: 0.16rem; color: #000}*/
/*.pagination a{ font-size: 0.16rem; color: #000; margin:0 2px; background: #dfdfdf; padding: 0.1rem}*/
/*.pagination span{ padding: 0.1rem;background: #d71518;color: #fff; font-size: 0.16rem}*/


/* 产品 */
.inside-product-title p{ font-size: 0.2rem;}
.inside-container-product{ margin-top: 0.64rem; width:100%;display: inline-block;}
.inside-container-product ul li{width: 31.8%; margin-right: 2.2%; height: 6.5rem; float: left; position: relative; border: 1px solid #666; margin-bottom: 0.4rem; overflow: hidden;}
.inside-container-product ul li:nth-child(3n){ margin-right: 0px;}
.inside-container-product ul li .inside-img-product{ width: 100%; height: 4.8rem; overflow: hidden;-webkit-transition: all 2s;transition: all 2s; }
.inside-container-product ul li .inside-img-product img{ width: 100%; height: 100%; object-fit: cover; }
.inside-container-product ul li p{ font-size: 0.3rem; text-align: center; font-weight: bold;padding: 0.37rem 0rem; box-sizing: border-box; height: 1.6rem;}
.inside-container-product ul li p i{ font-size: 0.14rem;text-transform:uppercase; margin-top: 0.1rem; display: block; }
.inside-container-product ul li .inside-two-product{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; padding: 0.38rem; box-sizing: border-box; background: rgba(38, 67, 137, .8); color: #fff; display: none;}
.inside-two-product .two-title{ font-size: 0.24rem; margin: 0.82rem 0rem;}
.inside-two-product span{ font-size: 0.16rem; line-height: 0.3rem;}
.inside-two-product .two-moer{ text-transform:uppercase;  font-size: 0.14rem; height: 0.3rem; line-height: 0.3rem; margin-top: 40%;}
.inside-two-product .two-moer b{ font-size: 0.24rem; margin-left: 5%;}
.inside-container-product ul li:hover p{ display: none;}
.inside-container-product ul li:hover .inside-img-product{ height: 100%;}
.inside-container-product ul li:hover .inside-two-product{ display: block;}
.inside-container-product ul li .inside-two-product span{ display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 这里的3表示最多显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;}

.v9_pages{  text-align: center; width: 100%; margin-bottom: 0.6rem; margin-top:0.4rem;display: inline-block}
.v9_pages a,.v9_pages span{ padding: 0.1rem 0.16rem; border: 1px solid #dfdfdf; font-size: 0.18rem; margin: 0px 0.1rem; border-radius: 0.1rem; }
.v9_pages span{ background: #264389; border: 1px solid #264389; color: #fff;}
.v9_pages a:hover{ background: #c50007; border: 1px solid #c50007; color: #fff;}
.v9_pages ul{ text-align: center}

.product-main{width: 80%;margin: 10px auto;margin-top: 10px;}
.prconts{
    width:100%;
    display: inline-block;
    padding-bottom: 0.2rem;
    margin:0.3rem auto;
    border-radius: 0.2rem;
}
.prconts .title{
    padding: 0.15rem;
    background: #d71518;
    border-radius:  0.2rem 0.2rem 0  0;
}
.prconts .title h3{
    color: #fff;
    padding-bottom: 2px;
}
.prconts .title h3 a{
    float: right;
    color: #fff;
    font-size: 0.14rem;
}
.prconts .pics{margin-top: 0.3rem;}
.prconts .pics ul li{margin: 0.1rem 0;overflow: hidden; width: 32%; margin-right: 2%; float: left}
.prconts .pics ul li:nth-child(3n){ margin-right: 0px;}
.prconts .pics ul li .photo{border:1px solid #dfdfdf;height: 4.5rem;overflow: hidden;position: relative;}
.prconts .pics ul li .txt{background: #fafafa; line-height: 0.7rem; padding: 0 0.2rem; width: 100%; height: 0.7rem; }
.prconts .pics ul li .txt h4{font-size: 0.24rem;color: #333;font-weight: 700;float: left;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;text-align: center; margin: auto;line-height: 0.7rem}
.prconts .pics ul li .photo{display: flex; justify-content: center; align-items: center;}
.prconts .pics ul li .photo img{top: 0;left: 0;width: 100%;height: 100%; object-fit: cover }
.prconts .pics ul li .txt .txt-more{float: right;color: #000; font-size: 0.2rem;}

/*show*/
.inside-show{ margin-top: 54px;}
.left-show{ width:100%;}
.left-show p{ font-size: 0.36rem;text-align: center;line-height: 0.5rem;}
.left-show .xiaoboao{ font-size: 0.22rem;color: #666;text-align: center; width: 100%;display: block;line-height:0.6rem;}
.left-show .xiaoboao a{ color: #666;}
.show-cont{ line-height:0.36rem;}
.show-cont>div{ line-height: 0.36rem;}
.show-cont p{ line-height: 0.36rem;}
.show-cont span{ line-height:0.36rem;}
.page_turn span{ text-align: left; width: 100%;display: block;line-height:0.5rem;}
.page_turn { margin-top:0.5rem;margin-bottom:0.3rem;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.page_turn a{ font-size: 0.18rem}

.xianguan{ font-size:0.24rem;font-weight: bold;padding-bottom: 10px;border-bottom: 1px dashed #999;}
.xianguan i{ width: 0.11rem; height:0.11rem;display: block;background: #fff;border-radius: 50%;border: 3px solid #d7000f; float: left;margin-right:0.15rem;margin-top:0.1rem;}
.xianguan span{ font-weight: 200;font-size:0.16rem;float: right; text-transform:uppercase;  }
.rel-news{ margin-bottom:0.4rem;}
.rel-news ul li{ float: left; width: 48%; height: 65px; font-size:0.22rem; line-height:0.5rem; margin-right: 4%; border-bottom: 1px dashed #999;}
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span { width: 80%; float: left; overflow: hidden;}
.rel-news ul li span a{ font-size: 0.22rem}
.rel-news ul li i{ float: right; font-size:0.22rem; font-style: inherit;}
.relevant { width: 100%;display: inline-block;}
.rel-pic{ position: relative; width: 100%;display: inline-block; margin-bottom: 0.5rem}
.rec{ width: 100%;overflow: hidden;margin-top: 0.3rem;}
.rec-img{ flex-shrink: 0;/* border: 2px solid #e7e7e7; */margin-right:0.3rem;}
.rec-img .rel-img{ width: 100%;height: 4.35rem;overflow: hidden;}
.rec-img .rel-img img {width: 100%;height:100%; object-fit:cover;}
.rec-img span{ width: 100%;height: 0.6rem;font-size:0.22rem;text-align: center;line-height:0.5rem;display: block;background: #e7e7e7;}
.rec .swiper-button-next, .rec .swiper-button-prev{ width:0.52rem;height:0.52rem;background: rgba(0,0,0,0.5);border-radius: 50%;top: 55%; }
.rec .swiper-button-prev:after, .rec .swiper-button-next:after{ font-size:0.3rem;color: #fff;}
.rec .swiper-button-prev{ left: -2%;}
.rec .swiper-button-next{ right: -2%;}

/*荣誉*/
.yield-list{ width: 100%; display: inline-block; margin-top: 4%;}
.yield-list ul{ width: 100%; display: inline-block;}
.yield-list ul li{ width: 32%; margin-right: 1.75%; float: left; padding: 0.14rem; background: #f2f2f2; box-sizing: border-box; margin-bottom:0.3rem;}
.yield-list ul li .yid-img{ width: 100%; height: 7rem; overflow: hidden;}
.yield-list ul li .yid-img img{ width: 100%; height: 100%;object-fit: contain; }
.yield-list ul li:nth-child(3n) { margin-right: 0px;}
.yield-list ul li p{ width: 100%; text-align: center; height:0.7rem; line-height:0.84rem; background: #0f478e; color: #fff; overflow: hidden; font-size: 0.26rem; display: block;}
/*.yield-list ul li:hover{ background: #0f478e;}*/
.yield-list ul li:hover p{  color: #fff;}

.about-pages{background: url(../images/c14.jpg) no-repeat top center; background-size: 100%; padding-top: 3%; /* display: inline-block; */ margin-bottom: 0.5rem}
.about-pages .abour-inisd{position: relative; display: inline-block; width: 100%; height: auto;  }
.left-pages{ width: 56.7%; height: 7.27rem; display: block; position: relative;}
.left-pages span{ width: 95%; height: 95%; border: 5px solid #345a98;  display: block; float: right; border-radius: 20px;}
.left-pages img{ position: absolute; width: 95%; height: 95%; border-radius: 0.2rem; left: 0px; bottom: 0px;}
.right-pahes{ width: 40%;}
.right-pahes p{ font-size: 0.26rem; text-transform:uppercase;}
.right-pahes h4{ font-size: 0.34rem; font-weight: bold; color: #d7000f; padding: 0.2rem 0px; padding-top: 0px; border-bottom: 1px solid #dedede;}
.right-pahes .about-pcont{ font-size: 0.22rem; line-height: 0.6rem; text-indent:2em; color: #000;}
.right-pahes .about-pcont p{ font-size: 0.2rem; line-height: 0.5rem}

/**/
.fazhanBox{ height:auto; overflow:hidden; padding:0.6rem 0; background:#eeeff3}
.fazhanBox .en{ font-size:0.5rem; color:#000; text-align:center;text-transform:uppercase; }
.fazhanBox .cn{ font-size:0.35rem; color:#000; text-align:center; line-height:0.5rem; font-weight: bold}
.fazhanBox .cn span{ font-size:0.2rem;}
.honorabout-list{ width: 100%; display: inline-block; overflow: hidden; position: relative; margin-top: 0.3rem;}
.honorabout-list ul li{ width: 24%; margin-right: 1.2%;height:4.8rem; float: left; overflow: hidden; flex-shrink: 0;}
.honorabout-list ul li .honor-img{ width:97%;border: 4px solid #2161af; height: 97%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.honorabout-list ul li .honor-img a{ width: 100%; height: 100%; display: flex}
.honorabout-list ul li .honor-img img{ width: 100%; height: auto; object-fit: contain}
.honorabout-list ul li:nth-child(4n){ margin-right: 0px}
.honor-moer a{ display: block; margin:40px auto; width:180px; height:55px; line-height:55px; text-align: center; color: #fff; background: #2161af;
    border-radius: 10px; font-size:18px;  }
.show-cont img{ width: 100%; height: auto}
.show-cont{ font-size: 0.24rem; line-height: 0.5rem}
.show-cont p{ font-size: 0.24rem; line-height: 0.5rem}
.lg-hidden{ display: none}
@media (max-width:2600px) and (min-width:2300px){

    .con-wrp ul li{ width: 2.4rem; height: 2.4rem}


}
@media (max-width:2300px) and (min-width:2250px){

    .con-wrp ul li{ width: 2.4rem; height: 2.4rem}
    .contact-left ul li{ font-size: 0.36rem}
    .contact-left span{ font-size: 0.3rem}
    .advcont-list .synopsis-right .syndiyi{ width: 6.2rem; height: 6.2rem}
}
@media (max-width:2250px) and (min-width:2000px){

    .con-wrp ul li{ width: 2.2rem; height: 2.2rem}
    .index-group-wrap .video-wrp{ height: 6rem}
    .box-4 ul li{ height: 7rem}
    .case-swiper-slide{ height: 6rem}
    .nave ul li a{ font-size: 0.22rem}
    .yield-list ul li .yid-img{ height: 6rem}
    .contact-left ul li{ font-size: 0.3rem}
    .contact-left span{ font-size: 0.3rem}
}