* {
    margin: 0;
    padding: 0;
}

html,
body {
    margin: 0;
    padding: 0;
    font: 14px/1.6 "microsoft yahei", "Arial", sans-serif;
    color: #333;
    -webkit-text-size-adjust: none;
    background-color: #ffffff;
}


img {
    max-width: 100%;
    vertical-align: top;
    border: none;
}

input,
select {
    outline: none;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: none;
}


:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

input,
textarea,
select,
button {
    font-size: inherit;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: inherit;
    color: #666;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: inherit;
    color: #666;
    line-height: 1;
}

.head{
    width: 100%;
    height: .8rem;
    background: #FFFFFF;
    box-shadow: .16rem .07rem .2rem .04rem rgba(217,217,217,0.25);
    position: fixed;
    top: 0;
    z-index: 9999;
}
.head-box{
    height: 100%;
    margin: auto 1.5rem;
    position: relative;
}
.head .logo{
    width: 3.83rem;
    height: .67rem;
    position: absolute;
    left: 0;
    top: .065rem;
}
.tel{
    width: auto;
    height: .4rem;
    background-repeat: no-repeat;
    background-image: url("../images/tel.png");
    background-size: .4rem .4rem;
    background-position: left center;
    position: absolute;
    right: 0;
    top: .2rem;
    padding-left: .5rem;
    font-size: .26rem;
    color: #02479F;
    line-height: .4rem;
    font-weight: bold;
}
.nav{
    width: 9rem;
    height: .8rem;
    padding-left: 4.4rem;
}
.nav ul{
    overflow: hidden;
    display: flex;
}
.nav ul li{
    flex: 1;
    font-size: .16rem;
    line-height: .8rem;
}
@media (max-width: 1440px){
    .nav ul li{
        font-size: 14px;
    }
}
.nav ul li a{
    color: #333333;
}
.nav ul li a:hover{
    color: #02479F;
}
.swiper-container{
    width: 100%;
    height: 100%;
    padding-top: .8rem;
    box-sizing: border-box;
}
.video-container {
    position: relative;
    width: 100%;
    height: 100%;
}
#playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    font-size: 0;
    display: none;
}
.play-class{
    width: 1.46rem;
    height: 1.46rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.46rem 1.46rem;
    background-image: url("../images/an.png");
    border: none;
}
.index-about{
    width: 100%;
    height: 100%;
}
.index-box{
    width: 100%;
    height: 100%;
}
.index-about-l{
    width: 9.6rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url("../images/about-l.png");
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-about-r{
    width: 9.6rem;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: right;
}
.index-abouot-l-box{
    padding-left: 1.6rem;
    width: 100%;
    box-sizing: border-box;
}
.index-about-l-st{
    color: #0066cc;
    font-size: .2rem;
    line-height: 1;
    padding-bottom: .3rem;
}
.index-about-l-t{
    font-size: .36rem;
    color: #000000;
    line-height: 1;
    padding-bottom: .4rem;
    font-weight: bold;
}
.index-about-l-con{
    font-size: .18rem;
    color: #000000;
    padding-right: .85rem;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-about-l-ul{
    width: 9.36rem;
    height: 2.45rem;
    margin-top: .55rem;
    background: linear-gradient(to right, #0051a2 0%, #007fff 100%);
}
.index-about-l-ul ul{
    width: 9.36rem;
    height: 2.45rem;
}
.index-about-l-ul li{
    width: 3.12rem;
    height: 2.45rem;
    box-sizing: border-box;
    border-right: 1px solid #a6c8ea;
    padding-left: .55rem;
    float: left;
}
.index-about-l-ul li:last-child{
    border: none;
}
.index-about-p1{
    width: .42rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .45rem;
}
.index-about-p1 img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.index-about-p2{
    font-size: .42rem;
    line-height: 1;
    font-weight: bold;
    color: #ffffff;
    padding: .35rem 0 .2rem 0;
}
.index-about-p2 span{
    vertical-align: super;
    font-size: small;
    padding-left: .15rem;
}
.index-about-p3{
    font-size: .18rem;
    line-height: 1;
    color: #ffffff;
}
.index-pro{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/index-pro.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.index-pro-box{
    padding: 0 1.6rem;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.index-pro-top{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: .4rem;
}
.index-pro-top-l{
    float: left;
}
.index-pro-top-l-en{
    font-size: .25rem;
    line-height: 1.5;
    color: #ffffff;
}
.index-pro-top-l-cn{
    font-size: .33rem;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
}
.index-pro-top-r{
    float: right;
    padding-top: .15rem;
}
.index-pro-top-r ul{
    overflow: hidden;
}
.index-pro-top-r ul li{
    width: auto;
    float: left;
    margin-left: .25rem;
    font-size: .18rem;
}
.index-pro-top-r ul li a{
    display: block;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: .05rem;
    color: #ffffff;
    padding: .17rem .2rem;
    line-height: 1;
}
.index-pro-top-r ul li a:hover{
    opacity: .7;
}

.swiper-container-pro{
    width: 100%;
    height: 4.2rem;
    overflow: hidden;
    position: relative;
}
.swiper-container-pro .swiper-wrapper{

}
.swiper-container-pro .swiper-slide {
    text-align: center;
    background: #fff;
    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;
}
.product-box{
    width: 100%;
    height: 100%;
}
.product-box-img{
    width: 100%;
    height: 3.33rem;
    overflow: hidden;
}
.product-box-img p{
    width: 100%;
    height: 3.33rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.5s ease; /* 平滑过渡效果 */
}
.product-box-title{
    height: .87rem;
    width: 100%;
}
.product-box-title p{
    width: 75%;
    float: left;
    height: 100%;
    line-height: .87rem;
    font-size: .18rem;
    color: #666666;
    text-align: left;
    box-sizing: border-box;
    padding-left: .4rem;
}
.product-box-title span{
    width: 20%;
    height: 100%;
    margin-left: 5%;
    float: right;
    background-image: url("../images/jt.png");
    background-size: .37rem .09rem;
    background-repeat: no-repeat;
    background-position: center left ;
    display: block;
}
.product-box:hover .product-box-img p{
    transform: scale(1.2); /* 放大10% */
}
.product-box:hover .product-box-title{
    background-color: #cccccc;
}
.product-box:hover .product-box-title p{
    color: #0066cc;
}

.swiper-button-prev-pro, .swiper-button-next-pro{
    position: absolute;
    top: auto;
    bottom: 3.2rem;
    width: .62rem;
    height: .62rem;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: .62rem .62rem;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next-pro {
    left: auto;
    right: .76rem;
    background-image: url("../images/jt-r.png");
}
.swiper-button-prev-pro {
    left: .76rem;
    right: auto;
    background-image: url("../images/jt-l.png");
}
.index-pro-box .swiper-button-disabled{
    opacity: .4;
}
.index-pro-more{
    overflow: hidden;
    width: 100%;
}
.index-pro-more a{
    padding: .1rem 0;
    font-size: .18rem;
    display: block;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: .05rem;
    margin: .6rem auto auto auto;
    width: 1.8rem;
    text-align: center;
}
.index-pro-more a:hover{
    opacity: .5;
}
.index-zlzs{
    width: 100%;
    height: 100%;
    background-image: url("../images/index-zlzs.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-zlzs-box{
    padding: 0 1.6rem;
    overflow: hidden;
}
.index-zlzs-box-title{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index-zlzs-box-title-l{
    float: left;
}
.zlzs-title-d{
    font-size: .36rem;
    font-weight: bold;
    line-height: 1.5;
    color: #000000;
}
.zlzs-title-x{
    font-size: .22rem;
    line-height: 1.5;
    color: #000000;
}
.index-zlzs-box-title-r{
    float: right;
    width: 1.9rem;
    height: .56rem;
}
.index-zlzs-box-title-r a{
    width: 1.9rem;
    height: .56rem;
    display: block;
    border-radius: .05rem;
    font-size: .18rem;
    color: #ffffff;
    background-color: #0066cc;
    line-height: .56rem;
    text-align: center;
}
.index-zlzs-box-title-r a:hover{
    opacity: .7;
}
.index-zlzs-img{
    margin-top: .8rem;
    width: 100%;
    overflow: hidden;
}
.index-hxys{
    width: 100%;
    height: 100%;
    background-image: url("../images/hxys.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-hxys-box{
    padding-left: 1.6rem;
    width: 100%;
    box-sizing: border-box;
}
.index-hxys-l{
    width: 18%;
    float: left;
}
.index-hxys-title{
    padding-bottom: .5rem;
}
.index-hxys-title-en{
    font-size: .26rem;
    color: #ffffff;
}
.index-hxys-title-cn{
    font-size: .36rem;
    color: #ffffff;
    font-weight: bold;
}
.index-hxys-ly{
    width: auto;
    height: .47rem;
    margin-bottom: 2.4rem;
}
.swiper-button-next-hxys{
    position: relative;
    top: auto;
    bottom: auto;
    width: .48rem;
    height: .47rem;
    margin-top: 0;
    background-size: .48rem .47rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/jt2.png");
    margin-right: .15rem;
    float: left;
}
.swiper-button-prev-hxys{
    position: relative;
    top: auto;
    bottom: auto;
    width: .48rem;
    height: .47rem;
    margin-top: 0;
    background-size: .48rem .47rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/jt2-hover.png");
    margin-right: .15rem;
    float: left;
}
.swiper-button-prev-hxys.swiper-button-disabled{
    background-image: url("../images/jt1.png");
}
.swiper-button-next-hxys.swiper-button-disabled{
    background-image: url("../images/jt1-hover.png");
}
.index-hxys-more{
    width: auto;
    height: auto;
    overflow: hidden;
}
.index-hxys-more a{
    height: .46rem;
    font-size: .18rem;
    line-height: .46rem;
    color: #ffffff;
    border-bottom: .02rem solid #ffffff;
    display: inline-block;
}
.index-hxys-r{
    width: 82%;
    height: auto;
    overflow: hidden;
    float: right;
}
.swiper-container-hxys {
    width: 100%;
    height: 100%;
}
.swiper-container-hxys .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 31.8%;
    margin-right: .6rem;
}
.swiper-container-hxys .swiper-slide:last-child{
    margin-right: 0;
}
.index-hxys-con{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
}
.index-hxys-img{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index-hxys-img img{
    width: 100%;
    height: auto;
    display: block;
}
.index-hxys-con-box{
    padding: .4rem .36rem;
    text-align: left;
}
.hxys1{
    font-size: .2rem;
    color: #007aff;
    padding-bottom: .1rem;
}
.hxys2{
    font-size: .16rem;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hxys3{
    width: auto;
    height: auto;
    overflow: hidden;
}
.hxys3 a{
    padding: .1rem .28rem;
    display: inline-block;
    margin-top: .3rem;
    background-color: #007aff;
    color: #ffffff;
    border-radius: .05rem;
    font-size: 13px;
}
.hxys3 a:hover{
    opacity: .7;
}
.index-case{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/index-case.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.index-case-box{
    width: 100%;
    height: auto;
    padding: 0 1.6rem;
    box-sizing: border-box;
}
.index-case-l{
    width: 34%;
    float: left;
}
.index-case-r{
    width: 56%;
    float: right;
    height: 6.4rem;
}
.index-case-l-title{
    width: 100%;
    overflow: hidden;
    margin-bottom: .4rem;
}
.index-case-l-title-cn{
    font-size: .36rem;
    color: #000000;
    font-weight: bold;
}
.index-case-l-title-en{
    font-size: .26rem;
    color: #999999;
}
.left-category{
    width: 100%;
    overflow: hidden;
}
.left-category ul{
    overflow: hidden;
}
.left-category ul li{
    line-height: 3.3;
    font-size: .2rem;
    color: #010101;
    padding-left: .5rem;
    display: inline-block;
}
.left-category ul li.index-on{
    background-image: url("../images/hx.png");
    background-size: .4rem 2px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #0066cc;
}
.pro-right{
    display: none;
    width: 100%;
    height: 6.4rem;
}
.index-case-img{
    width: 100%;
    height: 6.4rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 1rem;
    position: relative;
}
.index-case-w{
    padding: .4rem;
    background-color: #0066cc;
    display: inline-block;
    position: absolute;
    bottom: .5rem;
    left: -.64rem;
    border-radius: .2rem;
}
.index-case-w p{
    line-height: 3;
    border-bottom: 1px solid #ffffff;
    margin-bottom: .7rem;
    color: #ffffff;
    font-size: .22rem;

}
.case-active{
    display: block;
}
.index-case-more a{
    display: inline-block;
    padding: .15rem .3rem;
    font-size: .18rem;
    color: #ffffff;
    background-color: #0066cc;
    border-radius: .05rem;
    margin-top: .5rem;
    margin-left: .5rem;
}
.index-case-more a:hover{
    opacity: .7;
}

.index-news{
    width: 100%;
    height: calc(100% - 3.7rem);
    background-image: url("../images/index-news.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-news-box{
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.6rem;
}
.index-news-title{
    overflow: hidden;
    width: 100%;
}
.index-news-title-l{
    float: left;
    overflow: hidden;
}
.index-news-title-l-cn{
    font-size: .36rem;
    font-weight: bold;
    color: #0557ba;
}
.index-news-title-l-en{
    font-size: .26rem;
    color: #000000;
}
.index-news-title-r{
    overflow: hidden;
    float: right;
}
.index-news-title-r a{
    display: inline-block;
    padding: .14rem .3rem;
    font-size: .18rem;
    color: #ffffff;
    background-color: #0066cc;
    border-radius: .05rem;
    text-align: center;
}
.index-news-title-r a:hover{
    opacity: .7;
}
.index-news-con{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: .35rem;
}
.index-news-con-li{
    width: 4.86rem;
    height: 5.2rem;
    margin-right: .68rem;
    float: left;
}
.index-news-con-li:last-child{
    margin-right: 0;
}
.index-news-qyxw{
    width: 100%;
    height: 100%;
}
.index-news-qyxw-img{
    width: 100%;
    height: 3.35rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.index-news-qyxw-w{
    width: 100%;
    height: 1.85rem;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 0 .48rem;
}
.index-qyxw-p1{
    overflow: hidden;
    padding-top: .35rem;
}
.index-qyxw-sshy{
    font-size: .2rem;
    color: #007aff;
    float: left;
}
.index-qyxw-time{
    font-size: .16rem;
    color: #999999;
    float: right;
}
.index-qyxw-p2{
    font-size: .2rem;
    color: #333333;
    margin-top: .3rem;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
}
.index-news-hydt{
    width: 100%;
    height: 100%;
    background-image: url("../images/news_img2.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-news-hydt-box{
    overflow: hidden;
    width: 100%;
    padding: 0 .49rem;
    box-sizing: border-box;
}
.index-hydt-p1{
    margin-bottom: .35rem;
    overflow: hidden;
}
.index-hydt-sshy{
    font-size: .2rem;
    color: #ffffff;
    float: left;
}
.index-hydt-time{
    font-size: .16rem;
    color: #ffffff;
    float: right;
}
.index-hydt-p2{
    font-size: .2rem;
    margin-bottom: .25rem;
}
.index-hydt-p2 a{
    color: #ffffff;
}
.index-hydt-p3{
    font-size: .16rem;
    margin-bottom: .8rem;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 2;
    color: #ffffff;
}
.index-hydt-p4{
    overflow: hidden;
}
.index-hydt-p4 a{
    display: inline-block;
    padding: .14rem .46rem;
    box-sizing: border-box;
    border-radius: 0.05rem;
    border: 1px solid #ffffff;
    font-size: .16rem;
    color: #ffffff;
}
.index-news-con-li-ul{
    width: 100%;
    height: 100%;
}
.index-news-con-li-ul li{
    width: 100%;
    height: 1.53rem;
    margin-bottom: .3rem;
}
.index-news-con-li-ul li:last-child{
    margin-bottom: 0;
}
.index-new-img{
    width: 2.35rem;
    height: 1.53rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
}
.index-new-w{
    width: 2.25rem;
    height: 1.53rem;
    overflow: hidden;
    float: right;
}
.index-new-w-p1{
    font-size: .18rem;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
}
.index-new-w-p1 a{
    color: #333333;
}
.index-new-w-p2{
    font-size: .16rem;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color: #999999;
}
.index-new-w-p3{
    font-size: .22rem;
    color: #007aff;
}

footer{
    width: 100%;
    height: 3.7rem;
    overflow: hidden;
    background-color: #005398;
    background-image: url("../images/foot.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.foot{
    width: 13.4rem;
    margin: auto;
    overflow: hidden;
}
.foot-top{
    width: 100%;
    height: 1rem;
    box-sizing: border-box;
    border-bottom: 1px solid #75a7d1;
    line-height: 1rem;
}
.foot-top-l{
    float: left;
    width: 16%;
}
.foot-top-r{
    float: right;
    width: 84%;
}
.foot-top span{
    font-size: .22rem;
    color: #ffffff;
    font-weight: bold;
}
.foot-top span em{
    color: #0ea543;
    font-style: normal;
    font-size: .18rem;
    padding-left: .06rem;
}
.foot-top-r a{
    display: block;
    width: 16.5%;
    text-align: center;
    font-size: .16rem;
    float: left;
    color: #ffffff;
}
.foot-top-r a:hover{
    opacity: .6;
}
.foot-bottom{
    height: 2.7rem;
    width: 100%;
    overflow: hidden;
}
.foot-l{
    width: 5rem;
    height: auto;
    overflow: hidden;
    padding-top: .6rem;
    float: left;
}
.foot-l-p1{
    font-size: .3rem;
    color: #ffffff;
    font-weight: bold;
}
.foot-l-p2{
    font-size: .18rem;
    color: #ffffff;
}
.foot-c{
    width: 5rem;
    height: auto;
    overflow: hidden;
    padding-top: .4rem;
    float: left;
}
.foot-c-p1{
    width: 100%;
    overflow: hidden;
}
.foot-c-p1 a{
    display: inline-block;
    float: right;
    padding: .1rem .2rem .1rem .45rem;
    color: #ffffff;
    font-size: .16rem;
    background-color: #0066cc;
    border-radius: .6rem;
    background-image: url("../images/xx.png");
    background-size: .19rem .19rem;
    background-position: .2rem center;
    background-repeat: no-repeat;
}
.foot-c-p2{
    float: right;
    font-size: .26rem;
    color: #ffffff;
    text-align: right;
    width: 100%;
}
.foot-c-p2 span{
    font-size: .18rem;
}
.foot-r{
    float: right;
    overflow: hidden;
    margin-top: .3rem;
}
.foot-r img{
    width: 1.19rem;
    height: 1.19rem;
    display: block;
}
.foot-r p{
    font-size: .16rem;
    text-align: center;
    line-height: 3;
    color: #ffffff;
}
.screen-7{
    height: calc(100% + 3.7rem);
}
.banner-ny{
    width: 100%;
    height: 4.6rem;
    padding-top: .8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.banner-ny-box{
    width: 100%;
    height: 100%;
    background-color: rgba(0,102,204,.2);
    position: relative;
}
.banner-ny-box-w{
    position: absolute;
    bottom: 1rem;
    left: 1.6rem;
    color: #ffffff;
}
.banner-ny-box-w-cn{
    font-size: .48rem;
    font-weight: bold;
}
.banner-ny-box-w-en{
    font-size: .3rem;
}
.mbx{
    padding: 0 1.6rem;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.position{
    height: .8rem;
    line-height: .8rem;
    font-size: .2rem;
    background-image: url("../images/wz.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .26rem .26rem;
    padding: .5rem 0;
    padding-left: .4rem;
    color: #333333;
    float: right;

}
.position a{
    color: #999999;
}
.position a:hover{
    color: #0066cc;
}
.nav-ej{
    float: left;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0;
}
.nav-ej ul{
    overflow: hidden;
}
.nav-ej ul li{
    margin-right: .3rem;
    display: inline-block;
    padding: .17rem .3rem;
    border: 1px solid #0066cc;
    border-radius: .05rem;
    font-size: .2rem;
}
.nav-ej ul li a{
    color: #0066cc;
}
.nav-ej ul li.active{
    background-color: #0066cc;
}
.nav-ej ul li.active a{
    color: #ffffff;
}
.nav-ej ul li:hover{
    background-color: #0066cc;
}
.nav-ej ul li:hover a{
    color: #ffffff;
}
.con-box{
    padding: 0 1.6rem;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.product{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.product ul{
    margin: 0 -.15rem;
    overflow: hidden;
}
.product ul li{
    width: 25%;
    height: auto;
    overflow: hidden;
    margin-bottom: .4rem;
    float: left;
    padding: 0 .15rem;
    box-sizing: border-box;
}
.cp-jbc{
    background-color: #f1f2f4;
}
.text-center {
    text-align: center;
    margin: .3rem auto 1rem auto;
}
.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}
.pagination li {
    margin: 0 .08rem;
    font-size: .2rem;
    border-radius: .05rem;
    display: inline-block !important;
}
.pagination li a {
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: .1rem .25rem;
    border: 1px solid #DCDCDC;
    display: block;
}
.pagination li.active a, .pagination li a:hover {
    background: #0066cc;
    color: #fff;
    border: 1px solid #0066cc;
}


.ny_news_ny {
    width: 100%;
    height: auto;
}
.ny_news_list {
    width: 7.75rem;
    float: left;
    padding: .4rem .5rem;
    height: auto;
    overflow: hidden;
    background-color: #f1f1f1;
    margin-bottom: .4rem;
    box-sizing: border-box;
}
.ny_news_list:nth-child(2n){
    float: right;
}
.n_news_l {
    width: 2.3rem;
    float: left;
    height: 1.6rem;
    overflow: hidden;
}
.n_news_l img {
    display: block;
    width: 100%;
    height: 1.6rem;
    overflow: hidden;
    transform: scale(1);
    transition: all 1s;
}

.n_news_r {
    width: 4.2rem;
    height: 1.6rem;
    overflow: hidden;
    float: right;
    display: flex;
    align-items: center;
}
.n_news_r-box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.n_news_r h3 {
    font-size: .2rem;
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}
.n_news_r span {
    padding-top: .1rem;
    display: block;
    font-size: .16rem;
    color: #787878;
}
.n_news_r p {
    padding-top: .1rem;
    color: #626262;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .18rem;
    min-height: .36rem;
}
.ny_news_list:hover{
    background-color: #007aff;
}
.ny_news_list:hover .n_news_l img{
    transform: scale(1.1);
}
.ny_news_list:hover .n_news_r h3,.ny_news_list:hover .n_news_r span,.ny_news_list:hover .n_news_r p{
    color: #ffffff;
}

.ny_news_bt {
    width: 100%;
    padding: 2%;
    background-color: #fff;
    box-shadow: 0px .02rem .1rem #b3b3b3;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    text-align: center;
    border-radius: .1rem;
    margin-top: .2rem;
}
.ny_news_bt h4 {
    font-size: .24rem;
    font-weight: bold;
    color: #000;
    padding-bottom: .2rem;
    overflow: hidden;
}
.ny_news_bt p {
    font-size: .16rem;
    color: #626262;
}
.ny_news_nr {
    padding: .5rem 0;
    font-size: .18rem;
    line-height: 2;
    text-align: justify;
}
.tags {
    overflow: hidden;
    margin-bottom: .2rem;
    font-size: .16rem;
}
.tags span {
    float: left;
    display: block;
    line-height: .4rem;
}
.tags a {
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    display: inline-block;
    padding: 0 .08rem;
    margin: 0 .05rem;
    background: #fff;
    border: 1px solid #dadada;
    line-height: .4rem;
    color: #333;
}
.tags a:hover{
    color: #ffffff;
    background-color: #0066cc;
}
.news_next {
    border-top: 1px dotted #ccc;
    padding: .3rem 0 0 0;
    margin-top: .5rem;
    margin-bottom: .8rem;
    font-size: .18rem;
    color: #333333;
}
.news_next a{
    color: #333333;
}
.news_next a:hover{
    color: #0066cc;
}


.eyorder_main {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    margin: 0 auto .8rem auto;
    overflow: hidden;
}
.eyorder_main .eyorder_left {
    width: 28%;
    height: auto;
    overflow: hidden;
    padding: 1.3rem .5rem;
    background: #0066cc url(../images/bg2.jpg) center center no-repeat;
    background-size: cover;
    float: left;
    box-sizing: border-box;
}
.eyorder_left img {
    display: block;
    width: .57rem;
    height: .57rem;
    margin: 0 0 .4rem;
    padding: 0;
}
.eyorder_left p {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: .36rem;
    font-weight: bold;
}
.eyorder_left span {
    display: block;
    width: 100%;
    height: auto;
    line-height: 2;
    color: rgba(255, 255, 255, 0.5);
    font-size: .2rem;
    word-break: break-all;
    text-align: justify;
    margin: .3rem auto 0;
}
.eyorder_main .eyorder_right {
    width: 72%;
    height: auto;
    overflow: hidden;
    padding: 0 0 0 .4rem;
    float: right;
    box-sizing: border-box;
}
.eyorder_right #ey_msg.ey_msg {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
.eyorder_right #ey_msg.ey_msg ul {
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
.eyorder_right #ey_msg.ey_msg ul li {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    line-height: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    margin: 0 0 .25rem !important;
    padding: 0 !important;
    clear: inherit !important;
}
.eyorder_right #ey_msg.ey_msg ul li .msg_ipt1, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12, .eyorder_right #ey_msg.ey_msg ul li .msg_tara {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
.eyorder_right #ey_msg.ey_msg ul li .msg_ipt1 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt2 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 .msg_option {
    display: block !important;
    width: 100% !important;
    height: .6rem !important;
    line-height: .6rem;
    color: #aaa !important;
    font-size: .18rem !important;
    margin: 0 !important;
    padding: 0 .2rem !important;
    background-color: #f2f2f2 !important;
    border: 0 !important;
    outline: none !important;
}
.eyorder_right #ey_msg.ey_msg ul li .msg_ipt0 textarea {
    display: block !important;
    width: 100% !important;
    height: 1.5rem !important;
    line-height: .3rem;
    color: #aaa;
    font-size: .18rem !important;
    margin: 0 !important;
    padding: .15rem .2rem !important;
    background-color: #f2f2f2 !important;
    border: 0 !important;
    outline: none !important;
    resize: none !important;
}
.eyorder_right #ey_msg.ey_msg ul li:nth-child(1), .eyorder_right #ey_msg.ey_msg ul li:nth-child(3){
    width: 48% !important;
    margin: 0 4% .25rem 0 !important;
    float: left !important;
}
.eyorder_right #ey_msg.ey_msg ul li:nth-child(2), .eyorder_right #ey_msg.ey_msg ul li:nth-child(4){
    width: 48% !important;
    float: left !important;
}
.eyorder_right #ey_msg.ey_msg ul li .msg_btn {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    float: inherit !important;
}
.eyorder_right #ey_msg.ey_msg ul li .msg_btn input:hover{
    opacity: .7;
}
.eyorder_right #ey_msg.ey_msg .msg_btn input {
    width: 2rem !important;
    height: .6rem !important;
    overflow: hidden !important;
    line-height: .6rem !important;
    color: #fff !important;
    font-size: .18rem !important;
    text-align: center !important;
    background-color: #333 !important;
    margin: 0 .2rem 0 0 !important;
    padding: 0 !important;
    border: none !important;
    cursor: pointer !important;
}
.eyorder_right #ey_msg.ey_msg .msg_btn input.msg_btn1 {
    background-color: #02479F !important;
}

.eycontactus {
    width: 100%;
    height: auto;
    min-height: 320px;
    margin: 0 auto;
}
.eycontactus .eycontactus_infor {
    width: 100%;
    height: auto;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.eycontactus_infor .eycontactusinfor_main {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.eytitle {
    width: 100%;
    height: auto;
    margin: 0 auto .4rem;
}
.eytitle p {
    width: 100%;
    height: .4rem;
    overflow: hidden;
    line-height: .4rem;
    color: #333;
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .15rem;
}
.eytitle i {
    display: block;
    width: .6rem;
    height: .04rem;
    overflow: hidden;
    background-color: #183980;
}
.eycontactusinfor_main .eycontactusinfor_con {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.eycontactusinfor_con .eycontactus_lxfs {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: .6rem 0;
    background-color: #f8f8f8;
}
.eycontactus_lxfs ul li {
    width: 33.333333%;
    height: auto;
    padding: 0 .2rem;
    border-right: 1px solid #e6e6e6;
    float: left;
    box-sizing: border-box;
}
.eycontactus_lxfs ul li:nth-child(3){
    border: none;
}
.eycontactus_lxfs ul li img {
    display: block;
    width: .44rem;
    height: .44rem;
    margin: 0 auto .2rem;
}
.eycontactus_lxfs ul li span {
    display: block;
    width: 100%;
    height: auto;
    line-height: .3rem;
    color: #333;
    font-size: .18rem;
    text-align: center;
    margin: 0 auto;
}
.eycontactus_lxfs ul li p {
    width: 100%;
    min-height: .27rem;
    overflow: hidden;
    line-height: .27rem;
    color: #999;
    font-size: .18rem;
    text-align: center;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
}
.eycontactus .eycontactus_map {
    width: 100%;
    height: auto;
    margin: .6rem auto .8rem auto;
}
.eymap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}
.eymap .dz_map {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}
.eymap .dz_map #container {
    overflow: hidden;
    box-sizing: border-box;
}
.case{
    width: 16rem;
    height: auto;
    overflow: hidden;
}
.case-list {
    width: 16rem;
    padding-bottom: .3rem !important;
    overflow: hidden;
}
.case-item {
    float: left;
    width: 3.69rem;
    height: auto;
    margin-right: .4rem;
    transition: all 0.2s linear 0s;
    margin-bottom: .4rem;
    box-shadow: 0 .04rem .1rem rgba(0,0,0,.1);
}
.case-item:nth-child(4n){
    margin-right: 0;
}
.case-item .casede-img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    display: block;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
}
.case-item .casede-img img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
    display: block;
}

.casede-txt {
    padding: .2rem .3rem;
    color: #333;
    display: block;
    background-color: #f1f1f1;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
}
.casede-txt h3 {
    font-size: .22rem;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.casede-txt .case-desc{
    line-height: 1.5;
    height: auto;
    margin-bottom: .1rem;
    padding-top: .1rem;
    font-size: .18rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.casede-txt span {
    display: block;
    color: #666;
    font-family: arial;
    padding-top: .1rem;
    border-top: 1px solid #ddd;
    font-size: .18rem;
}
.case-item:hover .casede-img img{
    transform: scale(1.2);
}
.case-item:hover .casede-txt h3{
    color: #0066cc;
}
.eypro_wow {
    width: 16rem;
    height: auto;
    min-height: 320px;
    overflow: hidden;
    margin-bottom: .3rem;
}
.eypro_wow ul {
    overflow: hidden;
}
.eypro_wow ul li {
    width: 3.69rem;
    box-sizing: border-box;
    margin-right: .4rem;
    float: left;
    margin-bottom: .4rem;
}
.eypro_wow ul li:nth-child(4n){
    margin-right: 0;
}
.eypro_wow ul li .eyoupro_con {
    background-color: #fff;
}
.eypro_wow ul li .eyoupro_img {
    width: 100%;
    height: 2.63rem;
    border-bottom: 0;
    overflow: hidden;
}
.eypro_wow ul li .eyoupro_img a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f1f1f1;
}
.eypro_wow ul li .eyoupro_img a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.eypro_wow ul li .eyoupro_img a i {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url(../images/more00.png) center center no-repeat;
    background-size: .6rem .6rem;
    position: absolute;
    left: 0;
    bottom: 100%;
}
.eypro_wow ul li:hover .eyoupro_img a i{
    bottom: 0;
}
.eypro_wow ul li .eyoupro_con .eyoupro_name a {
    display: block;
    width: 100%;
    height: .87rem;
    overflow: hidden;
    line-height: .87rem;
    color: #000000;
    font-size: .18rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #d1d1d1;
}
.eypro_wow ul li:hover .eyoupro_con .eyoupro_name a{
    color: #ffffff;
    background-color: #0066cc;
}
.eyaboutus_profile .eyaboutusprofile_con {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 2 !important;
    color: #666 !important;
    font-size: .18rem !important;
    word-break: break-all;
    text-align: justify;
    margin: 0 auto .3rem auto;
}
.eyaboutus_profile .eyaboutus_dataimg {
    width: 100%;
    height: auto;
    margin: 0 auto .8rem 0;
    overflow: hidden;
}
.eyaboutus_dataimg .eyaboutus_data {
    width: 31.4%;
    height: 5.6rem;
    overflow: hidden;
    padding: 0 .8rem;
    background: #183980 url(../images/nyabbg01.jpg) center center no-repeat;
    background-size: cover;
    float: left;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.eyaboutus_dataimg .eyaboutus_data ul{
    overflow: hidden;
    width: 100%;
}
.eyaboutus_data ul li {
    width: 100%;
    height: auto;
    margin: 0 auto .4rem;
    padding: 0;
}
.eyaboutus_data ul li p {
    width: 100%;
    overflow: hidden;
    line-height: 1.5;
    color: #fff;
    font-size: .4rem;
    font-weight: bold;
}
.eyaboutus_data ul li span {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 1.5;
    color: #fff;
    font-size: .18rem;
    margin: 0 auto;
}
.eyaboutus_data ul li p sub {
    display: inline-block;
    color: #fff;
    font-size: .18rem;
    font-weight: normal;
    vertical-align: baseline;
    padding-left: .08rem;
}
.eyaboutus_dataimg .eyaboutus_img {
    width: 68.6%;
    height: 5.6rem;
    overflow: hidden;
    background-color: #f9f9f9;
    float: right;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#chbnav_touch{
    display:none;
}



.submian .subleft {
    width: 4rem;
    overflow: hidden;
    float: left;
}
.submian .subleft .lefta {
    width: 4rem;
    margin-bottom: .25rem;
}
.submian .subleft .title {
    
    height: 1.1rem;
    color: #fff;
    font-size: .24rem;
    font-weight: bold;
	background-color:#02479F
}
.submian .subleft .title h2 {
    line-height: 1.1rem;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
}
.submian .subleft .bor9 .title{
    height: .8rem;
}
.submian .subleft .bor9 .title h2{
    line-height: .8rem;
}
.submian .subleft .lefta .comt {
    background: #fff;
}
.submian .subleft .lefta .comt ul {
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.submian .subleft .lefta .comt ul li a {
    background: #fff url(../images/tb9.png) 3.5rem center no-repeat;
    border-top: 1px solid #eaeaea;
    line-height: .8rem;
    height: .8rem;
    display: block;
    padding-left: .3rem;
    font-size: .2rem;
    color: #333333;
    box-sizing: border-box;
}
.submian .subleft .lefta .comt ul li a:hover{
    color: #ffffff;
    background: #02479F url(../images/tb91.png) 3.5rem center no-repeat;
}
.submian .subleft .lefta .comt ul .active a{
    color: #ffffff;
    background: #02479F url(../images/tb91.png) 3.5rem center no-repeat;
}
.leftnews{
    width: 4rem;
    overflow: hidden;
    margin-bottom: .25rem;
}
.leftprocomt {
    padding-top: .15rem;
    overflow: hidden;
}
.leftprocomt li {
    float: left;
    text-align: center;
    width: 1.9rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
}
.leftprocomt li:nth-child(2n){
    margin-right: 0;
}
.leftprocomt li .leftcpimg {
    width: 1.9rem;
    height: 1.2rem;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
}
.leftprocomt li .leftcpimg img{
    max-width: 86%;
    max-height: 86%;
    display: block;
}
.leftprocomt li p {
    height: .5rem;
    line-height: .5rem;
    font-size: .18rem;
    color: #333333;
    background-color: #cccccc;
	width:90%;
	padding:0 5%;
	overflow:hidden
	
}
.leftprocomt li:hover p{
    color: #02479F;
}
.submian .subleft .leftnews .leftcont {
    background: #fff;
    padding: 10px;
}
.submian .subleft .leftnews .leftcont h2 {
    font-size: .2rem;
    font-weight: bold;
    color: #02479F;
    line-height: 3;
    border-bottom: 1px solid #f2f2f2;
}
.submian .subleft .leftnews .leftcont span {
    line-height: 2;
    font-size: .18rem;
    padding-top: 10px;
    display: block;
}
.submian .subleft .leftnews .leftcont p {
    font-size: .2rem;
    color: #333;
    padding-top: .1rem;
    line-height: 2;
}
.submian .subleft .leftnews .leftcont p i {
    font-size: .24rem;
    color: #02479F;
    display: block;
    font-style: normal;
}
.bor9{
    border-bottom: .1rem solid #dddddd;
}
.ArticleTitle{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.submian .subright .conBox .ArticleTitle h1 {
    font-size: .24rem;
    text-align: center;
    padding: .2rem 0;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
    line-height: 2;
}
.submian .subright .conBox .ArticleMessage {
    line-height: 3;
    height: auto;
    margin-bottom: .2rem;
    text-align: center;
}
.submian .subright .conBox .ArticleMessage span {
    color: #999;
    margin-left: .2rem;
    font-size: .16rem;
}
.submian .subright .conBox .ArticleMessage span:first-child {
    margin-left: 0;
}
.submian .subright .conBox .ArticleTencont {
    padding: 0 0 .3rem 0;
    line-height: 1.8;
    overflow: hidden;
    color: #666;
    font-size: .18rem;
}
.reLink {
    height: auto;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: .1rem auto;
    padding: 0 .2rem;
    border-radius: .05rem;
    line-height: .6rem;
    overflow: hidden;
    font-size: .18rem;
}
.reLink .prevLink, .reLink .nextLink {
    height: .6rem;
    line-height: .6rem;
}
.reLink .prevLink a, .reLink .nextLink a{
    color: #333333;
}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{
    color: #02479F;
}
.reLink .prevLink {
    float: left;
}
.reLink .nextLink {
    float: right;
}
.submian .t2 {
    padding: .3rem 0;
    color: #02479F;
    font-size: .24rem;
    font-weight: bold;
}
.submian .subright {
    width: 11.4rem;
    float: right;
	margin-bottom:.8rem
}
.gallery-top{
    width: 70%;
    height: 4rem;
    padding: 0;
    margin: auto;
}
.gallery-top .swiper-wrapper .swiper-slide .pro-cp-img{
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    border-radius: .1rem;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-top .swiper-wrapper .swiper-slide .pro-cp-img img{
    max-width: 86%;
    max-height: 86%;
    display: block;
}

.propro{
    width: 90%;
    height: 2.1rem;
    margin: auto;
    padding: .3rem .4rem;
    margin-top: .3rem;
    overflow: hidden;
    background-color: #cccccc;
    border-radius: .1rem;
    box-sizing: border-box;
    margin-bottom: .5rem;
}
.gallery-thumbs{
    width: 100%;
    height: 1.5rem;
    padding-top: 0;
}

.gallery-thumbs .swiper-wrapper .swiper-slide .pro-cp-img{
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-thumbs .swiper-wrapper .swiper-slide .pro-cp-img img{
    max-width: 86%;
    max-height: 86%;
    display: block;
}

.gallery-thumbs .swiper-slide-thumb-active .pro-cp-img{
    background: rgba(0,0,0,.1)!important;
}
.swiper-button-next{
    
    width: .6rem;
    height: .6rem;
    margin-top: -.3rem;
    background-size: .6rem .6rem;
	display:none
}
.swiper-button-prev{
   
    width: .6rem;
    height: .6rem;
    margin-top: -.3rem;
    background-size: .6rem .6rem;
	display:none
}
@media (max-width: 1360px){
    .index-about-l-st{
        font-size: 14px;
    }
    .index-about-l-con{
        font-size: 13px;
    }
    .index-about-l-ul li{
        padding-left: .4rem;
    }
    .index-about-p3{
        font-size: 13px;
    }
    .index-pro-top-r ul li{
        font-size: 13px;
    }
    .product-box-title p{
        font-size: 13px;
    }
    .index-hxys-more a{
        font-size: 13px;
    }
    .hxys1 {
        font-size: 14px;
    }
    .hxys2 {
        font-size: 13px;
    }
    .left-category ul li {
        font-size: 14px;
        line-height: 2.5;
    }
    .index-case-more a{
        font-size: 13px;
    }
    .index-case-w p {
        font-size: 15px;
    }
    .index-news-title-r a {
        font-size: 13px;
    }
    .index-qyxw-sshy {
        font-size: 14px;
    }
    .index-qyxw-p1 {
        padding-top: .25rem;
    }
    .index-qyxw-time {
        font-size: 12px;
    }
    .index-qyxw-p2 {
        font-size: 14px;
        margin-top: .2rem;
    }
    .index-hydt-p1 {
        margin-bottom: .25rem;
    }
    .index-hydt-sshy {
        font-size: 14px;
    }
    .index-hydt-time {
        font-size: 12px;
    }
    .index-hydt-p2 {
        font-size: 14px;
        margin-bottom: .2rem;
    }
    .index-hydt-p3 {
        font-size: 12px;
        margin-bottom: .4rem;
    }
    .index-hydt-p4 a {
        font-size: 12px;
        padding: .1rem .3rem;
    }
    .index-new-w-p1 {
        font-size: 13px;
    }
    .index-new-w-p2 {
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
    .foot-top span {
        font-size: 15px;
    }
    .foot-top-r a {
        font-size: 12px;
    }
    .foot-l-p2 {
        font-size: 13px;
    }
    .foot-c-p1 a {
        font-size: 12px;
    }
    .foot-c-p2 {
        font-size: 17px;
    }
    .foot-c-p2 span {
        font-size: 13px;
    }
    .foot-r p {
        font-size: 12px;
    }
    .index-pro-more a {
        font-size: 13px;
    }
    .n_news_r h3 {
        font-size: 14px;
    }
    .n_news_r span {
        font-size: 12px;
    }
    .n_news_r p {
        font-size: 13px;
    }
    .ny_news_bt h4 {
        font-size: 15px;
    }
    .ny_news_bt p {
        font-size: 12px;
    }
    .ny_news_nr {
        font-size: 13px;
    }
    .news_next {
        font-size: 13px;
    }
    .tags {
        font-size: 12px;
    }
    .eyorder_left span {
        font-size: 12px;
    }
    .eyorder_right #ey_msg.ey_msg ul li .msg_ipt1 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt2 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 .msg_option {
        font-size: 12px!important;
    }
    .eyorder_right #ey_msg.ey_msg ul li .msg_ipt0 textarea {
        font-size: 12px!important;
    }
    .eyorder_right #ey_msg.ey_msg .msg_btn input{
        font-size: 12px!important;
    }
    .eyaboutus_profile .eyaboutusprofile_con {
        font-size: 13px !important;
    }
    .eyaboutus_data ul li p sub {
        font-size: 13px;
    }
    .eyaboutus_data ul li span {
        font-size: 13px;
    }
    .casede-txt .case-desc {
        font-size: 13px;
    }
    .casede-txt span {
        font-size: 13px;
    }
    .eycontactus_lxfs ul li span {
        line-height: 1.6;
        font-size: 13px;
    }
    .eycontactus_lxfs ul li p {
        min-height: 37px;
        line-height: 1.5;
        font-size: 13px;
    }
    .casede-txt h3 {
        font-size: 14px;
    }
    .pagination li {
        font-size: 14px;
    }
    .nav-ej ul li {
        font-size: 13px;
        margin-right: .2rem;
    }
    .eypro_wow ul li .eyoupro_con .eyoupro_name a{
        font-size: 13px;
    }
    .position {
        font-size: 13px;
    }
	.submian .subleft .title h2 {
        font-size: 16px;
    }
    .submian .subleft .lefta .comt ul li a{
        font-size: 14px;
    }
    .leftprocomt li p {
        height: .6rem;
        line-height: .6rem;
        font-size: 13px;
    }
    .submian .subleft .leftnews .leftcont h2{
        font-size: 14px;
    }
    .submian .subleft .leftnews .leftcont span{
        font-size: 13px;
    }
    .submian .subleft .leftnews .leftcont p{
        font-size: 14px;
    }
    .submian .subleft .leftnews .leftcont p i{
        font-size: 16px;
    }
    .submian .t2{
        font-size: 16px;
    }
	.submian .subright .conBox .ArticleTitle h1{
        font-size: 15px;
    }
    .submian .subright .conBox .ArticleMessage span{
        font-size: 12px;
    }
    .gallery-top{
        height: 5rem!important;

    }
    .gallery-top .swiper-wrapper{
        display: flex!important;
        height: 100%!important;
    }
    .swiper-button-prev{
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-size: 50px 50px;
    }
    .swiper-button-next {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-size: 50px 50px;
    }
    .submian .subright .conBox .ArticleTencont{
        font-size: 13px;
    }
    .reLink{
        font-size: 13px;
    }
}
@media (max-width: 1023px){
    .head {
        display: none;
    }
    .swiper-container {
        width: 100%;
        height: auto;
        padding-top: 0;
    }
    .swiper-container .swiper-wrapper {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 1;
        display: block;
    }
    .screen-1,.screen-2,.screen-3,.screen-4,.screen-5,.screen-6,.screen-7{
        height: auto;
        overflow: hidden;
    }
    .video-container {
        width: 100%;
        height: auto;
    }
    .index-about {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .index-box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .index-about-r {
        display: none;
    }
    .index-about-l {
        width: 100%;
        height: auto;
        padding: 50px 3%;
        float: none;
        display: block;
        box-sizing: border-box;
    }
    .index-abouot-l-box {
        padding-left: 0;
    }
    .index-about-l-st {
        font-size: 18px;
    }
    .index-about-l-t {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .index-about-l-con {
        padding-right: 0;
    }
    .index-about-l-con{
        display: block;
    }
    .index-about-l-ul {
        width: 100%;
        height: 160px;
    }
    .index-about-l-ul ul {
        width: 100%;
        height: 160px;
    }
    .index-about-l-ul li {
        width: 33.33%;
        height: 160px;
        padding-left: 1rem;
    }
    .index-about-p1 {
        width: 30px;
        height: 29px;
        padding-top: 30px;
    }
    .index-about-p2 {
        font-size: 24px;
    }
    .index-pro {
        width: 100%;
        height: auto;
        display: block;
    }
    .index-pro-box {
        padding: 0 3%;
        width: 100%;
    }
    .index-pro-top {
        margin-bottom: 10px;
        padding-top: 30px;
    }
    .index-pro-top-l {
        float: none;
    }
    .index-pro-top-l-en {
        font-size: 18px;
        text-align: center;
    }
    .index-pro-top-l-cn {
        font-size: 20px;
        text-align: center;
    }
    .index-pro-top-r {
        float: none;
        padding-top: 20px;
    }
    .index-pro-top-r ul li {
        width: 49%;
        margin-left: 0;
        margin-right: 2%;
        margin-bottom: 15px;
        text-align: center;
    }
    .index-pro-top-r ul li:nth-child(2n){
        margin-right: 0;
    }
    .index-pro-top-r ul li a {
        border-radius: 5px;
        color: #ffffff;
        padding: 12px 20px;
    }
    .swiper-container-pro .swiper-wrapper{
        display: flex;
        height: 100%;
    }
    .index-pro-more a {
        padding: 10px 0;
        border-radius: 5px;
        margin: 20px auto 35px auto;
        width: 120px;
    }
    .swiper-button-next-pro,.swiper-button-prev-pro{
        display: none;
    }
    .swiper-container-pro {
        height: auto;

    }
    .product-box-title {
        height: 1.1rem;
        width: 100%;
    }
    .product-box-title p {
        line-height: 1.1rem;
        height: 1.1rem;
    }
    .index-zlzs{
        height: auto;
        display: block;
    }
    .index-zlzs-box {
        width: 100%;
        box-sizing: border-box;
        padding: 50px 3%;
    }
    .zlzs-title-d{
        font-size: 20px;
    }
    .zlzs-title-x {
        font-size: 16px;
    }
    .index-zlzs-box-title-r {
        float: right;
        width: 120px;
        height: 40px;
    }
    .index-zlzs-box-title-r a {
        width: 120px;
        height: 40px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 40px;
    }
    .index-zlzs-img {
        margin-top: 50px;
        margin-bottom: 0;
    }
    .index-hxys {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
        padding: 30px 0 50px 0;
    }
    .index-hxys-box {
        width: 100%;
        padding: 0 3%;
        box-sizing: border-box;
    }
    .index-hxys-l {
        width: 100%;
        float: none;
        text-align: center;
    }
    .index-hxys-title-en {
        font-size: 18px;
    }
    .index-hxys-title-cn {
        font-size: 20px;
    }
    .index-hxys-ly{
        display: none;
    }
    .index-hxys-more{
        display: none;
    }
    .index-hxys-r {
        width: 100%;
        float: none;
    }
    .swiper-container-hxys .swiper-wrapper {
        height: 100%;
        display: flex;
    }
    .swiper-container-hxys .swiper-slide {
        background: #fff;
        width: 32%;
        margin-right: 2%;
    }
    .index-case {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
    }
    .index-case-box {
        padding: 50px 3%;
        overflow: hidden;
    }
    .index-case-l {
        width: 40%;
    }
    .index-case-l-title-cn {
        font-size: 20px;
    }
    .index-case-l-title-en {
        font-size: 18px;
    }
    .index-case-r {
        height: 8rem;
    }
    .pro-right {
        height: 8rem;
    }
    .index-case-img {
        height: 8rem;
    }
    .left-category{
        margin-top: .5rem;
    }
    .index-news {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
    }
    .index-news-box {
        padding: 50px 3%;
    }
    .index-news-title-l-en {
        font-size: 18px;
    }
    .index-news-title-l-cn {
        font-size: 20px;
    }
    .index-news-title-r a {
        padding: 10px 26px;
        border-radius: 5px;
    }
    .index-news-con {
        margin-top: 25px;
    }
    .index-news-con-li {
        width: 49%;
        height: 6rem;
        margin-right: 2%;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .index-news-con-li:nth-child(2) {
        float: right;
        margin-right: 0;
    }
    .index-news-con-li:nth-child(3){
        width: 100%;
        float: none;
        clear: bottom;
        height: auto;
        margin-bottom: 0;
    }
    .index-qyxw-p1 {
        padding-top: 15px;
    }
    .index-news-qyxw-w {
        height: 2.65rem;
    }
    .index-news-con-li-ul li{
        width: 32%;
        height: auto;
        margin-bottom: 0;
        float: left;
        margin-right: 2%;
    }
    .index-news-con-li-ul li:last-child{
        margin-right: 0;
    }
    .index-new-img {
        width: 100%;
        height: 3.5rem;
        float: none;
    }
    .index-new-img img{
        width: 100%;
        height: 100%;
    }
    .index-new-w {
        width: 100%;
        height: auto;
        float: none;
        padding: 15px 20px 15px 20px;
        background-color: #ffffff;
        overflow: hidden;
        box-sizing: border-box;
    }
    .index-new-w-p1{
        padding-bottom: 5px;
    }
    .index-new-w-p3 {
        font-size: 16px;
        padding-top: 5px;
    }
    .foot-l {
        width: 50%;
        float: left;
    }
    .foot-c {
        width: 50%;
        float: left;
    }
    .foot-r {
        display: none;
    }
    .banner-ny {
        padding-top: 0;
    }
    .banner-ny-box-w-cn {
        font-size: 24px;
        font-weight: bold;
    }
    .banner-ny-box-w-en {
        font-size: 18px;
    }
    .mbx {
        padding: 0 3%;
    }
    .position {
        font-size: 13px;
    }
    .con-box {
        padding: 0 3%;
    }
    .eytitle p {
        height: 24px;
        line-height: 24px;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .eytitle i {
        width: 40px;
        height: 3px;
    }
    .eyaboutus_data ul li {
        margin: 0 auto .3rem;
    }
    .case {
        width: 100%;
    }
    .case-list {
        width: 100%;
        padding-bottom: 10px !important;
    }
    .case-item {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 30px;
        box-shadow: 0 4px 10px rgba(0,0,0,.1);
    }
    .case-item:nth-child(4n) {
        margin-right: 2%;
    }
    .case-item:nth-child(3n) {
        margin-right: 0;
    }
    .case-item:nth-child(12) {
        margin-right: 0;
    }
    .casede-txt {
        padding: 15px 20px;
    }
    .casede-txt .case-desc {
        margin-bottom: 8px;
        padding-top: 8px;
    }
    .casede-txt span {
        padding-top: 8px;
    }
    .text-center {
        text-align: center;
        margin: .1rem auto 1rem auto;
    }
    .product ul {
        margin: 0 -10px;
        overflow: hidden;
    }
    .product ul li {
        width: 33.33%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .product-box-img {
        height: 3.8rem;
    }
    .product-box-img p {
        height: 3.8rem;
    }
    .eyorder_main .eyorder_left {
        width: 100%;
        padding:  .5rem;
        float: none;
    }
    .eyorder_left img {
        float: left;
    }
    .eyorder_left p {
        width: 50%;
        font-size: 16px;
        line-height: .57rem;
        margin-left: .2rem;
        float: left;
    }
    .eyorder_left span {
        float: none;
        clear: both;
    }
    .eyorder_main .eyorder_right {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .eyorder_right #ey_msg.ey_msg ul li .msg_ipt1 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt2 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 .msg_option {

        height: 40px !important;
        line-height: 40px;
        padding: 0 15px !important;
    }
    .eyorder_right #ey_msg.ey_msg ul li .msg_ipt0 textarea {
        height: 100px !important;
        line-height: 20px;
        padding: 10px 15px !important;
    }
    .eyorder_right #ey_msg.ey_msg .msg_btn input {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 13px !important;
        margin: 0 20px 0 0 !important;
    }
    .ny_news_list {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .n_news_l {
        width: 4.6rem;
        float: left;
        height: 3.2rem;
        overflow: hidden;
    }
    .n_news_l img {
        width: 100%;
        height: 3.2rem;
    }
    .n_news_r {
        width: 12rem;
        height: 3.2rem;
        overflow: hidden;
        float: right;
        display: flex;
        align-items: center;
    }
    .eypro_wow {
        width: 100%;
        height: auto;
        min-height: 320px;
        overflow: hidden;
        margin-bottom: .3rem;
    }
    .eypro_wow ul li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .eypro_wow ul li:nth-child(4n) {
        margin-right: 2%;
    }
    .eypro_wow ul li:nth-child(3n) {
        margin-right: 0;
    }
    .eypro_wow ul li:nth-child(12) {
        margin-right: 0;
    }
    .eypro_wow ul li .eyoupro_img {
        height: 4rem;
    }
    .eypro_wow ul li .eyoupro_con .eyoupro_name a {
        height: 48px;
        line-height: 48px;
    }


    #chbnav_touch{
        display:block
    }
    .chbnav_touch_nav .chbnav_select{
        left:0
    }
    .chbnav_touch_nav_box{
        position:fixed;
        top:0;
        overflow:auto;
        left:-100%;
        width:100%;
        height:100%;
        z-index:1000;
        background:#fff;

    }
    .chbnav_touch_top_logo{
        position:absolute;
        height:41px;
        left:3%;
        top: 12px;
    }
    .chbnav_touch_nav_title{
        height:auto;
    }
    .chbnav_touch_top_logo img{
        height:100%;
    }
    .right_fd{display:none}
    .chbnav_touch_top {
        position:relative;
        height:65px;
        width:100%;
        border-bottom:1px solid #ddd;
        background-color:#ffffff
    }
    .chbnav_touch_top_list{
        position:absolute;
        right:3%;
        width:36px;
        height:100%
    }

    .chbnav_touch_top_list_c{
        margin-top:22px !important
    }
    .chbnav_touch_top_list_a{
        width:100%;
        height:1px;
        margin:0 auto;
        background-color:#666666;
    }
    .chbnav_touch_top_list_b{
        margin:9px auto
    }
    .chbnav_touch_navli{
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #cccccc;
        padding: 0 30px;
        box-sizing: border-box;
        line-height: 50px;
        font-size: 14px;
    }
    .chbnav_touch_navli a{
        color: #333333;
    }
    .chbnav_touch_navli img{
        display: block;
        position: absolute;
        right: 3%;
        top: 20px;
        width: 20px;
        height: 20px;
    }
    .chbnav_touch_navli a span{
        display: block;
        height: 60px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 234px 41px;
		width:70%
    }
    .chbnav_touch_navli:nth-child(1){
        height: 60px;
    }
	.submian .subleft{
        display: none;
    }
    .submian .subright{
        width: 100%;
        float: none;
    }
    .submian {
        width: 100%;
        padding: 0 3%;
        box-sizing: border-box;
        margin: auto;
        overflow-y: hidden;
        padding-bottom: 1rem;
    }
	.gallery-top{
        height: 7rem!important;
        width: 70%;

    }
    .gallery-top .swiper-wrapper{
        display: flex!important;
        height: 100%!important;
    }
    .propro{
        height: 4rem;
    }
    .gallery-thumbs{
        height: 100%!important;
    }
    .gallery-thumbs .swiper-wrapper{
        display: flex!important;
        height: 100%!important;
    }
    .reLink .prevLink, .reLink .nextLink {
        height: 50px;
        line-height: 50px;
    }

}
@media (max-width: 750px){
    .head {
        display: none;
    }
    .swiper-container {
        width: 100%;
        height: auto;
        padding-top: 0;
    }
    .swiper-container .swiper-wrapper {
        position: relative;
        width: 100%;
        height: auto;
        z-index: 1;
        display: block;
    }
    .screen-1,.screen-2,.screen-3,.screen-4,.screen-5,.screen-6,.screen-7{
        height: auto;
        overflow: hidden;
    }
    .video-container {
        width: 100%;
        height: auto;
    }
    .play-class {
        width: 1rem;
        height: 1rem;
        background-size: 1rem 1rem;
        display: block!important;
    }
    .index-about {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .index-box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .index-about-r {
        display: none;
    }
    .index-about-l {
        padding: .5rem 3%;
    }
    .index-about-l-st {
        font-size: .26rem;
        padding-bottom: .1rem;
    }
    .index-about-l-t {
        font-size: .3rem;
        padding-bottom: .2rem;
    }
    .index-about-l-con {
        padding-right: 0;
        font-size: .24rem;
    }
    .index-about-l-con{
        display: block;
    }
    .index-about-l-ul {
        height: auto;
        margin-top: .3rem;
    }
    .index-about-l-ul ul {
        height: auto;
        overflow: hidden;
    }
    .index-about-l-ul li {
        width: 30%;
        height: auto;
        padding-left: 0;
    }
    .index-about-l-ul li:nth-child(2){
        width: 40%;
    }
    .index-about-p1 {
        padding-top: .3rem;
        margin: auto;
    }
    .index-about-p2 {
        font-size: .3rem;
        text-align: center;
        padding: .2rem 0;
    }
    .index-about-p2 span {
        vertical-align: super;
        font-size: small;
        padding-left: .06rem;
    }
    .index-about-p3 {
        font-size: .24rem;
        text-align: center;
        padding-bottom: .3rem;
    }

    .swiper-container-pro {
        height: auto;
    }
    .index-pro-top {
        margin-bottom: .1rem;
        padding-top: .5rem;
    }
    .index-pro-top-l-en {
        font-size: .26rem;
    }
    .index-pro-top-l-cn {
        font-size: .3rem;
    }
    .index-pro-top-r {
        padding-top: .2rem;
    }
    .index-pro-top-r ul li {
        margin-bottom: .15rem;
        font-size: .23rem;
    }
    .index-pro-top-r ul li a {
        border-radius: .05rem;
        padding: .2rem .1rem;
    }
    .swiper-container-pro .swiper-wrapper{
        display: flex;
        height: 100%;
    }
    .index-pro-more a {
        padding: .1rem 0;
        border-radius: .05rem;
        margin: .3rem auto .5rem auto;
        width: 2.2rem;
        font-size: .24rem;
    }

    .product-box-title {
        height: .8rem;
        width: 100%;
        overflow: hidden;
    }
    .product-box-title p {
        line-height: .8rem;
        font-size: .24rem;
        height: .8rem;
    }
    .index-zlzs-box {
        padding: .5rem 3%;
    }
    .zlzs-title-d{
        font-size: .3rem;
        line-height: .65rem;
    }
    .zlzs-title-x {
        display: none;
    }
    .index-zlzs-box-title-r {
        float: right;
        width: 2.2rem;
        height: auto;
    }
    .index-zlzs-box-title-r a {
        width: 2.2rem;
        height: auto;
        border-radius: .05rem;
        font-size: .24rem;
        line-height: 2.5;
    }
    .index-zlzs-img {
        margin-top: .5rem;
    }
    .index-hxys {
        padding: .5rem 0 .7rem 0;
    }
    .index-hxys-title {
        padding-bottom: .3rem;
    }
    .index-hxys-title-en {
        font-size: .26rem;
    }
    .index-hxys-title-cn {
        font-size: .3rem;
    }
    .swiper-container-hxys .swiper-wrapper {
        height: 100%;
        display: flex;
    }
    .swiper-container-hxys .swiper-slide {
        background: #fff;
        width: 49%;
        margin-right: 2%;
    }
    .index-hxys-con-box {
        padding: .2rem .3rem;
        text-align: left;
    }
    .hxys1 {
        font-size: .26rem;
    }
    .hxys2 {
        font-size: .24rem;
    }
    .hxys3 a {
        padding: .1rem .28rem;
        margin-top: .1rem;
        font-size: .24rem;
    }
    .index-case-box {
        padding: .5rem 3%;
    }
    .index-case-l {
        width: 100%;
        float: none;
        position: relative;
    }
    .index-case-l-title {
        margin-bottom: 0;
    }
    .index-case-l-title-cn {
        font-size: .3rem;
    }
    .index-case-l-title-en {
        font-size: .26rem;
    }
    .left-category ul li {
        line-height: .8rem;
        font-size: .24rem;
        color: #010101;
        display: inline-block;
        width: 49%;
        float: left;
        height: .8rem;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        padding: 0 .15rem;
        overflow: hidden;
        margin-right: 2%;
        margin-bottom: .2rem;
        border-radius: .1rem;
        background-color: #ffffff;
    }
    .left-category ul li:nth-child(2n){
        margin-right: 0;
    }
    .left-category ul li.index-on{
        background-image: none;
        border: 1px solid#0066cc;
    }
    .index-case-more{
        position: absolute;
        top: 0;
        right: 0;
    }
    .index-case-more a {
        display: inline-block;
        padding: .11rem .46rem;
        font-size: .24rem;
        color: #ffffff;
        background-color: #0066cc;
        border-radius: .05rem;
        margin-top: 0;
        margin-left: 0;
    }
    .index-case-r {
        width: 100%;
        float: none;
        height: 5rem;
    }
    .index-case-r {
        height: 5rem;
    }
    .index-case-img {
        height: 5rem;
        border-top-left-radius: 0;
    }
    .pro-right {
        height: 5rem;
    }
    .index-case-w {
        width: 100%;
        padding: .2rem;
        background-color: #0066cc;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 0;
        box-sizing: border-box;
    }
    .index-case-w p {
        line-height: 2;
        border-bottom: none;
        margin-bottom: 0;
        color: #ffffff;
        font-size: .24rem;
        text-align: center;
    }
    .left-category{
        margin-top: .3rem;
    }
    .index-news-box {
        padding: .5rem 3%;
    }
    .index-news-title-l-en {
        font-size: .26rem;
    }
    .index-news-title-l-cn {
        font-size: .3rem;
    }
    .index-news-title-r a {
        padding: .11rem .46rem;
        border-radius: .05rem;
        font-size: .24rem;
    }
    .index-news-con {
        margin-top: .3rem;
    }
    .index-news-con-li {
        width: 100%;
        height: auto;
        margin-right: 0;
        overflow: hidden;
        margin-bottom: .2rem;
    }
    .index-news-con-li:nth-child(2) {
        float: none;
        margin-right: 0;
    }
    .index-news-con-li:nth-child(3){
        width: 100%;
        float: none;
        clear: bottom;
        height: auto;
        margin-bottom: 0;
    }
    .index-news-qyxw-img {
        width: 100%;
        height: 3rem;
    }
    .index-qyxw-p1 {
        padding-top: .2rem;
        font-size: .24rem;
    }
    .index-news-qyxw-w {
        height: auto;
        padding: 0 .3rem;
    }
    .index-qyxw-sshy {
        font-size: .24rem;
    }
    .index-qyxw-time {
        font-size: .22rem;
    }
    .index-qyxw-p2 {
        font-size: .24rem;
        margin-top: .1rem;
        margin-bottom: .2rem;
    }
    .index-news-hydt {
        padding: .3rem 0;
    }
    .index-hydt-p1 {
        margin-bottom: .1rem;
    }
    .index-hydt-sshy {
        font-size: .24rem;
    }
    .index-hydt-time {
        font-size: .22rem;
    }
    .index-hydt-p2 {
        font-size: .24rem;
        margin-bottom: .1rem;
    }
    .index-hydt-p3 {
        font-size: .22rem;
        margin-bottom: .2rem;
    }
    .index-hydt-p4 a {
        font-size: .22rem;
        padding: .1rem .3rem;
    }
    .index-news-con-li-ul li{
        width: 100%;
        height: auto;
        margin-bottom: .2rem;
        float: left;
        margin-right: 0;
    }

    .index-new-img {
        display: none;
    }
    .index-new-w {
        padding: .25rem .3rem;
        border-radius: .1rem;
    }
    .index-new-w-p1{
        padding-bottom: .05rem;
        font-size: .24rem;
    }
    .index-new-w-p2 {
        font-size: .22rem;
        -webkit-line-clamp: 2;
    }
    .index-new-w-p3 {
        font-size: .3rem;
        padding-top: .05rem;
        text-align: right;
    }
    footer {
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #005398;
        background-image: url("../images/foot.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: .5rem;
    }
    .foot{
        width: 94%;
    }
    .foot-top{
        display: none;
    }
    .foot-bottom {
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    .foot-l {
        width: 50%;
        float: left;
        padding-top: .5rem;
    }
    .foot-c {
        width: 50%;
        float: left;
    }
    .foot-r {
        display: none;
    }
    .foot-l-p2 {
        font-size: .22rem;
    }
    .foot-c-p1{
        display: none;
    }
    .foot-c-p2 span {
        font-size: .3rem;
    }
    .foot-c-p2 {
        font-size: .22rem;
        padding-top: .4rem;
    }



    .banner-ny {
        padding-top: 0;
        height: 3.6rem;
        background-size: auto 100%;
    }
    .banner-ny-box-w {
        position: relative;
        bottom: auto;
        left: auto;
        color: #ffffff;
        text-align: center;
        padding-top: 1.2rem;
    }
    .banner-ny-box-w-cn {
        font-size: .34rem;
    }
    .banner-ny-box-w-en {
        font-size: .28rem;
    }
    .mbx {
        padding: 0 3%;
    }
    .position {
        font-size: .24rem;
        height: .6rem;
        line-height: .6rem;
        padding: .2rem 0 .2rem .4rem;
    }
    .con-box {
        padding: 0 3%;
    }
    .eytitle p {
        height: .45rem;
        line-height: .45rem;
        font-size: .3rem;
        margin-bottom: .1rem;
    }
    .eyaboutus_profile .eyaboutusprofile_con {
        font-size: .24rem !important;
    }

    .eytitle i {
        width: .5rem;
        height: .05rem;
    }
    .eyaboutus_dataimg .eyaboutus_data {
        width: 100%;
        height: auto;
        padding: 0;
        float: none;
    }
    .eyaboutus_data ul li {
        width: 33.33%;
        float: left;
        margin: .6rem auto;
        text-align: center;
        border-right: 1px solid #cccccc;
        box-sizing: border-box;
    }
    .eyaboutus_data ul li:nth-child(3){
        border: none;
    }
    .eyaboutus_data ul li p {
        font-size: .3rem;
    }
    .eyaboutus_data ul li p sub {
        font-size: .2rem;
    }
    .eyaboutus_data ul li span {
        font-size: .22rem;
    }
    .eyaboutus_dataimg .eyaboutus_img {
        width: 100%;
        height: 3rem;
        overflow: hidden;
    }

    .case-item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: .3rem;
        box-shadow: 0 .04rem .1rem rgba(0,0,0,.1);
    }
    .case-item:nth-child(2n) {
        margin-right: 0;
    }
    .case-item:nth-child(3n) {
        margin-right: 2%;
    }
    .case-item:nth-child(6) {
        margin-right: 0;
    }
    .case-item:nth-child(12) {
        margin-right: 0;
    }
    .casede-txt {
        padding: .15rem .2rem;
    }
    .casede-txt h3 {
        font-size: .24rem;
    }
    .casede-txt .case-desc {
        margin-bottom: .1rem;
        padding-top: .1rem;
        font-size: .22rem;
    }
    .casede-txt span {
        padding-top: .1rem;
        font-size: .24rem;
    }
    .text-center {
        text-align: center;
        margin: .1rem auto 1rem auto;
    }
    .pagination li {
        font-size: .24rem;
    }
    .x750{
        display: none;
    }
    .nav-ej {
        float: none;
        height: auto;
        display: block;
        width: 100%;
        padding: .5rem 0 .3rem 0;
    }
    .nav-ej ul li {
        width: 49%;
        margin-right: 2%;
        font-size: .23rem;
        box-sizing: border-box;
        overflow: hidden;
        float: left;
        height: .6rem;
        padding: 0 0;
        line-height: .6rem;
        text-align: center;
        margin-bottom: .2rem;
    }
    .nav-ej ul li:nth-child(2n){
        margin-right: 0;
    }
    .product ul {
        margin: 0 -1%;
        overflow: hidden;
    }
    .product ul li {
        width: 49%;
        margin-bottom: .3rem;
        padding: 0 1%;
    }
    .product-box-img {
        height: 3rem;
    }
    .product-box-img p {
        height: 3rem;
    }
    .eycontactusinfor_con .eycontactus_lxfs {
        padding: .4rem 0;
    }
    .eycontactus_lxfs ul li{
        width: 50%;
        border: none;
        padding: .2rem .2rem;
    }
    .eycontactus_lxfs ul li:nth-child(3){
        width: 100%;
    }
    .eycontactus_lxfs ul li span {
        line-height: 1.6;
        font-size: .24rem;
    }
    .eycontactus_lxfs ul li p {
        font-size: .24rem;
    }
    .eycontactus_lxfs ul li img {
        display: block;
        width: .6rem;
        height: .6rem;
    }
    .eyorder_main .eyorder_left {
        width: 100%;
        padding:  .5rem;
        float: none;
    }
    .eyorder_left img {
        float: left;
    }
    .eyorder_left p {
        font-size: .3rem;
    }
    .eyorder_left span {
        float: none;
        clear: both;
        font-size: .22rem;
    }
    .eyorder_main .eyorder_right {
        width: 100%;
        padding: 0;
        margin-top: .3rem;
    }
    .eyorder_right #ey_msg.ey_msg ul li .msg_ipt1 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt2 input, .eyorder_right #ey_msg.ey_msg ul li .msg_ipt12 .msg_option {

        height: .6rem !important;
        line-height: .6rem;
        padding: 0 .2rem !important;
        font-size: .2rem!important;
    }
    .eyorder_right #ey_msg.ey_msg ul li .msg_ipt0 textarea {
        height: 1.8rem !important;
        line-height: .36rem;
        padding: .1rem .2rem !important;
        font-size: .2rem!important;
    }
    .eyorder_right #ey_msg.ey_msg .msg_btn input {
        width: 2rem !important;
        height: .6rem !important;
        line-height: .6rem !important;
        font-size: .24rem !important;
        margin: 0 .2rem 0 0 !important;
    }
    .wox750{
        width: 32%!important;
    }
    .wox750:nth-child(3){
        margin-right: 0;
    }
    .wox750:nth-child(2) {
        margin-right: 2%!important;
    }
    .ny_news_list {
        width: 100%;
        float: none;
        margin-bottom: .3rem;
        padding: .2rem .3rem;
    }
    .n_news_l {
        width: 2.4rem;
        float: left;
        height: 1.6rem;
        overflow: hidden;
    }
    .n_news_l img {
        width: 100%;
        height: 1.6rem;
    }
    .n_news_r {
        width: 3.7rem;
        height: 1.6rem;
        overflow: hidden;
        float: right;
        display: flex;
        align-items: center;
    }
    .n_news_r h3 {
        font-size: .24rem;
    }
    .n_news_r span {
        font-size: .22rem;
    }
    .n_news_r p {
        font-size: .22rem;
    }
    .ny_news_bt h4 {
        font-size: .24rem;
    }
    .ny_news_bt p {
        font-size: .2rem;
    }
    .ny_news_nr {
        font-size: .22rem;
    }
    .tags {
        font-size: .22rem;
    }
    .news_next {
        font-size: .24rem;
    }
    .eypro_wow {
        width: 100%;
        height: auto;
        min-height: 320px;
        overflow: hidden;
        margin-bottom: .3rem;
    }
    .eypro_wow ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .eypro_wow ul li:nth-child(2n) {
        margin-right: 0;
    }
    .eypro_wow ul li:nth-child(4n) {
        margin-right: 0;
    }
    .eypro_wow ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .eypro_wow ul li:nth-child(12) {
        margin-right: 0;
    }
    .eypro_wow ul li:nth-child(6) {
        margin-right: 0;
    }
    .eypro_wow ul li .eyoupro_img {
        height: 2.5rem;
    }
    .eypro_wow ul li .eyoupro_con .eyoupro_name a {
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem;
    }

    #chbnav_touch{
        display:block
    }
    .chbnav_touch_nav .chbnav_select{
        left:0
    }
    .chbnav_touch_nav_box{
        position:fixed;
        top:0;
        overflow:auto;
        left:-100%;
        width:100%;
        height:100%;
        z-index:1000;
        background:#fff;

    }
    .chbnav_touch_top_logo{
        position:absolute;
        height:70%;
        left:3%;
        top: 15%;
    }
    .chbnav_touch_nav_title{
        height:auto;
    }
    .chbnav_touch_top_logo img{
        height:100%;
    }
    .right_fd{display:none}
    .chbnav_touch_top {
        position:relative;
        height:1rem;
        width:100%;
        border-bottom:1px solid #ddd;
        background-color:#ffffff
    }
    .chbnav_touch_top_list{
        position:absolute;
        right:3%;
        width:.5rem;
        height:100%
    }

    .chbnav_touch_top_list_c{
        margin-top:.32rem !important
    }
    .chbnav_touch_top_list_a{
        width:100%;
        height:1px;
        margin:0 auto;
        background-color:#666666;
    }
    .chbnav_touch_top_list_b{
        margin:.15rem auto
    }
    .chbnav_touch_navli{
        width: 100%;
        height: .8rem;
        border-bottom: 1px solid #cccccc;
        padding: 0 .3rem;
        box-sizing: border-box;
        line-height: .8rem;
        font-size: .26rem;
    }
    .chbnav_touch_navli a{
        color: #333333;
    }
    .chbnav_touch_navli img{
        display: block;
        position: absolute;
        right: 3%;
        top: .35rem;
        width: .3rem;
        height: .3rem;
    }
    .chbnav_touch_navli a span{
        display: block;
        height: 1rem;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 4rem .7rem;
		width:70%
    }
    .chbnav_touch_navli:nth-child(1){
        height: 1rem;
    }
	.gallery-top{
        height: 5rem!important;
        width: 80%;

    }
    .gallery-top .swiper-wrapper{
        display: flex!important;
        height: 100%!important;
    }
    .propro{
        height: 1.8rem;
    }
    .submian .subright .conBox .ArticleTencont{
        font-size: .24rem;
    }
    .reLink {
        font-size: .24rem;
        border: none;
        border-top: 1px solid #ccc;
        padding-top: .2rem;
    }
	.reLink .prevLink, .reLink .nextLink {
  height: .6rem;
  line-height: .6rem;
  float: none;
}
}