* {
    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.6rem;
    position: relative;
}
.head .logo{
    width: 1.75rem;
    height: .6rem;
    position: absolute;
    left: 0;
    top: .1rem;
}
.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: #C21A28;
    line-height: .4rem;
    font-weight: bold;
}
.nav{
    width: 8rem;
    height: .8rem;
    padding-left: 4rem;
}
.nav ul{
    overflow: hidden;
    display: flex;
}
.nav ul li{
    flex: 1;
    font-size: .16rem;
    line-height: .8rem;
    text-align: center;
}
@media (max-width: 1440px){
    .nav ul li{
        font-size: 13px;
    }
}
.nav ul li a{
    color: #333333;
}
.nav ul li a:hover{
    color: #C21A28;
}
.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;
}
.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%;
    background-image: url("../images/about.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}
.index-about-box{
    width: 100%;
    padding: 0 1.6rem;
    box-sizing: border-box;
    overflow: hidden;
}
.index-about-title{
    font-weight: bold;
    font-size: .4rem;
    color: #000000;
    line-height: 1;
}
.index-about-title-xhx{
    width: .74rem;
    height: .06rem;
    background: #D00001;
    margin-top: .3rem;
}
.index-about-con{
    width: 8rem;
    height: auto;
    font-size: .2rem;
    color: #000000;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .68rem;
    margin-bottom: 1.08rem;
}

.index-about-con-more{
    overflow: hidden;
}
.index-about-con-more a{
    padding: .17rem .35rem;
    background: #D00001;
    border-radius: .05rem;
    font-size: .2rem;
    color: #FFFFFF;
    line-height: 1;
    display: inline-block;
}
.index-about-sz{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 13.73rem;
    height: 2rem;
    background: #CC0000;
    background: linear-gradient(135deg, transparent 1.4rem, #CC0000 0) top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.9;
}
.index-about-sz ul{
    overflow: hidden;
    padding-left: 2rem;
}
.index-about-sz ul li{
    width: 3.1rem;
    height: 1.29rem;
    background-image: url("../images/xx.png");
    background-position: right center;
    background-size: .97rem 1.29rem;
    background-repeat: no-repeat;
    float: left;
    margin-top: .35rem;
    padding-left: .5rem;
    display: flex;
    align-items: center;
}
.index-about-sz ul li:last-child{
    background-image: none;
}
.index-about-p2{
    overflow: hidden;
    font-size: .6rem;
    color: #FFFFFF;
    line-height: 1;
    font-weight: bold;
    padding-bottom: .22rem;
}
.index-about-p3{
    font-size: .18rem;
    color: #FFFFFF;
    line-height: 1;
}
.index-about-p2 span{
    vertical-align: super;
    font-size: small;
    padding-left: .15rem;
}

.index-pro{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f8f8;
}
.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: .6rem;
}
.index-pro-top-l{
    float: left;
}
.index-pro-top-l-en{
    font-size: .3rem;
    line-height: 1.5;
    color: #000000;
}
.index-pro-top-l-cn{
    font-size: .4rem;
    line-height: 1.5;
    color: #000000;
    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: .6rem;
    font-size: .2rem;
}
.index-pro-top-r ul li a{
    box-sizing: border-box;
    color: #000000;
    line-height: 1;
}
.index-pro-top-r ul li a:hover{
    border-bottom: 2px solid #cc0000;
}

.swiper-container-pro{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background-image: url("../images/pro.png");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}
.swiper-container-pro .swiper-wrapper{

}
.swiper-container-pro .swiper-slide {
    text-align: center;
    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: auto;
    overflow: hidden;
}
.product-box-img{
    width: 100%;
    height: 3.8rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide .product-box-img img{
    width: auto;
    height: auto;
    max-width: 72%;
    max-height: 72%;
}
.swiper-slide-next .product-box-img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.swiper-slide .product-box-title{
    display: none;
}
.swiper-slide-next .product-box-title{
    display: block;
    padding: .5rem 0;
    font-size: .18rem;
    color: #000000;
}

.swiper-button-prev-pro, .swiper-button-next-pro{
    position: absolute;
    top: 43%;
    margin-top: -.3%;
    width: .6rem;
    height: .6rem;
    z-index: 10;
    cursor: pointer;
    background-size: .6rem .6rem;
    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: #d00001;
    border: 1px solid #d00001;
    border-radius: .05rem;
    margin: auto auto auto auto;
    width: 1.8rem;
    text-align: center;
}
.index-pro-more a:hover{
    opacity: .6;
}
.index-cp{
    width: 100%;
    height: 100%;
    background-image: url("../images/cp.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.swiper-container-yy{
		height: 100%;
	}
.index-cp ul{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.index-cp ul li{
    width: 100%;
    float: left;
    border-right: 1px solid #ffffff33;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
/*.index-cp ul li:last-child{
    border-right: none;
}*/
.index-cp-box{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-cp-box-box{
    overflow: hidden;
    width: 100%;
}
.index-cp-icon{
    width: .88rem;
    height: .88rem;
    margin: auto;
}
.index-cp-icon img{
    width: .88rem;
    height: .88rem;
}
.index-cp-title{
    width: 100%;
    margin-top: .5rem;
    text-align: center;
    color: #ffffff;
}
.index-cp-title-cn{
    font-size: .26rem;
}
.index-cp-title-en{
    font-size: .16rem;
    margin-top: .15rem;
}

.index-cp-xhx{
    width: 38px;
    height: 3px;
    background-color: #ffffff;
    margin: auto;
    margin-top: .75rem;
}
.index-cp-box-hover{
    display: none;
}
.index-cp ul li:hover .index-cp-box-hover{
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    animation: slideUp 1s forwards;
    overflow: hidden;
    display: block;
}
@keyframes slideUp {
    from {
        height: 0;
    }
    to {
        height: 100%;
    }
}
.index-cp-hover-img{
    width: 100%;
    height: 100%;
    position: relative;
}
.index-cp-hover-img p{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 1.15rem;
    color: #ffffff;
    font-size: .26rem;
}
.index-zzzs{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/zzzs.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.index-zzzs-box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index-zzzs-title{
    text-align: center;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: .3rem;
}
.index-zzzs-title-cn{
    font-size: .4rem;
    font-weight: bold;
    color: #000000;
}
.index-zzzs-title-en{
    font-size: .3rem;
    font-weight: bold;
    color: #cc0000;
}
.swiper-container-zzzs{
    width: 14.23rem;
    height: 4.62rem;
    margin: auto;
    overflow: hidden;
}
.swiper-container-zzzs .swiper-slide img{
    height: 4.62rem;
    width: auto;
    display: block;
    margin: auto;
}
.swiper-pagination-zzzs{
    margin-top: 1.3rem;
    text-align: center;
}
.swiper-pagination-zzzs .swiper-pagination-bullet{
    margin: auto 5px;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    opacity: 1;
}
.swiper-pagination-zzzs .swiper-pagination-bullet-active{
    background-color: #999999;
}
.index-ln{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/gd.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.index-ln .index-ln-box{
    width: 16rem;
    box-sizing: border-box;
    height: 6.15rem;
    position: relative;
}
.index-ln-box-img{
    width: 6.17rem;
    height: 5.58rem;
    position: absolute;
    left: .8rem;
    top: 0;
}
.index-ln-box-img img{
    width: 6.17rem;
    height: auto;
}
.index-ln-box-wz{
    writing-mode: vertical-rl;
    transform: rotate(360deg);
    color: #ffffff;
    font-size: .8rem;
    font-weight: bold;
    position: absolute;
    left: .1rem;
    bottom: 0;
}
.index-ln-r-t{
    width: 6.6rem;
    height: auto;
    position: absolute;
    right: 1.16rem;
    top: .7rem;
}
.index-ln-r-t-title{
    font-size: .4rem;
    color: #ffffff;
    margin-bottom: .3rem;
}
.index-ln-r-t-wz{
    font-size: .18rem;
    color: #ffffff;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-ln-li{
    width: 9.8rem;
    height: 2.33rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.index-ln-li ul{
    overflow: hidden;
}
.index-ln-li ul li{
    width: 2.5rem;
    height: 1.5rem;
    margin-right: .25rem;
    float: left;
    background-color: #ffffff;
    border-bottom: .05rem solid #C21A28;
    padding: .4rem .3rem;
    position: relative;
}
.index-ln-li ul li p{
    font-size: .18rem;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-ln-li ul li span{
    font-size: .4rem;
    color: #cccccc;
    font-family: 宋体;
    font-weight: bolder;
    position: absolute;
    bottom: .2rem;
    left: .3rem;
    line-height: 1;
}
.index-ln-li ul li:last-child{
    margin-right: 0;
}
.index-ln-li ul li:hover{
    background-color: #d00001;
}
.index-ln-li ul li:hover p{
    color: #ffffff;
}

.screen-7 {
    height: calc(100% + 4.8rem);
}
footer{
    width: 100%;
    height: auto;
    background-color: #2f2f2f;
}
.foot{
    width: 100%;
    padding: 0 1.6rem;
    box-sizing: border-box;
    height: 4rem;
    padding-top: .65rem;
}
.foot-l{
    width: 58%;
    height: 100%;
    float: left;
}
.foot-l-box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.foot-l-box-ul{
    width: 20%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: center;
}
.foot-l-box-ul p{
    font-size: .18rem;
    color: #ffffff;
    margin-bottom: .2rem;
}
.foot-l-box-ul ul{
    overflow: hidden;
}
.foot-l-box-ul ul li{
    line-height: 2.5;
    font-size: .16rem;
    color: #ffffff;
}
.foot-l-box-ul ul li a{
    color: #ffffff;
}

.foot-c{
    float: left;
    width: 15%;
    height: 100%;
    border-left: 1px solid #404040;
    box-sizing: border-box;
}
.foot-c-box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.foot-c-img{
    width: 1.33rem;
    height: 1.33rem;
    margin: auto;
}
.foot-c-img img{
    display: block;
    width: 1.33rem;
    height: 1.33rem;
}
.foot-c-box p{
    line-height: 3;
    font-size: .18rem;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.foot-r{
    width: 27%;
    height: 100%;
    float: left;
    border-left: 1px solid #404040;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.foot-r-box{
    width: 86%;
    height: auto;
    overflow: hidden;
    color: #ffffff;
}
.foot-r-p1{
    font-size: .2rem;
}
.foot-r-p2{
    font-size: .36rem;
    color: #C21A28;
    font-weight: bold;
}
.foot-r-p3{
    font-size: .2rem;
}

.banquan{
    width: 100%;
    padding: 0 1.6rem;
    height: .8rem;
    border-top: 1px solid #404040;
    color: #999999;
    font-size: 12px;
    text-align: center;
    line-height: .8rem;
    box-sizing: border-box;
}
.banquan a{
	color: #999999;
}
.index-news{
    width: 100%;
    height: calc(100% - 4.8rem);
    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: #d00001;
}
.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: #d00001;
    border-radius: .05rem;
    text-align: center;
}
.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: #d00001;
    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;
       color: #000000;
}
.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: #d00001;
}



.ny-banner{
    width: 100%;
    height: 4.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    margin-top: .8rem;

}
.ny-banner-wen{
    position: absolute;
    top: 1.5rem;
    left: 1.6rem;
    color: #C21A28;
    opacity: .9;
}
.ny-banner-d{
    font-size: .48rem;
    font-weight: bold;
}
.ny-banner-x{
    font-size: .3rem;
}
.submian {
    padding-bottom: 1rem;
    width: 16rem;
    margin: auto;
    overflow-y: hidden;
}
.submian .sobtitle {
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .2rem;
    font-size: .18rem;
    border-bottom: 1px solid #f1f1f1;
}
.ico {
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/wz.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: .2rem .2rem;
}
.submian .sobtitle a{
    color: #333333;
}
.submian .sobtitle a:hover{
    color: #d00001;
}
.submian .subleft {
    width: 4rem;
    overflow: hidden;
    float: left;
}
.submian .subleft .lefta {
    width: 4rem;
    margin-bottom: .25rem;
}
.submian .subleft .title {
    background-image: url("../images/news_img2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1.1rem;
    color: #fff;
    font-size: .24rem;
    font-weight: bold;
}
.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: #d00001 url(../images/tb91.png) 3.5rem center no-repeat;
}
.submian .subleft .lefta .comt ul .active a{
    color: #ffffff;
    background: #d00001 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;
}
.leftprocomt li:hover p{
    color: #d00001;
}
.submian .subleft .leftnews .leftcont {
    background: #fff;
    padding: 10px;
}
.submian .subleft .leftnews .leftcont h2 {
    font-size: .2rem;
    font-weight: bold;
    color: #d00001;
    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: #d00001;
    display: block;
    font-style: normal;
}
.bor9{
    border-bottom: .1rem solid #dddddd;
}

.submian .subright {
    width: 11.4rem;
    float: right;
}
.honorlist{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.honorlist ul.list {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.honorlist ul.list li.item {
    float: left;
    width: 3.6rem;
    margin-bottom: .3rem;
    margin-right: .3rem;
}
.honorlist ul.list li.item:nth-child(3n){
    margin-right: 0;
}
.list_imgH ul.list li.item a {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #f1f1f1;
    border-radius: .05rem;
}
.honorlist ul.list li.item .item-img {
    width: 100%;
    height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.honorlist ul.list li.item .item-img img {
    max-width: 86%;
    max-height: 86%;
    display: block;
}
.nycpyy.honorlist ul.list li.item .item-img img {
    max-width:100%;
    max-height: inherit;
    display: block;
}


.item_mask {
    width: 3.6rem;
    height: 2.4rem;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
    *zoom: 1;
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
}
.item_link_icon {
    display: block;
    width: .45rem;
    height: .45rem;
    text-align: center;
    background-image: url("../images/icon1.png");
    background-size: .45rem .45rem;
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.225rem;
    opacity: 0;
    filter: Alpha(opacity=0);
    *zoom: 1;
}
.honorlist ul.list li.item:hover .item_mask{
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}
.list_imgH ul.list li.item:hover .item_link_icon {
    transform: translateY(-.225rem);
    opacity: 1;
    filter: Alpha(opacity=100);
}
.honorlist ul.list li.item span {
    width: 100%;
    height: .8rem;
    color: #333333;
    text-align: center;
    display: block;
    line-height: .8rem;
    background-color: #cccccc;
    font-size: .2rem;
	box-sizing: border-box;
	padding:0 5%;
	overflow:hidden
	
}
.honorlist ul.list li.item:hover span{
    background-color: #d00001;
    color: #ffffff;
}
.text-center {
    text-align: center;
    margin: .3rem auto 0 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: #d00001;
    color: #fff;
    border: 1px solid #d00001;
}
.thumblist{
    width: calc(100% - .05rem);
    height: auto;
}
.submian .subright .thumblist .list {
    padding-bottom: .3rem;
}
.submian .subright .thumblist .item {
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: .3rem;
    transition: all .5s;
    box-sizing: border-box;
}
.submian .subright .thumblist .item a {
    display: block;
}
.submian .subright .thumblist .item .txt {
    width: 7.7rem;
    cursor: pointer;
    float: right;
}
.submian .subright .thumblist .item .txt h3 {
    font-size: .2rem;
    line-height: 2;
    margin-top: .15rem;
    color: #333333;
    font-weight: 500;
}
.submian .subright .thumblist .item .txt .mark {
    color: #999;
    font-size: .16rem;
    line-height: 3;
}
.submian .subright .thumblist .item .txt .mark span {
    display: inline-block;
    padding-right: .2rem;
}
.submian .subright .thumblist .item .txt p {
    color: #666;
    line-height: 1.5;
    font-size: .18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.submian .subright .thumblist .item .img {
    position: relative;
    width: 2.7rem;
    height: 1.8rem;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.submian .subright .thumblist .item img {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out 0s;
}


.submian .subright .thumblist .item a:hover .txt h3{
    color: #d00001;
}
.submian .subright .thumblist .item:hover {
    box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.2);
}
.submian .subright .thumblist .item:hover img{
    transform: scale(1.1, 1.1);
}
.conBox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.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: #d00001;
}
.reLink .prevLink {
    float: left;
}
.reLink .nextLink {
    float: right;
}
.submian .t2 {
    padding: .3rem 0;
    color: #d00001;
    font-size: .24rem;
    font-weight: bold;
}
.formData {
    padding-bottom: .2rem;
}
.formData .item {
    float: left;
    color: #999;
    font-weight: normal;
    width: 5.2rem;
    height: .6rem;
    line-height: .6rem;
    border: 1px solid #e4e4e4;
    margin-right: .7rem;
    margin-bottom: .5rem;
    position: relative;
    border-radius: .05rem;
    box-sizing: border-box;
}
.formData .item label {
    padding-left: .2rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    text-align: center;
    display: block;
    margin: 0;
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
    color: #666;
}
.formData .item .txt {
    width: 4rem;
    height: .6rem;
    line-height: .6rem;
    display: block;
    background: none;
    padding-left: .7rem;
    border: 0 none;
    color: #666;
    font-size: .2rem;
}
.formData .item .red {
    position: absolute;
    right: .2rem;
    top: 0;
    color: #ff0000;
    z-index: 11;
}
.formData .item.mr0 {
    margin-right: 0;
}
.formData .liuyan {
    width: 11.1rem;
    height: 2.6rem;
    border: 1px solid #e4e4e4;
    float: left;
}
.formData .liuyan textarea {
    width: 11.1rem;
    height: 2.6rem;
    line-height: .35rem;
    padding: .15rem .2rem;
    text-indent: 1rem;
    font-size: .2rem;
    font-family: "microsoft yahei";
    color: #333;
    border: 0 none;
    overflow: hidden;
    background: none;
    resize: none;
    display: block;
    outline: none;
    box-sizing: border-box;
}
.formData .bot {
    width: 100%;
}
.formData .sub {
    width: 2.5rem;
    line-height: .6rem;
    text-align: center;
    background: #d00001;
    color: #FFF;
    cursor: pointer;
    font-size: .2rem;
    display: block;
    border: none;
    border-radius: .05rem;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.pro-ryzz{
    width: 2.625rem!important;
}
.pro-ryzz:nth-child(3n){
    margin-right: .3rem!important;
}
.pro-ryzz:nth-child(4n){
    margin-right: 0!important;
}
.pro-ryzz-img{
    height: 3.7rem!important;
    overflow: hidden;

}
.pro-ryzz-img img{
    transition: all .3s ease-out 0s;
}
.pro-ryzz-img img:hover{
    transform: scale(1.1, 1.1);
}


.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: .2rem 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{
    background-image: url("../images/jt-r1.png");
    width: .6rem;
    height: .6rem;
    margin-top: -.3rem;
    background-size: .6rem .6rem;
}
.swiper-button-prev{
    background-image: url("../images/jt-l1.png");
    width: .6rem;
    height: .6rem;
    margin-top: -.3rem;
    background-size: .6rem .6rem;
}
.aboutlist{
    font-size: .18rem;
}
.wap-ny-banner{
    display: none;
}
#chbnav_touch {
  display: none;
}
@media (max-width: 1360px){
    .index-about-con{
        font-size: 13px;
    }
    .index-about-con-more a{
        font-size: 13px;
    }
    .index-about-p3{
        font-size: 13px;
    }
    .swiper-slide-next .product-box-title{
        font-size: 13px;
    }
    .index-cp-title-en{
        font-size: 13px;
    }
    .index-ln-r-t-wz {
        font-size: 13px;
    }
    .index-ln-li ul li p{
        font-size: 13px;
    }
    .foot-l-box-ul p{
        font-size: 13px;
    }
    .foot-l-box-ul ul li{
        font-size: 12px;
        line-height: 1.8;
    }
    .foot-c-box p{
        font-size: 13px;
    }
    .foot-r-p1{
        font-size: 13px;
    }
    .foot-r-p3{
        font-size: 13px;
    }
    .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;
    }
    .index-pro-top-r ul li{
        font-size: 14px;
    }
    .index-pro-more a {
        font-size: 13px;
    }
    .submian .sobtitle {
        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;
    }
    .aboutlist{
        font-size: 13px;
    }
    .honorlist ul.list li.item span{
        font-size: 13px;
    }
    .pagination li{
        font-size: 14px;
    }
    .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;
    }
    .formData .item{
        height: .7rem;
        line-height: .7rem;
    }
    .formData .item label{
        font-size: 14px;
        height: .7rem;
        line-height: .7rem;
    }
    .formData .liuyan{
        height: 2.6rem;
    }
    .formData .liuyan textarea {
        line-height: 21px;
        padding: .15rem .2rem;
        text-indent: 1.3rem;
        font-size: 14px;
    }
    .formData .item .txt{
        height: .7rem;
        line-height: .7rem;
        font-size: 14px;
    }
    .formData .sub{
        height: .7rem;
        line-height: .7rem;
        font-size: 14px;
    }
    .submian .subright .thumblist .item .txt h3{
        font-size: 14px;
        margin-top: 0;
    }
    .submian .subright .thumblist .item .txt .mark{
        font-size: 12px;
        line-height: 2;

    }
    .submian .subright .thumblist .item .txt p{
        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;
        display: block;
        background-image: url("../images/about1.png");
    }
    .index-about-box {
        padding: 50px 3% 30px 3%;
    }
    .index-about-title {
        font-size: 20px;
    }
    .index-about-con {
        width: 100%;
        height: auto;
        -webkit-line-clamp: 20;
        margin-top: .68rem;
        margin-bottom: .68rem;
    }
    .index-about-sz {
        position: relative;
        right: auto;
        bottom: auto;
        width: 94%;
        box-sizing: border-box;
        height: 3rem;
        background: none;
        background-color: #CC0000;
        opacity: 1;
        margin: auto;
    }
    .index-about-sz ul {
        padding-left: 0;
    }
    .index-about-sz ul li {
        width: 33.3%;
        height: 1.29rem;
        margin-top: .85rem;
        padding-left: 0;
    }
    .index-about-xx{
        text-align: center;
        width: 100%;
    }
    .index-pro{
        display: block;
        height: auto;
    }
    .index-pro-box {
        padding: 50px 3%;
    }
    .index-pro-top-l-en {
        font-size: 18px;
    }
    .index-pro-top-l-cn {
        font-size: 20px;
    }

    .index-pro-top-r ul li {
        font-size: 16px;
    }

	
    .swiper-container-zzzs {
        width: 16rem;
        height: 5.2rem;
        margin: auto;
        overflow: hidden;
    }
    .swiper-container-pro .swiper-wrapper {
        height: 100%;
        display: flex;
    }
    .swiper-button-prev-pro, .swiper-button-next-pro{
        display: none;
    }
    .swiper-container-zzzs .swiper-slide img {
        height: 5.2rem;
    }
    .index-pro-more a{
        width: 2.3rem;
    }
    .index-cp {
        height: 10rem;
    }
    .index-cp-title-cn{
        font-size: 14px;
    }
    .index-cp-hover-img p {
        font-size: 14px;
    }


    .swiper-container-zzzs .swiper-wrapper {
        height: 100%;
        display: flex;
    }
    .index-zzzs-box {
        padding: 50px 3%;
        box-sizing: border-box;
    }
    .swiper-pagination-zzzs {
        margin-top: .5rem;
    }
    .swiper-pagination-zzzs .swiper-pagination-bullet {
        background-color: #cccccc;
    }
    .swiper-pagination-zzzs .swiper-pagination-bullet-active {
        background-color: #999999;
    }
    .index-zzzs-title {
        margin-bottom: 20px;
    }
    .index-ln .index-ln-box {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        padding: 50px 3%;
        position: relative;
    }
    .index-ln-box-img {
        display: none;
    }
    .index-ln-box-wz {
        writing-mode: initial;
        transform: rotate(0deg);
        position: relative;
        left: auto;
        bottom: auto;
    }
    .index-ln-r-t {
        width: 100%;
        height: auto;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 20px;
    }
    .index-ln-r-t-title {
        margin-bottom: .2rem;
    }
    .index-ln-li {
        width: 100%;
        height: auto;
        position: relative;
        right: auto;
        bottom: auto;
        margin-top:30px;
    }
    .index-ln-li ul li {
        width: 32%;
        height: auto;
        margin-right: 2%;
        border-bottom: 4px solid #C21A28;
        padding: .4rem .4rem;
        box-sizing: border-box;
    }
    .index-ln-li ul li p {
        min-height: 2.3rem;
    }
    .index-ln-li ul li span {
        font-size: .6rem;
        bottom: .3rem;
        left: .4rem;
        line-height: 1;
    }
    .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 {
        padding: 0 3%;
        height: auto;
        padding-top: 40px;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .foot-c {
        display: none;
    }
    .foot-l{
        width: 63%;
    }
    .foot-r {
        width: 37%;
    }
    .banquan {
        padding: 0 3%;
        height: 50px;
        line-height: 50px;
    }
    .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;
    }
    .honorlist ul.list li.item{
        width: 32%;
    }
    .honorlist ul.list li.item .item-img{
        height: 4.5rem;
    }
    .item_mask{
        width: 100%;
        height: 4.5rem;
    }
    .item_link_icon{
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
        margin-left: -18px;
    }
    .honorlist ul.list li.item span{
        height: 48px;
        line-height: 48px;
    }
    .pro-ryzz{
        width: 23.5%!important;
        margin-right: 2%!important;
    }
    .pro-ryzz-img{
        height: 5.8rem!important;
    }
    .submian .sobtitle{
        height: 50px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .ico {
        width: 15px;
        height: 15px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/wz.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 15px 15px;
    }
    .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;
    }
    .formData .item {
        height: 48px;
        line-height: 48px;
        width: 48%;
        margin-right: 4%;
    }
    .formData .item label {
        font-size: 14px;
        height: 48px;
        line-height: 48px;
    }
    .formData .item .txt {
        height: 48px;
        line-height: 48px;
    }
    .formData .liuyan{
        width: 100%;
        height: 150px;
    }
    .formData .liuyan textarea{
        width: 100%;
        height: 150px;
        line-height: 36px;
        text-indent: 80px;
    }
    .formData .sub{
        width: 120px;
        height: 48px;
        line-height: 48px;
    }
    .submian .subright .thumblist .item{
        padding: .4rem;
    }
    .submian .subright .thumblist .item .img {
        position: relative;
        width: 4rem;
        height: 2.6rem;
        display: block;
        overflow: hidden;
        cursor: pointer;
    }
    .submian .subright .thumblist .item .txt {
        width: 12.7rem;
        cursor: pointer;
        float: right;
    }
    .submian .subright .thumblist .item .txt h3{
        margin-top: .1rem;
    }
	#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: 119px 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;
    }


}


@media (max-width: 750px){
    .head {
        display: none;
    }
    .play-class{
        width: 1rem;
        height: 1rem;
        background-size: 1rem 1rem;
    }

    .index-about-box {
        padding: .5rem 3% .3rem 3%;
    }
    .index-about-title {
        font-size: .3rem;
    }
    .index-about-con {
        width: 100%;
        height: auto;
        -webkit-line-clamp: 20;
        margin-top: .4rem;
        margin-bottom: .4rem;
        font-size: .24rem;
    }
    .index-about-sz {
        height: 2rem;
    }
    .index-about-sz ul {
        padding-left: 0;
    }
    .index-about-sz ul li {
        margin-top: .35rem;
        background: none;

    }
    .index-about-xx{
        text-align: center;
        width: 100%;
        border-right: 1px solid #cccccc;
        box-sizing: border-box;
    }
    .index-about-sz ul li:last-child .index-about-xx{
        border: none;
    }
    .index-about-p2{
        font-size: .36rem;
    }
    .index-about-p3 {
        font-size: .24rem;
    }
    .index-pro-box {
        padding: .5rem 3%;
    }
    .index-pro-top-l{
        width: 100%;
        float: none;
        text-align: center;
    }
    .index-pro-top-l-en {
        font-size: .26rem;
    }
    .index-pro-top-l-cn {
        font-size: .3rem;
    }
    .index-pro-top-r{
        width: 100%;
        float: none;
    }

    .index-pro-top-r ul li {
        font-size: .26rem;
        width: 20%;
        margin: auto;
        text-align: center;
        padding-top: .2rem;

    }
    .swiper-container-pro{
        background-image: none;
    }
    .product-box-img{
        background-color: #cccccc;
        height: 3.8rem;
    }
    .swiper-slide .product-box-img img{
        max-width: 86%;
        max-height: 86%;
    }
    .swiper-slide-next .product-box-img img {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
    }
    .swiper-slide-next .product-box-title{
        background-color: #d00001;
        color: #ffffff;
        padding: .2rem 0;
        font-size: .24rem;
    }
    .swiper-slide .product-box-title{
        display: block;
        background-color: #d00001;
        color: #ffffff;
        padding: .2rem 0;
        font-size: .24rem;
    }
    .index-pro-top{
        margin-bottom: .4rem;
    }
    .swiper-container-zzzs {
        width: 100%;
        padding: 0 3%;
        height: 4.05rem;
        margin: auto;
        overflow: hidden;
        box-sizing: border-box;
    }
    .swiper-container-pro .swiper-wrapper {
        height: 100%;
        display: flex;
    }
    .swiper-button-prev-pro, .swiper-button-next-pro{
        display: none;
    }

    .swiper-container-zzzs .swiper-slide img {
        height: 4.05rem;
    }
    .index-pro-more a{
        width: 2.3rem;
        font-size: .26rem;
        margin: .4rem auto .2rem auto;
        border-radius: .1rem;
    }
    .index-cp {
        height: 10rem;
    }
    .index-cp-title-cn{
        font-size: 14px;
    }
    .index-cp-hover-img p {
        font-size: 14px;
    }
    .swiper-container-zzzs .swiper-wrapper {
        height: 100%;
        display: flex;
    }
    .index-zzzs-box {
        padding: .5rem 3%;
        box-sizing: border-box;
    }
    .swiper-pagination-zzzs {
        margin-top: .5rem;
    }
    .swiper-pagination-zzzs .swiper-pagination-bullet {
        background-color: #cccccc;
    }
    .swiper-pagination-zzzs .swiper-pagination-bullet-active {
        background-color: #999999;
    }
    .index-zzzs-title {
        margin-bottom: .36rem;
    }
    .index-ln .index-ln-box {
        padding: .5rem 3% .5rem 3%;
    }
    .index-ln-box-img {
        display: none;
    }
    .index-ln-box-wz{
        font-size: .5rem;
    }
    .index-ln-r-t {
        margin-top: .2rem;
    }
    .index-ln-r-t-title {
        margin-bottom: .2rem;
        font-size: .3rem;
    }
    .index-ln-r-t-wz{
        font-size: .24rem;
        -webkit-line-clamp:20
    }
    .index-ln-li {
        margin-top:.3rem;
    }
    .index-ln-li ul li {
        width: 100%;
        height: auto;
        margin-right: 0;
        border-bottom: 4px solid #C21A28;
        padding: .4rem .4rem;
        box-sizing: border-box;
        margin-bottom: .2rem;
    }
    .index-ln-li ul li p {
        min-height: .5rem;
        font-size: .24rem;
    }
    .index-ln-li ul li span {
        font-size: .6rem;
        bottom: auto;
        left: auto;
        line-height: 1;
        position: relative;
        margin-top: .15rem;
        display: block;
    }
    .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;
    }
    .foot {
        padding-top: .5rem;
        padding-bottom: .2rem;
    }
    .foot-c {
        display: none;
    }
    .foot-l{
        display: none;
    }
    .foot-r {
        width: 100%;
        border: none;
    }
    .foot-r-p1{
        font-size: .24rem;
    }
    .foot-r-p3{
        font-size: .24rem;
    }
    .banquan {
        padding: 0 3%;
        height: .7rem;
        line-height: .7rem;
        font-size: .2rem;
    }
    .ny-banner{
        display: none;
    }
    .wap-ny-banner {
        width: 100%;
        height: 3.6rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
        display: block;
        
    }
    .wap-ny-banner-wen {
        color: #C21A28;
        opacity: .9;
        text-align: center;
        padding-top: 1.2rem;
    }
    .wap-ny-banner-d {
        font-size: .36rem;
        font-weight: bold;
    }
    .wap-ny-banner-x {
        font-size: .3rem;
        font-weight: bold;
    }
    .submian .subleft{
        display: none;
    }
    .honorlist ul.list li.item{
        width: 49%;
        margin-right: 2%;
    }
    .honorlist ul.list li.item:nth-child(3n){
        margin-right: 2%;
    }
    .honorlist ul.list li.item:nth-child(2n){
        margin-right: 0;
    }
    .honorlist ul.list li.item .item-img{
        height: 3.2rem;
    }
    .item_mask{
        width: 100%;
        height: 3.2rem;
    }
    .item_link_icon{
        width: .6rem;
        height: .6rem;
        background-size: .6rem .6rem;
        margin-left: -.3rem;
    }
    .honorlist ul.list li.item span{
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem;
    }
    .pro-ryzz{
        width: 49%!important;
    }
    .pro-ryzz:nth-child(3n){
        margin-right: 2%!important;
    }
    .pro-ryzz:nth-child(2n){
        margin-right: 0!important;
    }
    .pro-ryzz-img{
        height: 4.7rem!important;
    }
    .pagination li{
        font-size: .24rem;
    }
    .submian .sobtitle{
        height: .7rem;
        line-height: .7rem;
        margin-bottom: .2rem;
        font-size: .22rem;
    }
    .submian .t2{
        font-size: .3rem;
    }
    .aboutlist{
        font-size: .24rem;
    }
    .ico {
        width: .22rem;
        height: .22rem;
        margin-right: .1rem;
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/wz.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: .22rem .22rem;
    }
    .submian .subright .conBox .ArticleTitle h1{
        font-size: .26rem;
    }
    .submian .subright .conBox .ArticleMessage span{
        font-size: .22rem;
    }
    .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;
    }
    .formData{
        padding-bottom: 0;
    }
    .gallery-thumbs{
        height: 100%!important;
    }
    .gallery-thumbs .swiper-wrapper{
        display: flex!important;
        height: 100%!important;
    }
    .reLink .prevLink, .reLink .nextLink {
        height: .6rem;
        line-height: .6rem;
        float: none;
    }
    .formData .item {
        height: .7rem;
        line-height: .7rem;
        width: 48%;
        margin-right: 4%;
    }
    .formData .item label {
        font-size: .24rem;
        height: .7rem;
        line-height: .7rem;
    }
    .formData .item .txt {
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem;
        padding-left: 1rem;
        width: 2rem;
    }
    .formData .liuyan{
        width: 100%;
        height: 3rem;
    }
    .formData .liuyan textarea{
        width: 100%;
        height: 3rem;
        line-height: .5rem;
        text-indent: 1.2rem;
        font-size: .24rem;
    }
    .formData .sub{
        width: 2rem;
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem;
    }
    .thumblist{
        width: 100%;
    }
    .submian .subright .thumblist .item{
        padding: .3rem 0;
    }
    .submian .subright .thumblist .item .img {
        position: relative;
        width: 2.5rem;
        height: 1.5rem;
        display: block;
        overflow: hidden;
        cursor: pointer;
    }
    .submian .subright .thumblist .item .txt {
        width: 4.3rem;
        cursor: pointer;
        float: right;
    }
    .submian .subright .thumblist .item .txt h3{
        margin-top: 0;
        font-size: .24rem;
        line-height: 1.6;
    }
    .submian .subright .thumblist .item .txt .mark{
        font-size: .2rem;
    }
    .submian .subright .thumblist .item .txt p{
        font-size: .22rem;
    }
	
	#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: 2rem .7rem;
		width:70%
    }
    .chbnav_touch_navli:nth-child(1){
        height: 1rem;
    }
	/*.screen-4{ display:none}*/
	.swiper-container-yy .swiper-wrapper{
		height: 100%;
        display: flex;
	}

}