.header_fixed {

	position: fixed !important;

	padding: 0;

	top: 0;

	left: 0;

	animation: hdnav2-show .3s;

	-moz-animation: hdnav2-show .3s;

	-webkit-animation: hdnav2-show .3s;

	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

	z-index: 999999999;

    background: #fff;

    width: 100%;

    height: 60px !important;

}

@-webkit-keyframes hdnav2-show {

	0% {

		top: -42px

	}

	100% {

		top: 0

	}

}

@keyframes hdnav2-show {

	0% {

		top: -42px

	}

	100% {

		top: 0

	}

}

.about_text img{

    max-width: 100% !important;

    height: auto !important;

}



.rearch-btn {

    background:#ef9b10 url(../images/icon/iconb.png) no-repeat center center;

    height: 30px;

    width: 30px;

    background-size: cover;

    margin-left: 10px;

}





.memu-btn {

    width: 32px;

    height: 22px;

    display: none;

    flex-flow: column;

    justify-content: space-between;

    cursor: pointer;

    overflow: hidden;

    }

    .memu-btn i {

    content: '';

    display: inline-block;

    width: 100%;

    height: 3px;

    background: #005ca1;

    transition: all 0.3s;

    }

    .memu-btn-active i:nth-child(2) {

    transform: translateX(150%);

    }

    .memu-btn-active i:nth-child(3) {

    transform: rotate(-45deg) translate(3px, -10px);

    }

    .memu-btn-active i:nth-child(1) {

    transform: rotate(45deg) translate(3px, 10px);

    }

    .y45 {

    transform: rotate(45deg);

    }

    .y-45 {

    transform: rotate(-45deg);

    }



    .wap-nav {

        display: none;

    }



.nav-show {

    transform: translateX(0) !important;

    opacity: 1 !important;

    z-index: 9 !important;

}



.wap-banner {

    display: none;

}



.imgs {

    position: relative;

    padding-bottom: 40vw;

    display: block;

    overflow: hidden;

}



.imgs .img-box {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;  

}



.imgs .img-box  img {

    object-fit: cover;

    height: 100%;

    width: 100%;

}



.pag {

	display: inline-block;

    margin-right: 2.5vw;

    width: 7.5vw;

    height: 1.25vw;

    background: #fff;

    text-indent: -9999px;

    outline: 0;

    cursor: pointer;

	transition: all .3s;

	position: relative;

}

.pag:last-child {

	margin-right: 0;

}

.pag:last-of-type {

	margin-right: 0;

}

.pag:hover ,

.pag-active{

	background: #169AD9;

}



.wap-title {

    font-size: 5vw;

    padding-top: 5vw;

    margin-bottom: 5vw;

    text-align: center;

    position: relative;

    padding-bottom: 2vw;

    display: none;

}



.wap-title::before {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    height: 1vw;

    width: 7.5vw;

    background: #169AD9;

    transform: translateX(-50%);

}

.wap-title-white {

    color: #fff;

    font-size: 18px;

}

.wap-title-white::before  {

    display: none;

}

.wap-more {

    display: none;

    text-align: center;

    padding: 5vw 0;

}



.wap-news {

    display: none;

}



.wap-more a {

    display: inline-block;

    width: 30vw;

    height: 10vw;

    line-height: 10vw;

    border-radius: 1.25vw;

    font-size: 3.2vw;

    color: #999;

    border: 1px solid #999;

}

.wap-more-white a{

    color: #fff;

    border: 1px solid #fff;

}

.wap-more a:hover {

    border-color: #169AD9;

    color: #fff;

    background: #169AD9;

}

.WAP {

    display: none;

}





.product-type-list,

