body,html { height: 100%; margin: 0;}
/* 引入字体 */
@font-face {
    font-family: 'DINCond-Medium';
    src: url('http://qny.hnrsxw.com/hnrsxw/font/DINCond-Medium.otf');
}
/* 滚屏样式 */
.swiper_eagle{
    box-sizing: border-box;
    width: 100vw;
    height: 100vh !important;
}
.swiper_eagle .swiper-wrapper {
    /*之前是ease-out 调整swiper动画效果*/
    /* -webkit-transition-timing-function: linear;    
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear; */
    transition-duration:1.1s!important;
    /* transition-delay:500ms; */
}
::-webkit-scrollbar {
    width: 0px;
    background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
    width: 0px !important;
    display: none;
}
#home #btm .con{ justify-content: flex-end;}
.swiper-pagination{
    width: 200px;
    position: fixed;
    top: 50%;
    left: calc(100% - 260px);
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: end;
    transform: translate(0,-50%);
}
/*自定义分页器的样式*/
.swiper-pagination-customs{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: end;
}
.swiper-pagination-customs .dot{
    display: block;
    padding: 10px;
    outline: 0;
    box-sizing: border-box;
    cursor: pointer;
}
.swiper-pagination-customs .dot .dot_inner{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    background-color: #fff;
}
.swiper-pagination-customs .title{
    color: #fff;
    opacity: 0;
    font-size: 14px;
}
.swiper-pagination-customs-active .dot{ margin-right: -3px;}
.swiper-pagination-customs-active .dot .dot_inner{
    border: 2px solid #ffffff;
    width: 15px;
    height: 15px;
    background-color:transparent;
}
.swiper-pagination-customs-active .title{opacity: 1;}

