/************************顶部************************/
/*PC*/
.hydl_header {
    position: fixed;
    width: 100%;
    height: 0.74rem;
    line-height: 1;
    z-index: 2;
    background: #fff;
}
.hydl_header .head_logo {
    position: absolute;
    top: .195rem;
    left: .5625rem;
    width: 1.75528rem;
    height: .3854rem;
    background: url(../images/logo.png) no-repeat center / cover;
    background-size: 100%;
}
.hydl_header .head_cont {
    height: 100%;
    margin-left: 4rem!important;
}
.hydl_header .head_cont .nav_ul {
    width: 5rem;
    height: 100%;
    overflow: hidden;
}
.hydl_header .head_cont .nav_ul li.nav {
    float: left;
    padding-right: .245rem;
    text-align: center;
    height: 100%;
    line-height:0.77rem;
}
.hydl_header .head_cont .nav_ul li.nav a {
    text-align: center;
    font-size: .1042rem;
    color: #000;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav {
    display: none;/*下拉*/
    position: absolute;
    top: 0.74rem;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 0rem;
    transition: all 0.5s !important;
    /* border-top: 1px solid #0a50b4;*/
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav .ejnavbacimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav .erji_nav {
    float: left;
    width: 4.8rem;
    height: 0rem;
    position: absolute;
    left: 23.9%;
    top: 4%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-top: 0;
    opacity: 0;
    transition: all 0.5s;
    text-align: left;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav .erji_nav li {
    float: left;
    height: 0.55rem;
    margin-top: 0rem;
    width: 1.5rem;
    text-align: left;
}
/* .nav_hxzy li {
    width: auto!important;
    margin-right: 0.4rem!important;
} */
.hydl_header .head_cont .nav_ul li.nav .ej_nav .erji_nav li a {
    font-size: 0rem;
    color: #666666;
    line-height: 0.25rem;
    display: inline-block;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav .erji_nav li a:hover {
    color: #0a50b4;
}
.hydl_header .headnav_img{
    position:absolute;
    left:70.6%;
    top: 16%;
    /*height: auto;*/
    height: 1.3085rem !important;
    width: 2.4rem !important;
    opacity: 0 !important;
    transition: all 0.5s;
}
.hydl_header .headnav_img img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav.active {
    height: 2rem;
    display: block;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav.active .ejnavbacimg {
    height: 100%;
    opacity: 1;
}
.erji_nav_7 li{
    width: 1.5rem!important;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav.active .erji_nav {
    height: 2rem;
    opacity: 1;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav.active .erji_nav li a {
    font-size: 0.125rem;
}
.hydl_header .head_cont .nav_ul li.nav .ej_nav.active .headnav_img {
    height: auto;
    opacity: 1 !important;
}
.hydl_header .head_cont .nav_ul li.nav a.active {
    color: #0a50b4;
    padding-bottom: 0.1rem;
    border-bottom: 0.025rem solid #0a50b4;
}
.hydl_header .head_cont .nav_ul li.nav:nth-child(1) .ej_nav {
    display: none;
}
.hydl_header .head_cont .nav_ul li.nav:nth-child(1) .ej_nav.active {
    display: none;
    opacity: 0;
}
.hydl_header .head_right {
    height: auto;
    align-items: center;
    position: absolute;
    right: 0.76rem;
    top:.325rem;
}
.hydl_header .head_right .head_language {
    /* width: .2rem;
    height:.13rem;
    line-height: 1;
    color: #000; */
    height:.12rem;
    padding-left: .2rem;
    border-left: 1px solid #000;
    float: left;
}
.hydl_header .head_right .head_language a span{
    font-size:.12rem !important;
    line-height: .12rem !important;
    height:.12rem;
    color: #000;
}
.hydl_header .head_right .head_language a span:hover{
    color: #0a50b4;
}
.hydl_header .head_right .head_language a .translate{
    width: .2rem;
    height:.13rem;
}
.hydl_header:hover {
    background: #fff;
}
.hydl_header:hover .head_logo {
    background: url(../images/logo.png) no-repeat center / cover;
    background-size: 100%;
}
.hydl_header:hover .head_cont .nav_ul li a {
    color: #000;
}
.hydl_header:hover .head_right .head_language {
    color: #000;
    border-left: 1px solid #000;
    cursor: pointer;
}
.hydl_header:hover .head_right .head_language a {
    color: #000;
}
.hydl_header:hover .head_right .head_language:hover {
    color: #0a50b4;
}
.hydl_header:hover .head_right .head_xiala {
    border: 1px solid #000;
}
.hydl_header:hover .head_right .head_xiala p {
    color: #000;
}
.hydl_header:hover .head_right .head_xiala .head_xllogo {
    background: url(../images/headxiala02.png) no-repeat center / cover;
}
/*手机*/
.wap_header{
    display: none;
}
.wap_header .nav_1 {
    overflow: hidden;
    background: #F5F5F5;
    box-sizing: border-box;
    width: 73.5688%;
    margin: 0 auto;
}
.wap_header .nav_1 li {
    float: left;
    width: auto;
    text-align: center;
    line-height: .625rem;
    margin-left: 6%;
}
.wap_header .nav_1 li a {
    font-size: .1146rem;
    color: #666666;
}
.wap_header .nav_1 li:hover a {
    font-weight: bold;
    color: #0a50b4;
}
.wap_header .nav_1 span {
    float: left;
    line-height: .2604rem;
    color: #DEDEDE;
}
/************************顶部 end************************/
/************************banennr ************************/
.hydl_mySwiper{
    padding-top: 0.75rem !important;
    background: #f6f9ff;
}

.hydl_mySwiper .swiper-slide .s1 img {
    width: 100%;
    height: auto !important;
}
.hydl_mySwiper .swiper-slide.swiper-slide-active .s1 {
    animation: banner_s 10s linear infinite !important;
    -webkit-animation: banner_s 10s linear infinite !important;
}

/*.hydl_mySwiper .swiper-slide img {
    width: 100%;
    animation: banner_s 12s ease-in-out infinite;
}*/
@keyframes banner_s {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
@-webkit-keyframes banner_s {
    0% {
      transform: scale(1);
  -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
  
    100% {
      transform: scale(1);
    -webkit-transform: scale(1);
    }
  }
.hydl_swiper_pagination .swiper-pagination-bullet {
    width: .1042rem;
    height: .1042rem;
    text-align: center;
    line-height: .1042rem;
    font-size: .0833rem;
    color: #7892cc;
    opacity: 1;
    font-family: MyriadPro-Regular;
    background: none;
}

.hydl_swiper_pagination .swiper-pagination-bullet-active {
    color: #fff;
    /* padding-bottom: 0.12rem; */
    background: url(tysj_lb_duandian.png) no-repeat 0 .2031rem;
    height: .2292rem;
    border-radius: 0;
    background-size: 100% .0156rem;
}
.hydl_swiper_pagination {
    width: 1.0208rem !important;
    text-align: center;
    left: 0;
    right: 0;
    margin:0 auto;
    height: .215rem;
    bottom: 0.3125rem !important;
}
.hydl_swiper_pagination span {
    width: .34rem !important;
    margin: 0 !important;
}
/************************banennr end************************/
/************************关于我们 ************************/
.hydl_gywm{
    position: relative;
    margin-top: 0;
    height:3.778322rem;
}
.hydl_gywm img {
    width: 100%;
    height: 100%;
}
.hydl_gywm .gywmsygf{
    position: absolute;
    left:0%;
    right:0%;
    margin: 0 auto;
    top:0.3208rem;
    width:7.85rem;
}
.hydl_gywm .gywmsygf .gywm_left{
    width:60%;
    height:3.1424666rem;
    float: left;
}
.hydl_gywm .gywmsygf .gywm_left h1{
    font-size: .28rem;
    color: #bedaed;
    font-weight: bold;
    line-height:.3rem;
}
.hydl_gywm .gywmsygf .gywm_left h2{
    font-size: .15rem;
    color: #0a50b4;
    font-weight: 400;
}
.hydl_gywm .gywmsygf .gywm_left .gywm_icon{
    width: 100%;
    margin-top: 0.14rem;
    margin-bottom: 0.14rem;
    display: flex;
	justify-content:flex-start;/*左对齐*/
}
.hydl_gywm .gywmsygf .gywm_left .gywm_icon li{
    width: .48345rem;
    margin-right:.5rem;
}
.hydl_gywm .gywmsygf .gywm_left .gywm_icon li img{
    width: .48345rem;
    height:.5518rem;
}
.hydl_gywm .gywmsygf .gywm_left .gywm_icon li p{
    color: #666;
    text-align: center;
    margin-top: 0.1rem;
    font-size: .102rem;
}
.hydl_gywm .gywmsygf .gywm_left .gywm_brief{
    margin-bottom:.25rem;
}
.hydl_gywm .gywmsygf .gywm_left .gywm_brief h1{
    font-size:.115rem;
    color: #0a50b4;
}
.hydl_gywm .gywmsygf .gywm_left .gywm_brief p{
    font-size: .102rem;
    color: #333333;
    padding-right:.2rem;
    text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/*段落限制5行*/
}
.hydl_gywm .gywmsygf .gywm_left .gywm_bottom_border{
    height:.003rem;
    background-color: #cadaeb;
    margin-top: .15rem;
    margin-bottom: .15rem;
    margin-right: 0.2rem;
}
.hydl_gywm_more{
    display: block;
    font-size: .0938rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #0a50b4;
    width: 0.7188rem;
    height: 0.224rem;
    border-radius: 0.1094rem;
    border: solid 1px #0a50b4;
    line-height: .224rem;
    text-align: center;
}
.hydl_gywm_more:hover{
    background-color: #0a50b4;
    color: #ffffff;
}

.hydl_gywm_more span{
    background: none !important;
}
.hydl_gywm .gywmsygf .gywm_right{
    width: 40%;
    height:3.1424666rem;
    float: right;
    position: relative;
}
.hydl_gywm .gywmsygf .gywm_right img {
    width: 100%;
    height: auto;
}
.hydl_gywm .gywmsygf .gywm_right img:nth-child(2) {
    display: block;
    position: absolute;
    left:50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    width: auto;
    cursor: pointer;
}
/************************关于我们 end************************/
/************************产品中心 ***************************/
.hydl_cpzx{
    width: 7.85rem;
    margin: 0 auto;
    padding-top: 0.3208rem;
    padding-bottom: 0.3208rem;
}
.hydl_cpzx .xwdt_h2_title h2 {
    font-family: SourceHanSansCN-Bold;
    font-size: .2083rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #0a50b4;
    padding-top: .2604rem;
    padding-bottom: .2604rem;
}
.hydl_cpzx .ywly_h2_title {
    position: relative;
}
.hydl_cpzx .ywly_h2_title h2 {
    padding-top: 0.18rem;
    padding-bottom: 0.16rem;
}
.hydl_cpzx .hydl-swiper-container {
    overflow: hidden;
}
.hydl_cpzx .hydl-swiper-container .swiper-slide {
    width: 2.4792rem;
    /* height: 1.9688rem; */
    background-color: #0a50b4;
}
.hydl_cpzx .ywly_wrap_789 {
    position: relative;
}
.hydl_cpzx .hydl-swiper-pagination {
    bottom: -14% !important;
}
.hydl_cpzx .hydl-swiper-pagination .swiper-pagination-bullet {
    width: .2102rem;
    height: .2102rem;
    background-color: #cccccc;
    border-radius: .0104rem;
    opacity: 1;
}
.hydl_cpzx .hydl-swiper-pagination .swiper-pagination-bullet-active {
    background: url(tysj_lb_duandian_blue.png) no-repeat;
    width: .4323rem;
    background-size: 100%;
}
.hydl_cpzx .next_left {
    width: .2102rem !important;
    height:.2102rem !important;
    background: url(../images/hydl_cpzx_next_right.png) no-repeat;
    background-size: 100%;
    right: 0 !important;
    top:-.22rem !important;
}
.hydl_cpzx .prev_right {
    width: .2102rem !important;
    height:.2102rem !important;
    background: url(../images/hydl_cpzx_next_left.png) no-repeat;
    background-size: 100%;
    right:70px !important;
    top:-.22rem !important;
    left:auto !important;
}
.hydl_cpzx .next_left:hover {
    width: .2102rem;
    height:.2102rem;
    background: url(../images/hydl_cpzx_right.png) no-repeat;
    background-size: 100%;
    right: 0;
    bottom: 0;
}
.hydl_cpzx .prev_right:hover {
    width: .2102rem;
    height:.2102rem;
    background: url(../images/hydl_cpzx_left.png) no-repeat;
    background-size: 100%;
    left:0;
    bottom: 0;
}
.hydl_cpzx .grid figure {
    position: relative;
    margin: 0;
}
.hydl_cpzx .grid figure img {
    max-width: 100%;
    display: block;
    width: 100%;
    position: relative;
}
.hydl_cpzx .grid > li {
    float: left;
    width: 100%;
}
.hydl_cpzx .grid h3 {
    line-height: 0.25rem;
    font-size: .1146rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    /*单行省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hydl_cpzx .awsm-personal-info{
    position: relative;
}
.hydl_cpzx .awsm-contact-info p{
    font-size: .0938rem !important;
    font-weight: normal;
    font-stretch: normal;
    line-height: .1875rem;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.6;
    width: 1.2rem;
    margin: 0 auto !important;
    text-align: justify;
    text-indent: 2em;
    margin-bottom: .1rem !important;

    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
	/*段落限制5行*/
}
/*------------- Style-01-----------*/
.hydl_cpzx.style-1 figure{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.hydl_cpzx.style-1 .awsm-grid-holder{
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.hydl_cpzx.style-1 figure::before{
    content: "";
    background: rgba(0,0,0,0.75);
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: scale(0.6);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
    z-index: 1;
}
.hydl_cpzx.style-1 figure img {
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    transition: transform 0.8s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.hydl_cpzx.style-1 figcaption {
    bottom: 10px;
    left: 10px;
    right: 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateY(100%) translateY(-90px);
    -webkit-transform: translateY(100%) translateY(-90px);
    -o-transform: translateY(100%) translateY(-90px);
    -ms-transform: translateY(100%) translateY(-90px);
    transform: translateY(100%) translateY(-90px);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    text-align: center;
    z-index: 2;
}
.hydl_cpzx.style-1 .awsm-contact-info{
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s 0.2s;
    transition: transform 0.4s, opacity 0.4s 0.2s;
    opacity: 0;
    visibility: hidden;
}
.hydl_cpzx.style-1 figure:hover::before,
.hydl_cpzx.style-1 figure.cs-hover::before{
    opacity: 1;
    transform: scale(1);
}
.hydl_cpzx.style-1 figure:hover img, .hydl_cpzx.style-1 figure.cs-hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hydl_cpzx.style-1 figure:hover figcaption,
.hydl_cpzx.style-1 figure.cs-hover figcaption {
    -webkit-transform: translateY(0px) translateY(0px);
    -moz-transform: translateY(0px) translateY(0px);
    -ms-transform: translateY(0px) translateY(0px);
    transform: translateY(0px) translateY(0px);
}
.hydl_cpzx.style-1 figure:hover .awsm-contact-info,
.hydl_cpzx.style-1 figure.cs-hover .awsm-contact-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
/*------------- Style-01-----------*/
.card-style.style-1 figure{
    overflow: hidden;
    width: 100%;
}
.card-style.style-1 figure::before{
    content: "";
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 37%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transform: translateY(100%) translateY(-90px);
    -webkit-transform: translateY(100%) translateY(-90px);
    -o-transform: translateY(100%) translateY(-90px);
    -ms-transform: translateY(100%) translateY(-90px);
    transform: translateY(100%) translateY(-0.35rem);/*控制背景高度*/
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    z-index: 1;
    background-color: #0a50b4;
}
.card-style.style-1 .awsm-grid-holder{
    overflow: visible;
}
.card-style.style-1 figure img {
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    display: block;
    height: 1.9688rem;
}
.card-style.style-1 figcaption {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    padding: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateY(100%) translateY(-100px);
    -webkit-transform: translateY(100%) translateY(-100px);
    -o-transform: translateY(100%) translateY(-100px);
    -ms-transform: translateY(100%) translateY(-100px);
    transform: translateY(100%) translateY(-0.29rem);/*控制文字高度*/
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    text-align: center;
    z-index: 2;
    color: #000;
}
.card-style.style-1 .awsm-contact-info{
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    opacity: 0;
    visibility: hidden;
}
.card-style.style-1 figure:hover img, .card-style.style-1 figure.cs-hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.card-style.style-1 figure:hover figcaption,
.card-style.style-1 figure.cs-hover figcaption,
.card-style.style-1 figure:hover::before,
.card-style.style-1 figure.cs-hover::before {
    -webkit-transform: translateY(0px) translateY(0px);
    -moz-transform: translateY(0px) translateY(0px);
    -ms-transform: translateY(0px) translateY(0px);
    transform: translateY(0px) translateY(0px);
}
.card-style.style-1 figure:hover .awsm-contact-info,
.card-style.style-1 figure.cs-hover .awsm-contact-info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
/************************产品中心 end************************/
/************************新闻资讯 ***************************/
.hydl_news{
    padding-top: 0.3208rem;
    padding-bottom: 0.3208rem;
    background-color: #edf5fa;
}
/*标题*/
.hy_title_bt {
    font-size: .2rem;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 0.05rem;
}
.hy_title_bt span {
    color: #0a50b4;
    font-size: .2rem !important;
}
.hengd {
    width: 0.4167rem;
    display: block;
    margin: 0 auto;
    height: 0.0208rem;
    background-color: #0a50b4;
    margin-bottom: 0.3208rem;
}
/*标题 end*/
.hydl_xwzx{
    width:7.85rem;
    margin: 0 auto;
}
.hydl_xwzx .xwzx_top {
    line-height: 1;
}
.hydl_xwzx .xwzx_top .top_lanbiao {
    width: 0.34rem;
    height: 0.07rem;
    background-color: #0a50b4;
    border-radius: 0.035rem;
    margin: 0 auto;
}
.hydl_xwzx .xwzx_top h3 {
    text-align: center;
    font-size: 0.4rem;
    color: #1a1a1a;
    margin-top: 0.22rem;
}
.hydl_xwzx .xwzx_con {
    width: 100%;
    padding-top: 0.1rem;
    /* height: 5.5rem; */
    padding-bottom: .15rem;
}
.hydl_xwzx .xwzx_con .xwzxcon_left {
    float: left;
    width: 56.667%;
    height: 5.5rem;
    width: 4.01rem;
    height: 2.8646rem;
}
.hydl_xwzx .xwzx_con .xwzxcon_left ul {
    width: 100%;
    height: 100%;
}
.hydl_xwzx .xwzx_con .xwzxcon_left ul li {
    width: 100%;
    height: 100%;
    display: none;
    border-radius: 100px 0px 30px 0px;
    overflow: hidden;
}
.hydl_xwzx .xwzx_con .xwzxcon_left ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.hydl_xwzx .xwzx_con .xwzxcon_left ul li a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hydl_xwzx .xwzx_con .xwzxcon_left ul li.active {
    display: block;
}
.hydl_xwzx .xwzx_con .xwzxcon_right {
    float: right;
    width: 43%;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop {
    width: 100%;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li {
    display: none;
    line-height: 1;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li h3 {
    font-size: 0.3rem;
    color: #333333;
    font-weight: 400;
    /* margin-top: 0.28rem; */
    cursor: pointer;
    transition: all 0.5s;
    
    /*单行省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li h3 a {
    font-size: .1563rem;
    color: #333333;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li h3:hover {
    transform: translateY(-0.05rem);
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li h4 {
    display: block;
    font-size: 20px;
    font-weight: normal;
    color: #cccccc;
    margin-top: 0.15rem;
    cursor: pointer;
    transition: all 0.5s;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li h4:hover {
    transform: translateY(-0.05rem);
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li p {
    font-size: .1146rem;
    color: #666666;
    line-height: 0.2rem;
    margin-top: 0.12rem;
    margin-bottom: 0.12rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* cursor: pointer; */
    transition: all 0.5s;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li p:hover {
    transform: translateY(-0.05rem);
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li .xwzx_ljxq {
    width: .7188rem;
    height: .2188rem;
    text-align: center;
    border-radius: 0.2rem;
    margin-top: 0.15rem;
    cursor: pointer;
    transition: all 0.5s;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li .xwzx_ljxq a {
    font-size: 17px;
    line-height: .2083rem;
    color: #0a50b4;
    width: .7188rem;
    height: .2188rem;
    display: inline-block;
    line-height: .1875rem;
    border-radius: 21px;
    border: solid 1px #0a50b4;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li .xwzx_ljxq:hover {
    background-color: #0a50b4;
    border: 1px solid #0a50b4;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li .xwzx_ljxq:hover a {
    color: #fff;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_righttop ul li.active {
    display: block;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_rightbot {
    width: 100%;
    /* height: 1.2rem; */
    margin-top: 0.26rem;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_rightbot ul {
    display: flex;
    justify-content: space-between;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_rightbot ul li {
    width: 1.0833rem;
    height: .6927rem;
    border: 0.02rem solid #fff;
    box-sizing: border-box;
    transform: translateY(0);
    transition: all 0.5s;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_rightbot ul li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_rightbot ul li:hover {
    transform: translateY(-0.04rem);
}
.hydl_xwzx .xwzx_con .xwzxcon_right .xwzxcon_rightbot ul li.active {
    border: 0.02rem solid #0a50b4;
}
.hydl_xwzx .xwzx_bot {
    width: 100%;
    /* margin-top: 0.99rem; */
}
.hydl_xwzx .xwzx_lb_sygf {
    width: 2.5rem;
    height: 1.7396rem;
    background-color: #ffffff;
    padding: .1667rem;
    float: left;
    margin-left: .1719rem;
}
.hydl_xwzx .lb_xwzx_gf {
    margin-bottom: .125rem;
}
.hydl_xwzx .lb_xwzx_gf h2 {
    font-size: .1354rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: .1719rem;
    letter-spacing: 0rem;
    color: #0a50b4;
    float: left;
}
.hydl_xwzx .lb_xwzx_gf a {
    font-size: .125rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .1719rem;
    letter-spacing: 0rem;
    color: #999999;
    float: right;
}
.hydl_xwzx .xwzx_lb_sygf ul li {
    margin-bottom: 0.055rem;
}
.hydl_xwzx .xwzx_lb_sygf ul li h2 a {
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #292929;
    float: left;
    width: 66%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.hydl_xwzx .xwzx_lb_sygf ul li span {
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #999999;
    float: right;
}
.hydl_xwzx .xwzx_bot .xwzx_lb_sygf:nth-child(1) {
    margin-left: 0;
}
.hydl_xwzx .xwzx_newtit {
    border-bottom: 0.02rem solid #cccccc;
    height: 0.33rem;
}
.hydl_xwzx .xwzx_bot .xwzx_newtit ul {
    width: 100%;
    display: flex;
}
.hydl_xwzx .xwzx_bot .xwzx_newtit ul li {
    width: 18%;
    text-align: center;
    font-size: 26px;
    color: #999999;
    /* border-bottom: 0.02rem solid #cccccc; */
    /* transition: all 0.5s; */
    cursor: pointer;
}
.hydl_xwzx .xwzx_bot .xwzx_newtit ul li:hover {
    color: #0a50b4;
}
.hydl_xwzx .xwzx_bot .xwzx_newtit ul li.active {
    font-size: .1354rem;
    color: #0a50b4;
    font-weight: 700;
    padding-bottom: 0.12rem;
    border-bottom: .0208rem solid #0a50b4;
    /* transition: all 0.5s; */
}
.hydl_xwzx .xwzx_bot .xwzx_newcon {
    display: none;
    width: 100%;
    height: auto;
    margin-top: 0.15rem;
    padding-bottom: 0.35rem;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul {
    width: 100%;
    height: auto;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li {
    float: left;
    width: 48%;
    line-height: 1;
    margin-left: 4%;
    transform: translateY(0);
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 0.15rem;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li p {
    width: auto;
    float: left;
    font-size: 26px;
    color: #333333;
    /* padding-top: 0.2rem; */
    /* padding-bottom: 0.2rem; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li p a {
    font-size: 26px;
    color: #333333;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li span {
    float: right;
    font-size: 20px;
    color: #999999;
    padding-top: 0.02rem;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li:nth-child(odd) {
    margin-left: 0%;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li:hover {
    transform: translateY(-0.05rem);
    transition: all 0.5s;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li:hover p {
    color: #0a50b4;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li:hover p a {
    color: #0a50b4;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon ul li:hover span {
    color: #0a50b4;
}
.hydl_xwzx .xwzx_bot .xwzx_newcon.active {
    display: block;
}
/************************新闻资讯 end************************/
/************************视频中心 ***************************/
.hydl_video .hydl_video_left {
    width: 4.53rem;
    height:2.7746444rem;
    background-color: #ffffff;
    float: left;
    padding-left: 1.0938rem;
    padding-top: 0.3208rem;
    position: relative;
}
.hydl_video .hydl_video_right {
    width: 4.9291111rem;
    height: 2.7746444rem;
    background-color: #0a50b4;
    float: right;
    position: relative;
}
.hydl_video .hydl_video_right img {
 
    position: relative;
}
.hydl_video .hydl_video_right .spzx_right_video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hydl_video .hydl_video_right img:nth-child(2) {
    cursor: pointer;
    width:12%;
    position: absolute;
    left:50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.hydl_video .spzx_h2 {
    margin-bottom: .2604rem;
    overflow: hidden;
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
    /*两端对齐，项目之间的间隔都相等。*/
}
.hydl_video .spzx_h2 h2 {
    font-stretch: normal;
    letter-spacing: 0rem;
    text-align: left;
    margin-bottom: 0;
}
.hydl_video .spzx_h2 span {
    display: inline-block;
    margin-bottom: 0;
    background: none !important;
}
.hydl_video .mySwiper-sp .swiper-slide img {
    width: 100%;
}
.hydl_video .mySwiper-sp .swiper-slide h2 {
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #333333;
    margin-top: .0938rem;
}
.hydl_video .mySwiper-sp .swiper-slide h2 a {
    color: #333333;
}
.hydl_video .mySwiper-sp .swiper-slide {
    width: 1.6354rem !important;
}
.hydl_video .swiper-pagination-sp {
    position: absolute;
    width: 58%;
    left: 23%;
}
.hydl_video .mySwiper-sp {
    position: relative;
}
.hydl_video .swiper-pagination-sp span {
    font-size: .1198rem;
    padding-right: 0.05rem;
}
.hydl_video .badc02 {
    color: #8795a8;
}
.hydl_video .badc01 {
    color: #0a50b4;
}
.hydl_video .swiper-button-next-sp {
    background: url(../images/hydl_cpzx_left.png) no-repeat;
    left:0rem !important;
    right:auto !important;
    background-size: .2102rem .2102rem;
    width:.2102rem;
    height:.2102rem;
}
.hydl_video .swiper-button-prev-sp {
    background: url(../images/hydl_cpzx_right.png) no-repeat;
    right: 0 !important;
    left: auto !important;
    background-size: .2102rem .2102rem;
    width:.2102rem;
    height:.2102rem;
}
.hydl_video .spnex {
    width: 15%;
    position: absolute;
    bottom: .3rem;
}
.hydl_video .mySwiper-sp .swiper-slide-active h2 a {
    /* color: #0a50b4; */
}
.hydl_video .mySwiper-sp .swiper-slide img:nth-child(2) {
    cursor: pointer;
    width:.378432rem;
    height:.378432rem;
    position: absolute;
    left:50%;
    top: 40%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
/************************视频中心 end************************/
/************************底部--- end************************/

.hydl_footer {
    width: 100%;
}
.bottom_nav{
    width: 100%;
    overflow: hidden;
    margin-top: 0.3rem;
}
.bottom_nav .bottom-title{
    font-size:.0938rem;
    height:.1892rem;
    line-height:.1892rem;
    color:#fff;
    float:left;
}
.bottom_nav .nav2{
    width:1.2927rem;
    height:.1892rem;
    float:left;
    margin-right:.22rem;
}
.bottom_nav2{
    width: 1.2927rem;
    height: .1892rem;
    background:url(../images/select.png) no-repeat;
    background-size: 100%;
    border: none;
    color: #fff;
    font-size:.0938rem;
    padding-left: .1rem;
    padding-right:.22rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.bottom_nav2 option{
    color: #000;
}
.bottom_nav2::-ms-expand {
    display: none;
}
.hydl_footer .footer_top {
    height: 2.8rem;
    background-color: #1659ae;
    border-bottom: 1px solid #5778a6;
    line-height: 1;
}
.hydl_footer .footer_top .fottop_left {
    float: left;
}
.hydl_footer .footer_top .fottop_left ul {
    /* padding-top: .4688rem; */
    padding-top: .3rem;
    display: flex;
    flex-direction: row;
}
.hydl_footer .footer_top .fottop_left ul li {
    display: flex;
    flex-direction: row;
    margin-right: .27rem;
}
.hydl_footer .footer_top .fottop_left ul li dl dt {
    margin-bottom: .151rem;
    cursor: pointer;
}
.hydl_footer .footer_top .fottop_left ul li dl dt a {
    font-size: .1042rem;
    color: #dee3f1;
}
.hydl_footer .footer_top .fottop_left ul li dl dd {
    opacity: 0.3;
    margin-bottom: .125rem;
    cursor: pointer;
}
.hydl_footer .footer_top .fottop_left ul li dl dd a {
    font-size: .0938rem;
    color: #fff;
}
.hydl_footer .footer_top .fottop_left ul li dl dd:hover {
    opacity: 1;
}
.hydl_footer .footer_top .fottop_left ul li:nth-child(2) {
    margin-right: 0.2rem;
}
.hydl_footer .footer_top .fottop_left ul li:nth-child(3) {
    margin-right: 0.27rem;
}
.hydl_footer .footer_top .fottop_left ul li:nth-child(5) {
    /* margin-right: 0.58rem; */
}
.hydl_footer .footer_top .fottop_left ul li:nth-child(6) {
    /* margin-right: 0.49rem; */
}
.hydl_footer .footer_top .fottop_left ul li:nth-child(7) {
    /* margin-right: 0rem; */
}
.hydl_footer .footer_top .fottop_right {
    float: right;
}
.hydl_footer .footer_top .fottop_right .fotright_logo {
    /* margin-top: 0.47rem; */
    margin-top: .3rem;
    margin-left: 0.05rem;
    background: url(../images/headlogo.png) no-repeat center / cover;
    background-size: 100%;
    width: 1.9531rem;
    height: 0.3854rem;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian {
    margin-top: .53rem;
    margin-left: 0.53rem;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul {
    width: 1.6667rem;
    /* display: flex; */
    flex-direction: row;
    justify-content: space-between;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul li {
    cursor: pointer;
    width: .2708rem;
    height: .276rem;
    border-radius: 50%;
    float: right;
    margin-left: 7%;
    margin-bottom: 20px;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul li div {
    width: 100%;
    height: 100%;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul li div .img01, .hydl_footer .footer_top .fottop_right .fotright_wailian ul li div .img02 {
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul li div .img02 {
    display: none;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul li div:hover .img01 {
    display: none;
    transition: all 1s;
}
.hydl_footer .footer_top .fottop_right .fotright_wailian ul li div:hover .img02 {
    display: block;
    transition: all 1s;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm {
    width: auto;
    margin-top: 0.12rem;
    margin-left: 28%;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm ul {
    width: 100%;
    display: flex;
    justify-content: center;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm ul li span {
    font-size: .0938rem;
    color: #5485cb;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm ul li a {
    font-size: .0938rem;
    line-height: .0938rem;
    color: #ffffff;
    opacity: 0.3;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm ul li a:hover {
    opacity: 1;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm ul li:nth-child(1) a {
    padding-left: 0rem;
}
.hydl_footer .footer_top .fottop_right .fotright_lxwm ul li:nth-child(3) a {
    padding-right: 0rem;
    border-right: 0px;
}
.hydl_footer .footer_bot {
    height: .625rem;
    background-color: #1659ae;
}
.hydl_footer .footer_bot .fotbot_left {
    float: left;
}
.hydl_footer .footer_bot .fotbot_left ul {
    height: .625rem;
    display: flex;
}
.hydl_footer .footer_bot .fotbot_left ul li span {
    font-size: .0938rem;
    color: #5485cb;
}
.hydl_footer .footer_bot .fotbot_left ul li a {
    font-size: .0938rem;
    line-height: .625rem;
    color: #ffffff;
    opacity: 0.3;
    padding-left: 0;
    padding-right: 0.15rem;
}
.hydl_footer .footer_bot .fotbot_left ul li a:hover {
    opacity: 1;
}
.hydl_footer .footer_bot .fotbot_left ul li:nth-child(1) a {
    padding-left: 0;
}
.hydl_footer .footer_bot .fotbot_left ul li:nth-child(2) a {
    padding-right: 0.1rem;
    padding-left: 0.15rem;
    border-right: 0;
}
.hydl_footer .footer_bot .fotbot_left ul li:nth-child(3) a {
    padding-right: 0.1rem;
    padding-left: 0.09rem;
    border-right: 0;
}
.hydl_footer .footer_bot .fotbot_right {
    float: right;
}
.hydl_footer .footer_bot .fotbot_right ul {
    height: .625rem;
    display: flex;
}
.hydl_footer .footer_bot .fotbot_right ul li span {
    font-size: .0938rem;
    color: #5485cb;
}
.hydl_footer .footer_bot .fotbot_right ul li a {
    font-size: .0938rem;
    line-height: .625rem;
    color: #ffffff;
    opacity: 0.3;
    padding-right: 0.2rem;
}
.hydl_footer .footer_bot .fotbot_right ul li a:hover {
    opacity: 1;
}
.hydl_footer .footer_bot .fotbot_right ul li:nth-child(2) a {
    padding-left: 0.2rem;
}
.hydl_footer .footer_bot .fotbot_right ul li:nth-child(3) a {
    padding-right: 0rem;
}
.hydl_footer .wbewmhover:hover .wbewm {
    display: block;
    width: 1.5rem!important;
    height: 1.5rem!important;
    position: relative;
    right: 0.65rem;
    top: -2.18rem;
}
.hydl_footer .wxewmhover:hover .wxewm {
    display: block;
    width: 1rem!important;
    height: 1rem!important;
    position: relative;
    right: 0.4rem;
    top: -1.55rem;
}
.hydl_footer .dyewm  img{
    width: 100%;
    height: 100%;
}
.hydl_footer .wxewm  img{
    width: 100%;
}
.hydl_footer .ksewm  img{
    width: 100%;
    height: 100%;
}
.hydl_footer .wbewm  img{
    width: 100%;
}
.hydl_footer .ksewmhover:hover .ksewm {
    display: block;
    width: 1rem!important;
    height:1.2rem!important;
    position: relative;
    top: -1.5rem;
    right: 0.4rem;
}
.hydl_footer .dyewmhover:hover .dyewm {
    display: block;
    width: 1rem!important;
    height:1.2rem!important;
    position: relative;
    right: 0.4rem;
    top: -1.5rem;
}
.hydl_footer .wbewm {
    display: none;
}
.hydl_footer .wxewm {
    display: none;
}
.hydl_footer .ksewm {
    display: none;
}
.hydl_footer .dyewm {
    display: none;
}
.hydl_footer .w{
    max-width: 7.85rem;
    margin: 0 auto;
}
/*手机底部*/
.sinochem-footer{
    display: none;
}
/************************底部-------end************************/
/************************内页新闻**********************************/
/*大图*/
.hydl_within{
    padding-top: 0.745rem;
    width: 100%;
    height:3.85rem;
}
.hydl_within img {
    display: block;
    width:100%;
    height:100%;
    object-fit: cover;
}
/*内页路径*/
.second_level_nav {
    width: 100%;
    height: 0.4583rem;
    background-color: #f6f6f6;
}
.nav_wrapper{
    width: 78.329%;
    margin: 0 auto;
}
.nav_wrapper a {
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.47rem;
    letter-spacing: 0px;
    color: #666666;
}
.nav_wrapper span {
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    padding: 0.0521rem;
}
/*通用*/
.Inside_currency {
    margin-top:.4323rem;
}
.hydl_wrap_content { 
    width: 79%;
    margin: 0 auto;
    overflow: hidden;
}
/*左*/
.hydl_left_nav{
    float: left;
    width: 13%;
}
.hydl_left_nav ul li a{
    font-size: .1146rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #5a5a5a;
}
.hydl_left_nav ul li a:hover{
    color: #0a50b4;
}
.hydl_left_nav ul li{
    margin-bottom: .2rem;
    margin-top: 0.05rem;
}
/*右*/
.hydl_right_witd{
    width: 84%;
    margin-top: 0;
    float: right;
    min-height:900px;
}
.hydl_second h3 {
    margin-bottom: 0.2rem;
    font-size: .21875rem;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #0a50b4;
    font-weight: 500;
    padding-bottom: 19px;
    background: url(../images/dj_top.png)no-repeat 0px 0.35rem;
}
.hydl_new_list {
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
}
.hydl_new_list ul li {
    float: none;
    width: 100%;
    border-bottom: none;
    margin-left: 0;
}
.hydl_new_list ul li:nth-child(odd){
    margin-left: 0;
}
.hydl_new_list img{
    height: 0.7917rem;
    width: 100%;
}
.new_list_box h2 a {
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 0.14rem;
    color: #333333;
    margin-bottom: 0.1042rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
}
.new_list_box span {
    display: inline-block;
    font-size: .1rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.new_list_box:hover h2 a{
    color: #0a50b4;
}
.new_list_box:hover span{
    color: #0a50b4;
}
.new_list_box h2 {
    display: inline-block;
}
.new_list_box {
    width: 100%;
}
.new_list_box h2 a {
    width: 100%;
    display: block;
}
.new_list_box h2 {
    display: inline-block;
}
.new_list_box h2 a {
    width: 100%;
    display: block;
}
.new_list_box span {
    float: right;
    border-right: none;
    padding-right: 0;
    line-height: 0.13rem;
}
/************************内页新闻*******end************************/
/************************内页新闻详情*******************************/
.hydl_new_details{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.hydl_new_details .details_top{
    padding-top: 0.05rem;
}
.hydl_new_details .news_img img{
    width: 60% !important;
}
.hydl_new_details .details_top img {
    width: 100%;
    height: auto !important;
    /*width: 100%;
    margin: 0 auto;
    display: block;*/
}
.hydl_new_details .details_top h3{
    font-size: 0.19rem;
    font-weight:normal;
    font-stretch:normal;
    line-height: .3906rem;
    letter-spacing: 0px;
    color: #0a50b4;
    text-align: center;
}
.hydl_new_details .details_top .xw_time{
    font-size: .0833rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
    margin-bottom: .1563rem;
    text-align: center;
}
.hydl_new_details .details_top .xw_time span{
    font-size: .0833rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
}
.hydl_new_details .details_top .page_wrap_box{
    display: block;
    padding-bottom: 0.5rem;
}
.hydl_new_details .details_top .page_wrap_box p,span{
    font-size: 0.0938rem !important;
    line-height: .18rem !important;
    font-family: 'Work Sans', sans-serif !important;
}
.hydl_new_details .details_bottom {
    text-align: right;
    padding-bottom: .5rem;
}
.hydl_new_details .details_bottom a {
    font-size: 0.09rem;
    color: #0a50b4;
    margin-left: 0.1rem;
}
/************************内页新闻详情*******end*********************/
/************************内页产品中心*******************************/
/* .hydl_product ul li:nth-child(4n+1){
    margin-left: 0px;
} */
.hydl_product ul li:nth-child(2) .hydl_product_img span{
    margin-left: -0.1rem;
}
.hydl_product ul li:nth-child(3) .hydl_product_img span{
    margin-left: 0.06rem;
}
.hydl_product ul li:nth-child(4) .hydl_product_img span{
    margin-left: 0.055rem;
}
.hydl_product ul li:nth-child(5) .hydl_product_img span{
    display:none;
}
.hydl_product ul li:nth-child(6) .hydl_product_img span{
    display:none;
}
.hydl_product ul li:nth-child(8) .hydl_product_img span{
    margin-left: -0.2rem;
}
.hydl_product ul li{
    float: left;
    /* margin-left: .49502rem; */
    /* margin-left:.190rem; */
    position: relative;
    /* transition: 1s; */
    width: 1.49rem;
    /* margin:.07rem; */
    margin: 1%;
}
.hydl_product ul li h2 a{
    color: #999999;
    display: block;
    /*单行省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hydl_product ul li h2{
    margin-top: .1823rem;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .1719rem;
    letter-spacing: 0px;
    color: #999999;
    text-align: center;
    margin-bottom:.1823rem;
}
.hydl_product_img{
    /* 
    width: 1.86rem;
    height: 1.86rem; 
    */
    width: 1.5rem;
    height:2.2rem;
    background-color: #f7f7f7;
    position: relative;
    background-image: linear-gradient(0deg, rgb(0,0 ,0, 0.3) 0%,#fbfaf8 100%);
    text-align: center;
}
.hydl_product_img h3{
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fefefe;
    position: absolute;
    bottom: 8%;
    left: 0%;
    right:0%;
    margin: 0 auto;
    word-break: break-all;
    /*单行省略号*/
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.hydl_product_img span{
    display: inline-block;
    font-size: .0781rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #0a50b4;
    width: auto;
    height: auto;
    padding: .0156rem;
    border-radius: 5px;
    border: solid 1px #0a50b4;
    position: absolute;
    bottom: 11%;
    left: 32%;
}
.hydl_product_img .img_box{
    width: 80%;
    height:72.61366%;
    padding-top: 0.17rem;
    margin: 0 auto;
}
.hydl_product_img img{
    display: block;
    width:100%;
    height:100%;
    object-fit: cover;
    margin: 0 auto;
}
/*选中背景*/
.product_display{
    display:none;
}
.product_display {
    background-color: rgb(0 ,91 ,205, 0.8);
    /* width: 1.86rem;
    height: 1.86rem; */
    /* width: 1.5rem; */
    width: 2.08rem;
    height:2.08rem;
    position: absolute;
    top: 0;
}
.product_display_p p {
    font-size: .1024rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.2rem;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}
.product_display_p {
    padding-top: 0.4rem;
}
.product_display span a{
    color: #ffffff;
}
.product_display span {
    font-size: 0.086rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 0.3rem;
    position: absolute;
    bottom: 0.05rem;
    display: inline-block;
    width: 100%;
    background: url(../images/hydl_product_img.png) no-repeat 1.3rem 0.03rem;
}
.hydl_product ul li:hover .product_display{
    display:block;
    transition: 1s;
}
.hydl_product ul li:hover .hydl_product_img h3{
    /* display:none; */
}
/*新的产品宽度*/
.hydl_product ul .nes_width{
    width:2.08rem !important;
    margin: .8% !important;
    /* margin: .05rem !important; */
    /* margin-left:.155rem !important; */
}
.hydl_product .nes_width_product{
    width: 2.08rem !important;
    height:2.08rem !important;
}
/* .hydl_product ul .nes_width:nth-child(3n+1){
    margin-left:auto !important;
} */
.hydl_product_img .nes_img_box{
    height:85.168% !important;
    width: 77% !important;
}
.hydl_product .nes_width_product h3{
    bottom: 3% !important;
    font-size: .13rem !important;
}
/*新的产品宽度 end*/
/************************内页产品中心*******end*********************/
/************************内页资质荣誉*******************************/
.hydl_honor ul li {
    float: left;
    margin-left: 0.14rem;
    margin-bottom: 0.1rem;
    width:1.52rem;
}
.hydl_honor ul li:nth-child(4n+1) {
    margin-left: 0;
}
.hydl_honor ul li .honor_img {
    width: auto;
    height:1rem;
    background-size: 100% 100%;
}
.hydl_honor ul li .honor_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hydl_honor ul li h3 {
    font-size: 0.094rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.38rem;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
    /*单行省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/************************内页资质荣誉*******end*********************/
/************************内页售后服务*******************************/
.hydl_after_service{
    overflow: hidden;
}
.hydl_after_service .form{
	overflow: hidden;
    width: 100%;
    margin-bottom: 0.2rem;
}
.hydl_after_service .form .tle{
    float: left;
    width: 10%;
    font-size: .1042rem;
    height: 0.4rem;
    line-height: .4rem;
    color: #333333;
}
.hydl_after_service .form label{
	display:block;
    float: left;
    width: 20%;
    position: relative;
    height: 0.4rem;
    line-height: .4rem;
}
.hydl_after_service label input {
	display:none;
}
.hydl_after_service label input:checked + .choice:before{
	box-shadow:inset 0 0 0 3px #f20c00;
}
.hydlAnswer_details .answer_content label .choice{
	border-radius:99em;
	-webkit-transition:0.25s ease;
	transition:0.25s ease;
}
.hydl_after_service label .choice:before{
	content:"";
	float:left;
	flex-shrink:0;
	background-color:#fff;
	width:16px;
	height:16px;
	border-radius:16px;
	margin-right: 0.375em;
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;
	box-shadow: inset 0 0 0 1px #05102C;
    position: absolute;
    left:0%;
    top: 50%;
    transform: translateX(-0%) translateY(-50%);
    -webkit-transform: translateX(-0%) translateY(-50%);
}
.hydl_after_service label .choice span{
	/*display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;*/
	overflow:hidden;
	font-size: .1042rem;
    padding-left: .2rem;
}
.hydl_after_service .service_content{
    overflow: hidden;
}
.hydl_after_service .service_content .content:nth-child(2n+1){
    margin-left: 0px;
}
.hydl_after_service .service_content .content{
	position: relative;
	overflow: hidden;
    height: .4rem;
    line-height: .4rem;
    background-color: #f9f9f9;
    text-align: left;
    margin-bottom:.2rem;
    margin-left: 0.19rem;
    width: 48%;
    float: left;
}
.hydl_after_service .service_content .flForm{
	position: relative;
    /* padding-left:.1rem; */
    width: 20%;
    float: left;
    text-align: right;
	font-size: .1042rem;
	color: #333333;
}
.hydl_after_service .service_content .frForm{
	float:left;
	width:80%;
}
.hydl_after_service .service_content .frForm .Form_input{
	width:100%;
	padding:0.145rem 0.1rem;
	float: left;
	text-align: left;
	list-style: none;
	outline: none;
	font-size: .1042rem;
	color: #999999;
	border: 0;
    background: none;
}
.hydl_after_service .service_content .frForm .select{
    float:left;
	width:80%;
    display: block;
	font-size: .1042rem;
	color: #999999;
	padding-left: 0.1rem;
}
.hydl_after_service .service_content .frForm select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	border: none;
    background-size: 10px 10px;
    background-position: top 8px right 0px;
    direction: ltr;/*左对齐*/
    text-align: left;
	font-size: .1042rem;
	width: 100%;
    background: none;
}
.hydl_after_service .service_content textarea{
	display: block;
	resize: none;/*选中后的黑框*/
    outline: none;/*选中后的黑框*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border: none;
    background: none;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	-webkit-appearance: none ; /*是为了去除内阴影样式，但是缺点是不可输入*/
	-webkit-user-select: auto; /*解决输入问题*/
    resize:none;/*不许放大*/
    font-family:'微软雅黑';
    height: 0.15rem;
    margin-top: 0.12rem;
	font-size: .1042rem;
	width: 100%;
	padding:0rem 0rem 0rem .1rem;
	color: #999999;
}
.hydl_after_service .service_content .gif{
    position: absolute;
    top: 0;
    right: 0;
    height: 0.4rem;
    width: 1.24rem;
}
.hydl_after_service .service_content .gif img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.hydl_after_service .service_content .content.last {
    text-align: right !important;
    float: right !important;
    background-color: transparent;
    position: relative;
	overflow: hidden;
    height: .4rem;
    line-height: .4rem;
    margin-bottom:0rem !important;
    margin-left: 0.19rem;
    width: 48%;
}
.hydl_after_service .service_content .last .submit{
    background-color: red;
    color: #ffffff;
    display: block;
    width: 1.1rem;
    height: .4rem;
    line-height: .4rem;
    float: right;
	font-size: .1rem;
}
.hydl_after_service .service_content .last .reset{
    background-color:#ededed;
               color:#999999;
             display:block;
               width:.8rem;
              height:.4rem;
         line-height:.4rem;
               float:right;
        margin-right:.1rem;
	       font-size:.1rem;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color:#999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#999999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#999999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#999999;
}
input[type=button], input[type=submit], input[type=file], button {
	cursor: pointer;
	-webkit-appearance: none;
}
input::-webkit-input-placeholder {
	color:#999999;
}
input:-moz-placeholder,   
textarea:-moz-placeholder {
    color: #999999;
}   
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {
    color: #999999;
}   
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {
    color: #999999;
}
.hydl_after_service .hydl_repair{
    overflow: hidden;
    margin: 0 auto;
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;
}
.hydl_after_service .hydl_repair img{
    width: 1rem;
    margin: 0 auto;
    display: block;
}
.hydl_after_service .hydl_repair h3{
    text-align: center;
    font-size: .1042rem;
    color: #333333;
}
/************************内页售后服务*******end*********************/
/************************内页视频中心*******************************/
.video_center_list{
    overflow: hidden;
    min-height: 5rem;
}
.video_center_list .content_box:nth-child(3n+1){
    margin-left: 0rem;
}
.video_center_list .content_box{
    width: 2.4rem;
    position: relative;
    float: left;
    margin-left: 0.21rem;
}
.video_center_list .content_box .spzx_video_box .video_image {
    width: 100%;
    height: 1.5rem;
}
.video_center_list .content_box .spzx_video_box .video_image img {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3;
}
.video_center_list .content_box .spzx_video_box .hydl_play {
    width: 100%;
    height: 100%;
    background: rgba(47, 85, 151, .35);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition-duration: .8s;
    display: contents;
    cursor: pointer;
}
.video_center_list .content_box .spzx_video_box .hy_btn{
    width: 0.505rem;
    height: 0.505rem;
    margin: auto;
    position: absolute;
    top: -19%;
    right: 0;
    bottom: 0;
    left: 0;
}
.video_center_list .content_box .spzx_video_box .hy_btn img{
    width: 100%;
    display: block;
}
.video_center_list .content_box .spzx_text{
    line-height: 1.27;
    font-size: 0.135rem;
    margin-top: 0.15rem;
    text-align: center;
    height: 0.5rem;
}
.video_center_list .content_box .spzx_text{
    color: #0a50b4;
}
.video_center_list .video_center_content h3{
    font-size: 0.19rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .3906rem;
    letter-spacing: 0px;
    color: #0a50b4;
    text-align: center;
}
.video_center_list .video_center_content .video_details_video{
    padding-top:.1563rem;
}
.video_center_list .video_center_content .video_details_video video{
    width: 60%;
    display: block;
    margin: 0 auto;
}
/************************内页视频中心*******end*********************/
/*********************************页码*****************************/
.Page_hydl a:hover {
    background-color: #0a50b4;
    color: #ffffff;
}
.Page_hydl {
    width: auto;
    margin: 0 auto;
    padding-bottom: 0.5208rem;
}
.Page_hydl a {
    width: auto;
    height: .2604rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    display: block;
    float: left;
    background-color: #ffffff;
    border-radius: .026rem;
    border: solid 1px #e5e5e5;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    letter-spacing: 0px;
    color: #999999;
    text-align: center;
    margin-left: .0521rem;
}
.Page_hydl .pageGo span{
    display: inline-block;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    letter-spacing: 0px;
    color: #999999;
    margin-left: .0521rem;
}
.Page_hydl .pageGo span:nth-child(1){
    margin-left: 40px;
}
.Page_hydl .pageGo input {
    width: .2604rem;
    height: .2604rem;
    background-color: #ffffff;
    border-radius: .026rem;
    border: solid 1px #e5e5e5;
    margin-left: .0521rem;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    text-align: center;
    letter-spacing: 0px;
    color: #999999;
}
.Page_hydl span.current {
    background: #0a50b4;
     color: #FFF;
     float:left;
     margin-left: 0.0521rem;
     width: auto;
    height: 0.2604rem;
    padding-left: 0.1rem;
    border-radius: 0.026rem;
        font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
     line-height: .2604rem;
    padding-right: 0.1rem;
}
.Page_hydl span.prev{ 
     float:left;
     height: 0.2604rem;
    padding-left: 0.1rem;
    border-radius: 0.026rem;
        font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
     line-height: .2604rem;
     border: solid 1px #e5e5e5;
     color: #999999;
    padding-right: 0.1rem;
    margin-left: 0.0521rem;
} 
.Page_hydl span.next{ 
    float:left;
     height: 0.2604rem;
    padding-left: 0.1rem;
    border-radius: 0.026rem;
    color: #999999;
        font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
     line-height: .2604rem;
     border: solid 1px #e5e5e5;
    padding-right: 0.1rem;
    margin-left: 0.0521rem;
}
.Page_hydl .ye {
    margin-right: .0521rem;
}
.Page_hydl .pageGo button:hover {
    background-color: #0a50b4;
    color: #ffffff;
}
.Page_hydl .pageGo  button {
    width: .5208rem;
    height: .2604rem;
    background-color: #ffffff;
    border-radius: .026rem;
    border: solid 1px #e5e5e5;
    font-size: .1042rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .2604rem;
    letter-spacing: 0px;
    color: #999999;
    margin-right: .2135rem;
} 
/*********************************页码    end----******************/