.product-content ul  {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.product-type-list li {

    width: 49%;

    margin-bottom: 2%;

}



.product-type-list li a {

    line-height: 10vw;

    display: block;

    font-size: 4vw;

    color: #666;

    background-color: #eeeeee;

    text-align: center;

    padding: 0 20px;

    transition: all .3s;

}



.product-type-list .product-cur a {

    color: #fff;

    background-color: #169AD9;

}



.product-content ul li {

    width: 48%;

    margin-bottom: 4%;

}



.product-content ul li a{

    display: block;

   

    text-align: center;

}

.product-content ul li a .imgs {

    padding-bottom: 32vw;

}

.product-content ul li a p {

    line-height: 7.25vw;

    font-size: 3vw;

    padding: 0 10px;

    border: 1px solid #f0f0f0;

    border-top: none;

}

.product-content {

    margin-top: 4vw;

}

.product-content>div {

    display: none;

}

.product-content>div:nth-child(1) {

    display: block;

}



.text-over {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.footer-wx {

    display: flex;

    justify-content: center;

    padding: 40px 0;

}



.footer-wx .txt {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    color: #fff;

    background: #394a54;

    font-size: 14px;

    width: 99px;

}

.footer-wx>img {

    background: #fff;

    padding: 2px;

    box-sizing: border-box;

}

.footer-wx .txt img {

    padding-bottom: 5px;

}



.wap-bot-nav {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 10;

}



.wap-bot-nav ul {

    display: flex;

    justify-content: space-between;

    background: #fff;

    box-shadow: 0 3px 10px #999;

    padding: 2.5vw 0;

}



.wap-bot-nav ul li {

    width: 25%;

}



.wap-bot-nav ul li a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #999;

    font-size: 12px;

}

.wap-bot-nav .icon-box {

    width: 7vw;

    height: 7vw;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0.5vw;

    border: 2px solid #999;

    border-radius: 50%;

}

.wap-bot-nav .icon-box img {

    max-width: 60%;

}



.about_text span {

    display: flex !important; 

    flex-direction: column !important;

}

@media (max-width:1440px) {



    body {

        font-size: 14px;

        overflow-x: hidden;

    }

    .news-ul {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        left: 0;

    }

   

    .w_1200 {

        width: 95%;

        max-width: 1200px;

    }

    .page,

    .navbar,

    .min_1200 {

        width: 100%;

        min-width: unset;

    }

    .q-linka ,

    .q-linkb {

        width: 11.1%;

    }

    .q-linkb a,

    .q-linka a {

        min-width: unset;

    }

    .news-li a dl dd h3,

    .q-link td a dt p {

        font-size: 16px;

    }

    .news-li a dl dd h3 {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .about-dl dd>a>p,

    .news-li a dl dd p {

        display: -webkit-box;

        overflow: hidden;

        box-orient: vertical;

        line-clamp: 2;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }

    .about-dl dd>a>p {

        line-clamp: 7;

        -webkit-line-clamp: 7;

        height: auto;

    }

    .about-dl dd>a>span {

        margin-top: 20px;

    }

    /* .ibn .btn {

        height: 60px;

        width: 60px;

        background-size: cover !important;

        margin-top: -30px;

    } */

    .ibn,

    .ibnitem a {

        height: 500px;

    }

    .i_banner_img {

        width: 100%;

        margin-left: 0;

        object-fit: cover;

        left: 0;

    }

    .navbarli {

        height: 35px;

        line-height: 35px;

        font-size: 14px;

        padding: 0 20px;

    }

    .m-pic {

        overflow: unset;

        margin-top: 40px;

    }

    .m-picul {

        display: flex;

        flex-wrap: wrap;

        overflow: unset;

        width: 100%;

        left: 0;

    }

    .m-picul li {

        width: 22%;

        margin-right: 4%;

        margin-bottom: 4%;

    }

    .m-picul li:nth-child(4n) {

        margin-right: 0;

    }

    .m-picli a dl dt img {

        height: 15vw;

    }

    .m-picul a {

        padding: 0;

    }

    .m-picul:before {

        display: none;

    }

    .page {

        padding: 0 !important;

    }

    .p-n a,

    .p-ls a {

        line-height: 35px !important;

        height: 35px !important;

        width: 35px !important;

    }

}



@media (max-width:1200px) {

    li.nav-li a,

    li.nav-li {

        width: 100px;

    }

    li.nav-fir a {

        box-sizing: border-box;

    }



    li.nav-li a {

        font-size: 14px;

    }

}   



@media (max-width:1124px) {

    li.nav-li a,

    li.nav-li {

        width: 90px;

    } 

    .wap-nav {

        display: flex;

        align-items: center;

    } 

    .memu-btn {

        display: flex;

    }

    .head {

        display: flex;

        justify-content: space-between;

        align-items: center;

        height: 60px;

    }

    .top-link,

    .top-mr,

    .top {

        height: 30px;

    }

    .top-ml {

        padding-top: 0;

    }

    .top-linkli {

        height: 30px;

        line-height: 30px;

    }

    .top-mr {

        right: unset;

        left:0px;

    }

    .top-ml,

    .top-link span,

    .t-bg {

        display: none;

    }

    .lan {

        top: 3px;

    }

    .logo {

        top: 0;

        position: static;

    }

    .logo img {

        height: 40px !important;

    }

    .res {

        position: fixed;

        top: 90px;

        left: 0;

        width: 100%;

        display: none;

        background: #fff;

    }

  

    input.res-text {

        box-sizing: border-box;

        height: 40px;

        width: 200px;

    }

    .nav {

        position: fixed;

        right: 0;

        top:90px;

        right: 0;

        bottom: 0;

        height: auto;

        width: 30%;

        transform: translateX(100%);

        opacity: 0;

        z-index: -1;

        transition: all 0.3s ease-in;

        padding: 0 !important;

    }

    .header_fixed .nav,

    .header_fixed .res {

        top: 60px;

    }

    li.nav-li {

        display: block;

        width: 100%;

    }

    .nav-bg,

    li.nav-li a:after {

        display: none;

    }

    li.nav-li a {

        width: 100%;

        box-sizing: border-box;

    }

    .about_text {

        font-size: 14px !important;

    }

    .about_text table{

        width: 100% !important;

    }

    .about-h1 {

        padding:10px 20px;

        font-size: 20px;

    }

    .news-li a dl dt {

        width: 70px;

        height: 70px;

        top: 30px;

    }

    .news-li a dl dt span {

        font-size: 28px;

        padding-top: 0;

    }

    .news-li a dl dt p {

        height: 20px;

        line-height: 20px;

    }

    .news-li a dl dd {

        padding-left: 90px;

    }

    .about-dl .fl{

        width: 100% !important;

        height: auto !important;

        aspect-ratio: 5/4 !important;

        padding: 0;

    }

    #my53player,

    #my52player {

        width: 100% !important;

        height: auto !important;

        aspect-ratio: 5/4 !important;

    }

    .about-dl .fl img {

        width: 100%;

        height: 100%;

    }

    .about-dl dt span {

        height: auto;

        width: auto;

        top: 20px;

        right: 20px;

        bottom: 20px;

        left: 20px;

    }

}



@media (max-width:990px) {

    .about-dl dd {

        background: #5db8e5;

    }

    .news {

        background: #f8f8f8;

        margin-top: 5vw;

        width: 100%;



    }

    .news .news-m {

        width: 95%;

        margin: 0 auto;

    }

    .PC,

    .pc-news,

    .q-link ,

    .pc-title ,

    .pc-banner ,

    .pc-more {

        display: none !important;

    }

    .WAP,

    .wap-news,

    .wap-more,

    .wap-title,

    .wap-banner {

        display: block !important;

    }

    .foot-fir {

        top: 0;

    }

    .foot {

        margin-top: 40px;

    }







    .top-mr {

        width: 100%;

        display: flex;

        justify-content: space-between;

    }

    .lan {

        width: 25%;

        margin-left: 2.5%;

    }

    .top-link {

        width: 70%;

    }

    .top-linkli {

        width: 30%;

    }

    html,

    body {

        overflow-x: hidden;

    }

    .navbar {

        text-align: left;

        display: flex;

        justify-content: flex-start;

        overflow-x: scroll;

        padding:10px 0;

        margin-bottom: 0 !important;

    }

    .navbarli {

        margin:0 10px;

        white-space: nowrap;

        width: auto;

        min-width: unset;

    }

    .i_banner,

    .i_banner_img {

        height: 23vw;

    }



    .m-picul li {

        width: 48%;

    }

    .m-picul li:nth-child(2n) {

        margin-right: 0;

    }

    .m-picli a dl dt img {

        height: 30vw;

    }

    .news-li {

        width: 100%;

    }

    .news-li a dl dd {

        padding-bottom: 20px;

    }

    .news-li a {

        padding: 0;

    }

    .q-link tr {

        display: block;

    }

    .q-link td a dl {

        display: flex;

        width: 100%;

        align-items: center;

        height: 70px;

    }

    .q-link td a dd {

        height: 100%;

        display: flex;

        align-items: center;

        padding-top: 0;

    }

    .q-linka, .q-linkb {

        width: 100%;

        display: block;

    }

    .q-link td a dt {

        display: flex;

        justify-content: space-between;

        align-items: center;

        box-sizing: border-box;

        padding: 0 20px;

        height: 100%;

        flex: 1;

    }

    .q-link td a dt p {

        padding-top: 0;

        height: auto;

    }

    .ibn, .ibnitem a {

        height: 40vw;

    }

    .q-link {

        margin-top: 20px;

        top: 0;

    }

    .ibn .btn {

        height: 60px;

        width: 60px;

        margin-top: -30px;

        background-size: cover;

    }

    .about-dl {

        height: auto;

        display: block;

    }

    .about-dl dd,

    .about-dl dt {

        width: 100%;

        box-sizing: border-box;

        padding:20px 0px;

    }

    .about-dl dd>a>p {

        padding:0 20px;

        color: #fff;

    }

    .about-dl dd .n-tit {

        padding: 0 20px;

    }

    .about-dl dd>a>span {

        left: 20px;

    }  

    .foot-fir {

        height: auto;

        box-sizing: border-box;

        padding: 0 20px 20px;

    }

    .foot-secr,

    .foot-firli {

        width: 100%;

    }

    .foot-secr h3 {

        padding-left: 0 !important;

    }

    .foot-secli {

        width: 100%;

        position: relative;

    }

    .arr-d{

        content: "";

        position: absolute;

        right: 10px;

        top: 9px;

        height: 24px;

        width: 24px;

        background: url(../images/icon/arr-d.png) center center no-repeat;

        background-size: cover;

        transition: all .3s ease-in;

        z-index: 5;

    }

    .arr-d-cur{

        transform:rotate(180deg);

    }

    .foot-seclip {

        display: none;

        padding-top: 5px;

    }

    .foot-secr .foot-seclip {

        display: flex;

        justify-content: center;

    }



    .foot-seclih3 a {

        font-size: 16px;

    }

    .foot-seclih3 a:hover i,

    .foot-seclih3 a i {

        width: 100%;

    }



    .foot-thrl {

        width: auto;

        text-align: center;

    }

    .foot-thrm {

        height: auto;

        padding: 15px 0;

        text-align: center;

        line-height: 30px;

    }

    .foot-thrm>div {

        width: 100% !important;

        text-align: center;

    }

    .en-footer-tip {

        width: 100% !important;

    }

    .en-footer-tip>div{

        display: block !important;

        width: 100% !important;

    }

    .top-m {

        width: 100%;

        margin: 0;

    }

    .top-link span {

        display: none;

    }

    .m-pic {

        width: 95%;

        margin: 0 auto;

        padding-top: 30px;

    }

}



@media (max-width:750px) {

   

    .foot-m {

        width: 100%;

    }

    .foot-sec {

        display: none;

    }

    .c-hide {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        width: 95%;

        margin: 0 auto;

        margin-top: 20px;

        margin-bottom: 0 !important;

    }

    .c-hide a {

        width: 48% !important;

        margin-top: 4%;

        text-align: center;

        line-height: 10vw !important;

        height: 10vw !important;

        font-size: 14px;

        background: #eee;

        color: #999;

        transition: all .3s;

    }

    .c-hide .onn {

        background: #169AD9;

        color: #fff;

    }

    .page {

        margin-top: 20px;

    }

    .m-picli a dl dd {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        padding: 0 20px;

        line-height: 40px;

    }

    .about_text p {

        text-indent: 0em !important;

    }

}





@media (max-width:460px) {



}