/* 导航栏 */
.header_search{padding: 0;}
#bloc header nav.home-nav .right .other-box .menu{width: auto;}
#bloc header nav.home-nav .right .other-box{
    justify-content: flex-end;
    width: 11.5%;
}
#bloc header nav.home-nav .right .nav-items{width: 88.5%;}
#bloc header nav.home-nav .right .nav-items > li > a{
    padding: 0 0.1rem;
}
/* 首页第一屏 */
.component .Tcon .txtChange{ margin-top: -6%;}
.component .Tcon .txtChange > [data-txt]{    text-align: left;}
/* 关于我们 */
/* #home #main #roll #r1 .rowMain .con .left{
    left: 13.5%;
    margin-top: 15%;
    width: 32%;
} */
#home #main #roll #r1 .bg .left a{background-image: url(http://qny.hnrsxw.com/hnrsxw/images/about_us_bg.jpg);}
#home #main #roll #r1,#home #main #roll #r1 .alan{opacity: 1;}
#home #main #roll .row{pointer-events: all;opacity: 1;}
/* 了解更多 */
#home .tansuo{text-align: center;  padding: 20px 0;}
#home .tansuo .app{display: none;}
#home .tansuo .pc{display: inline-block;}
#home #r1 .tansuo{text-align: left;}
/* 产品服务调整 */
.fuwu-div{
    margin-top: 4%;
    margin-bottom: 5%;
}
.business-area .area-box .area-position .area-list li{width: 31%;margin-right: 3.5%;margin-bottom: 4vh;border-radius: 3px;padding:15px 1.4vw 18px;position: relative;}
.business-area .area-box .area-position .area-list li:nth-child(3n){margin-right: 0;}
.business-area .area-box .area-position .area-list li .img{height: 50px;font-size: 0;margin-bottom: 15px;overflow: hidden;position: relative;}
/* .business-area .area-box .area-position .area-list li .img::after{content:'+';font-weight: 900;color:#fff;font-size: 28px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);opacity: 0;transition: 0.36s;} */
.business-area .area-box .area-position .area-list li .img img{transition: 0.36s;position: absolute;top: 0;left: 50%;transform: translate(-50% , 0);width: 50px; opacity: 1;}
.business-area .area-box .area-position .area-list li:hover{background:  transparent}
.business-area .area-box .area-position .area-list li:hover .img img{top: -50px;}
.business-area .area-box .area-position .area-list li:hover .img::after{opacity: 1;}
.business-area .area-box .area-position .area-list li h3{color:#fff;font-size: 28px;margin-bottom: 3px;}
/* .business-area .area-box .area-position .area-list li p{font-size: 18px;color:rgba(255, 255, 255, 0.7)} */
.business-area .area-box .area-position .area-list li i:after,.business-area .area-box .area-position .area-list li i:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;right: 0;border: 1px solid transparent;z-index: 1;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;border-radius: 3px;}
.business-area .area-box .area-position .area-list li i:before {border-left: none;border-top: none;}
.business-area .area-box .area-position .area-list li i:after {border-right: none;border-bottom: none;}
.business-area .area-box .area-position .area-list li :hover i:before {-webkit-animation: hw 1s;-o-animation: hw 1s;animation: hw 1s;border-color: rgba(255, 255, 255, 0.45);}
.business-area .area-box .area-position .area-list li :hover i:after {-webkit-animation: wh 1s;-o-animation: wh 1s;animation: wh 1s;border-color: rgba(255, 255, 255, 0.45);}
.business-area .area-box{background-size: 100% 100%;}
.business-area .area-box.bgzoom {-webkit-animation: bgzoom 1.5s linear;-o-animation: bgzoom 1.5s linear;animation: bgzoom 1.5s linear;animation-fill-mode:forwards;}
@-webkit-keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@-o-keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@-moz-keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@keyframes wh {0% {width: 0;height: 0}50% {width: 100%;height: 0}100% {width: 100%;height: 100%}}
@-webkit-keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@-o-keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@-moz-keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@keyframes hw {0% {width: 0;height: 0}50% {width: 0;height: 100%}100% {width: 100%;height: 100%}}
@-webkit-keyframes bgzoom {0% {background-size: 110% 110%;}100% {background-size: 100% 100%;}}
@-moz-keyframes bgzoom {0% {background-size: 110% 110%;}100% {background-size: 100% 100%;}}
@-o-keyframes bgzoom {0% {background-size: 110% 110%;}100% {background-size: 100% 100%;}}
@keyframes bgzoom {0% {background-size: 110% 110%;}100% {background-size: 100% 100%;}}
.business-area .area-box .area-position .area-list li span{color: rgba(255, 255, 255, 0.7);}
/* 全球调整 */
.quanqiu{padding-top:2%;margin-bottom: 2%;}
/* #home #main #roll #r3 .rowMain .con{padding-top: 0;} */
/* .quanqiu+.rowMain{margin-top: -16%;} */
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1) span{font-family:'DINCond-Medium' ;}
/* #home #main #roll #r3 .rowMain .con .right .photo .dot-box .dot .d-mid > .rip{  border: 1px solid #ff6900; border-radius: 50%;} */
.quanqiu h3{font-size: 44px;}
.quanqiu .quan-sp1{font-size: 18px; padding-bottom: 40px;}
.quanqiu .quan-sp{font-size: 16px; font-family: "PingFang-SC-Medium";}
.quanqiu .tansuo a{font-size: 16px;margin-top: 20px;}
#home #main #roll #r3 .rowMain .con .right .photo > img{
    width: 57.8%;
    height: 100%;
}
#home #main #roll #r3 .rowMain .con .left{
    width: 1037px;
    height: 100%;
}
#home #main #roll #r3 .rowMain .con .left .items .box > div:nth-child(1){align-items: baseline;}
#home #main #roll #r3 .rowMain .con .left .items .box{margin: 0;}
#home #main #roll #r3 .rowMain .con .right .photo .dot-box{width:80%;left: 50%; transform: translate(-50%,0);}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(0){left:29%;top: 35%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(1){left:29%;top: 20%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(2){left:52.6%;top: 76%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(3){left:62.5%;top: 45%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(4){left:58%;top: 44%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(5){left:67%;top: 18%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(6){left:35%;top: 56%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(7){left:74%;top: 62%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(8){left:70.5%;top: 51%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(9){left:69%;top: 57%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(10){left:54%;top: 66%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(11){left:48%;top: 30%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(12){left:52%;top: 48%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(13){left:54%;top: 40%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(14){left:35%;top: 68%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(15){left:35%;top: 80%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(16){left:36%;top: 52%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(17){left:56%;top: 55%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(18){left:66%;top: 39%;}
#home #main #roll #r3 .rowMain .con .right .dot-box .dot:nth-child(19){left:67.5%;top: 60%;}
@media screen and (max-width: 1200px){
    .fuwu-div h3 {
        font-size: 26px;
    }
}
/* 新闻调整 */
/* #home #main #roll #r2 .rowMain .con{padding-top:13.6%;} */
#home #main #roll #r2 {position: relative;height: 100%;background-image: url(http://www.hnrsxw.com/skin/default/static/images/waves_bg.jpg);background-size: 100% 100%;}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide .slide-inner .photo{overflow: hidden;}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide{transition: all 0.5s linear;}
#home #main #roll #r2 .rowMain .con .mid #smooth .scroll-content .slide:hover .photo .pic{
    transform: scale(1.2);
    transition: all 0.5s linear;
}
#home #main #roll #r2 .rowMain .con{width:78%;margin:1% auto;}
#home #main #roll #r2 .rowMain .con .top .msg h2{margin-bottom: 0rem;color: #fff;font-size: 40px;}
#home #main #roll #r2 .rowMain .con .top .msg p{color: #fff;}
#webgl,.waves{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    width: 100%;
    height: 80%;
}
#home #main #roll #r2 .over-3{height: 50px;margin-bottom: 12px;}
/* 底部 最后一屏 */
.footer_wrap{
    /* background: rgb(0, 34, 82); */
    background: rgb(42, 42, 42);
}
.footer_nav_title,.footer_nav_li a,.footer_bq_text,.footer_bq_text a{color: #fff;}
.footer_nav_li a,.footer_bq_text,.footer_bq_text a{opacity: 0.8;}
.footer_right ul li{}
.footer_nav_title:after{ display: none;}
.footer_nav_title{font-size:16px;}
.footer_nav_ul .footer_nav_li:hover a{color: #fff;opacity: 1;transition: all 0.5s;}
.footer_nav_list a:after{display: none;}
.footer_nav_li a{font-size: 16px;color: #CBCBCB;}
.footer_nav_li .big{font-size: 18px;}
.footer_nav_li .dincond{font-family: 'DINCond-Medium';}
.footer_right{width: auto;}
.footer_left{width: 100%;}
.footer_left .footer_nav_list{justify-content: center;}
.footer_left .footer_nav_list .footer_nav_item{width: 10%;min-width: 60px;}
.footer_left .footer_nav_list .footer_nav_item.contact{width: 14.5%;min-width: 220px;}
.swiper_eagle .swiper-slide .web_center{
    margin: auto;
    padding: 0;
}
.footer_right .footer_icon_list{justify-content: flex-start;margin-top: 22px;}
.footer_bottom{
    width: 75%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    margin:30px auto;
    padding:15px 0;
    flex-wrap: wrap;
}
.footer_item_img,.footer_active_img{padding: 0;padding-top: 110px;}
.footer_bottom .footer_bq_text a{font-family: 'DINCond-Medium';}
.footer_bottom .aim a{font-weight: bold;}
.footer_bottom .aim a::after{display: none;}
.footer_bottom .aim a:hover{color: #ff6900;}
.eagleiconfont{
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
}
/* //移动端 */
@media screen and (max-width:700px){
    .footer_left .footer_nav_list{text-align: center;}
    .footer_nav_item{margin-bottom: 20px;}
    .footer_nav_li a,.footer_nav_ul{padding: 0;font-size: 10px;line-height: normal;margin: 0;}
    .footer_nav_title{padding:0px; font-size: 12px;}
    .footer_bq_text a{font-size: 12px;}
    .footer_bottom{width: 80%;}
    .swiper-pagination{display: none;}
    .quanqiu { padding-top: 15%; }
    #home #main #roll #r3 .rowMain .con .right .photo > img{width: 100%; }
    #home #main #roll #r3 .rowMain .con{padding-top: 90px;}
}