@media (max-width: 950px){

	html,body{ font-size: calc(100vw/7.5);}

	.cellnavboxer{ display: block;}

	.header{ display: none;}

	.rightnavbox{ display: flex; left: 0; bottom: 0; right: 0;}

	.rightnavbox .bot{ width: 50px; height: 50px; border-radius: 0; margin: 0;}

	.rightnavbox .top{ width: calc(100% - 50px); display: flex; border-radius: 0; padding: 0;}

	.rightnavbox .top .li{ width: calc(100% / 2); height: 50px; display: flex; justify-content: center; align-items: center; position: relative;}

	.rightnavbox .top .li .m{ width: 100%; height: 50px; background-size: auto 100%;}

	.rightnavbox .top .li:hover .m{ background-size: auto 100%;}

	.rightnavbox .top .li::after{ content: ''; width: 1px; height: 100%; background: #fff; position: absolute; top: 0; right: 0;}

	body{ padding-bottom: 50px;}

	.rightnavbox .top .li .img{ top: auto; bottom: 60px; left: 50%; transform: translateX(-50%); right: 0;}

	.rightnavbox .top .li .img::after{ width: 10px; height: 10px; background: #01B6D3; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); content: '';}

	.footer .left{ display: none;}

	.footer{ display: block;}

	.footer .right{ width: auto; border-radius: 0; background: hsla(0,0%,100%,0.00);}

	.footer .right .mk{ padding: 20px 0.3rem;}

	.footer .right .wter .li{ margin-top: 15px;}

	.botcell{ display: block; padding: 0.3rem; border-top: 1px solid hsla(0,0%,100%,0.20);}

	.botcell .p, .botcell a{ font-size: 13px; text-align: center; color: #fff; opacity: 0.8; line-height: 26px;}

	.titles .m{ font-size: 16px; line-height: 16px;}

	.titles .h1{ font-size: 0.36rem; line-height: 32px; margin-top: 6px;}

	.titles .em{ width: 40px; height: 3px; margin: 10px auto 0;}

	.indexbootes .ps{ width: auto; margin: 20px 0.3rem 0 0.3rem; font-size: 14px; line-height: 26px;}

	.indexnews .form{ width: auto; margin: 50px 0.4rem 0 0.4rem;}

	.indexnews .form .mk{ padding: 0.35rem;}

	.indexnews .form::after{ display: none;}

	.indexbootes::after{ width: 3rem;}

	.indexnews .form .mk .li .sub{ width: 160px; height: 44px; line-height: 44px; margin: 20px 0 0 0;}

	.indexbootes .indexopen .img{ justify-content: space-between; width: auto; padding: 0 0.3rem;}

	.indexbootes .indexopen .img a{ width: 3.2rem; height: 60px;}

	.indexentryu{ padding: 50px 0.3rem;}

	.indexentryu .top{ display: block; padding: 0;}

	.titles2{ text-align: center;}

	.indexentryu .top a{ justify-content: center; margin-top: 10px;}

	.indexentryu .bot{ display: block; margin-top: 20px; padding: 0; width: auto;}

	.indexentryu .bot .nav{ display: flex; justify-content: center; border: none; width: auto;}

	.indexentryu .bot .nav .li{ font-size: 16px; line-height: 36px; margin: 0 8px; border: none;}

	.indexentryu .bot .nav .li.on{ font-size: 16px; font-weight: normal;}

	.indexentryu .bot .right .more{ justify-content: center; margin-top: 30px;}

	.indexentryu .bot .right{ width: auto; margin-top: 20px;}

	.indexentryu .bot .right a{ width: 100%;}

	.indexentryu .bot .right a .img{ height: 5rem;}

	.indexentryu .bot .right a .text .p{ font-size: 14px; line-height: 24px;}

	.indexlist .cont{ padding: 0 0.3rem;}

	.indexlist .top{ width: auto; position: relative; top: auto; left: auto;}

	.indexlist .top .ps{ margin-top: 20px; font-size: 14px; line-height: 26px; text-align: center;}

	.indexlist .morebox{ margin-top: 20px; justify-content: center;}

	.indexlist .list{ width: auto; padding: 0; margin-top: 20px;}

	.indexlist .list .li, 

	.indexlist .list .li:first-child,

	.indexlist .list .li:nth-child(2),

	.indexlist .list .li:nth-child(3),

	.indexlist .list .li:nth-child(4),

	.indexlist .list .li:nth-child(5){ width: 3.35rem; height: 4.05rem; margin: 0.3rem 0 0 0; float: left;}

	.indexlist .list .li:nth-child(2n){ float: right;}

	.indexlist .list .li .img{ width: 100%; height: 4.05rem;}

	.indexlist .list .li .text .h1{ font-size: 18px;}

	.indexlist .list .li .text .p{ font-size: 15px; line-height: 24px;}

	.indexlist .list .li .text .a{ display: none;}

	.indexjion{ padding: 50px 0.3rem 20px 0.3rem;}

	.indexjion .cont{ margin: 0; width: auto; display: block;}

	.indexjion .cont .img{ padding: 0; width: 3rem; margin: auto;}

	.indexjion .cont .text .top{ width: auto;}

	.indexjion .cont .text .top .morebox{ display: none;}

	.indexjion .cont .text{ width: auto; margin-top: 30px;}

	.indexjion .cont .text .titles{ margin: 0;}

	.indexjion .cont .text .titles .em{ width: 40px; margin: 15px auto 0;}

	.indexjion .cont .text .ps{ margin: 20px 0 0 0; font-size: 14px; line-height: 26px; text-align: center;}

	.indexjion .cont .more{ justify-content: space-between; margin-top: 30px;}

	.indexjion .cont .more .li{ width: 3.3rem; margin: 0;}

	.indexjion .cont .more .li a{ font-size: 15px;}

	.indexnumber{ padding: 50px 0.3rem;}

	.indexnumber .cont{ display: block;}

	.indexnumber .left .h1{ font-size: 22px; line-height: 32px; text-align: center;}

	.indexnumber .left .m{ font-size: 16px; text-align: center; line-height: 16px; margin-top: 5px;}

	.indexnumber .left{ width: auto;}

	.indexnumber .left .em{ width: 40px; height: 3px; margin: 15px auto 0;}

	.indexnumber .left .p{ font-size: 14px; line-height: 26px; text-align: center; margin-top: 20px;}

	.indexnumber .left .morebox{ justify-content: center; margin-top: 20px;}

	.indexnumber .right{ width: auto; margin-top: 40px; justify-content: space-between;}

	.indexnumber .right .li:nth-child(2n){ margin-left: 0;}

	.indexnumber .right .li{ width: 3.3rem;}

	.indexnumber .right .li .p{ font-size: 14px; line-height: 14px;}

	.indexnumber .right .li .h div{ font-size: 30px; line-height: 30px;}

	.indexnumber .right .li .h{ font-size: 22px; line-height: 22px;}

	.indexbanner .num{ display: none;}

	.indexbanner .text{ top: 50%; left: 0; right: 0; width: auto; bottom: auto; transform: translateY(-50%); padding: 0 0.3rem;}

	.indexbanner .text .h1{ font-size: 0.6rem; line-height: 0.64rem; text-align: center;}

	.indexbanner .text .em{ margin: 25px auto 0; width: 50px; height: 3px;}

	.indexbanner .text .bot{ height: auto;}

	.indexbanner .text .h2{ font-size: 18px; line-height: 30px; text-align: center;}

	.indexbanner .text .v{ display: block;}

	.indexbanner .text .v{ margin-top: 10px;}

	.indexbanner .text .v .p{ margin: 0; font-size: 14px; line-height: 26px; text-align: center;}

	.indexbanner .text .v a{ width: 150px; height: 44px; line-height: 44px; margin: 30px auto 0;}

	.bannerdata .img{ height: 350px;}

	.bannerdata .cont .em,

	.aboutrent .cont .m,

	.aboutone .text .m{ font-size: 16px; text-align: center; line-height: 16px;}

	.bannerdata .cont .h1,

	.aboutrent .cont .h1,

	.aboutone .text .h1{ font-size: 0.36rem; line-height: 32px; margin-top: 6px; text-align: center;}

	.bannerdata .cont .p{ font-size: 14px; line-height: 26px; text-align: center; margin: 15px 0.3rem 0 0.3rem;}

	.bannerdata .cont a{ width: 22px; height: 22px; margin: 30px auto 0;}

	.aboutone{ padding: 0.3rem 0.3rem 50px 0.3rem; display: block;}

	.aboutone .img{ width: auto; height: auto;}

	.aboutone .img img{ display: block; width: 100%; height: auto; opacity: 1;}

	.aboutone .img::after{ display: none;}

	.aboutone .text{ width: auto; margin: 30px 0 0 0;}

	.aboutone .text .em{ width: 40px; height: 3px; margin: 20px auto 0;}

	.aboutone .text .p{ margin-top: 30px; font-size: 14px; line-height: 26px;}

	.aboutnumber{ padding: 25px 0.3rem 50px 0.3rem;}

	.w1360{ width: auto;}

	.aboutnumber .cont{ flex-wrap: wrap;}

	.aboutnumber .cont .li{ width: 3.3rem; padding: 25px 0;}

	.aboutnumber .cont .li .h div{ font-size: 30px; line-height: 30px;}

	.aboutnumber .cont .li .h{ font-size: 22px; line-height: 22px;}

	.aboutnumber .cont .li .p{ font-size: 14px; line-height: 14px;}

	.aboutrent{ padding: 50px 0 0 0; overflow: hidden;}

	.aboutrent .cont .p{ font-size: 14px; line-height: 26px; margin: 20px 0.3rem 0 0.3rem; text-align: center;}

	.aboutrent .cont a{ width: 22px; height: 22px; margin: 20px auto 0;}

	.aboutrent .icon .v img{ width: 2rem;}

	.aboutrent .icon .v{ right: -0.5rem;}

	.aboutrent .icon .der .li, .aboutrent .icon .der .li:first-child{ width: 2.2rem; height: 80px; padding: 0;}

	.aboutrent .icon .der .li .m img{ width: 1rem; margin: 0;}

	.aboutrent .icon .der .li .p{ font-size: 0.28rem;}

	.aboutrent .icon .der .li:first-child .p{ left: 0;}

	.aboutwo{ padding: 50px 0.3rem 0 0.3rem;}

	.aboutwo .list{ padding: 0; display: block; background: hsla(0,0%,100%,0.00);}

	.aboutwo .list .li{ width: auto; border-radius: 10px; background: #fff; margin-top: 0.3rem;}

	.aboutwo .list .li .img{ height: auto; border-radius: 10px 10px 0 0;}

	.aboutwo .list .li:first-child{ margin-top: 0;}

	.aboutwo .list .li .p{ display: block; width: auto; height: auto; padding: 15px;}

	.aboutwo .list .li .p div{ font-size: 14px; line-height: 26px;}

	.aboutwo .list .li:nth-child(2n) .img{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}

	.aboutoot{ padding: 50px 0.3rem;}

	.aboutoot .list{ justify-content: space-between;}

	.aboutoot .list .li, .aboutoot .list .li:nth-child(4n){ width: 3.3rem; margin: 0.3rem 0 0 0;}

	.newsnav{ margin: 0;}

	.newsnav .cont .nav{ margin-left: 0.3rem;}

	.newsnav .cont .nav a{ line-height: 70px;}

	.newsnav .cont .nav .li{ margin-left: 30px;}

	.newsnav .cont .line .input input{ height: 70px;}

	.newsnav .cont .line{ margin-right: 0.3rem;}

	.newsnav .cont{ height: 70px;}

	.newsnav .cont .line .lis{ left: auto; right: -0.3rem; top: 50px; margin: 0;}

	.newsbox{ padding: 0.3rem 0.3rem 50px 0.3rem; margin: 0;}

	.newsbox .list{ display: block;}

	.newsbox .list .li, .newsbox .list .li:nth-child(3n), .newsbox .list .li:nth-child(3n-1){ width: auto; margin: 0.3rem 0 0 0;}

	.newsbox .list .li .mk{ padding: 0.35rem;}

	.newsbox .list .li .mk .img{ height: auto;}

	.newsbox .list .li .mk .time .h{ font-size: 14px; line-height: 26px; height: auto;}

	.newsbox .list .li .mk .icon a{ padding: 0 15px; font-size: 12px; line-height: 30px;}

	.newsbox .down{ font-size: 14px;}

	.newsdata .cont{ display: block;}

	.newsdata .cont .left{ width: auto; padding: 50px 0; border: none; border-bottom: 1px solid #fff;}

	.newsdata .cont .left .form{ margin: 0 0.3rem;}

	.newsdata .cont .left .h1{ font-size: 17px; line-height: 28px; font-weight: bold;}

	.newsdata .cont .left .icon{ padding: 20px 0 15px 0;}

	.newsdata .cont .left .data{ font-size: 14px; line-height: 26px;}

	.newsdata .cont .left .more{ border-radius: 0; padding: 0.3rem;}

	.newsdata .cont .left .more a{ width: 3rem;}

	.newsdata .cont .right{ padding: 50px 0.3rem; width: auto;}

	.newsdata .cont .right .h1{ font-size: 22px; text-align: center; line-height: 32px;}

	.newsdata .cont .right .list .li{ margin-top: 0.3rem; background: #fff; border-radius: 10px;}

	.newsdata .cont .right .list .li .text{ padding: 15px;}

	.newsdata .cont .right .list .li .p{ font-size: 14px; line-height: 26px;}

	.searchtwo{ margin: 0;}

	.searchtwo .cont{ padding: 0.3rem;}

	.searchtwo .cont .input{ margin: 0;}

	.searchtwo .cont .input input{ padding: 0 10px; height: 40px; font-size: 13px;}

	.searchtwo .cont button{ width: 70px; height: 42px; font-size: 15px;}

	.searchthree{ padding: 0; margin-top: 1px;}

	.searchthree .cont{ display: block;}

	.searchthree .cont .searchnav{ width: auto;}

	.searchthree .cont .searchnav .h1{ padding: 0.1rem 0.3rem 0 0.3rem; font-size: 22px; text-align: center; line-height: 50px;}

	.searchthree .cont .searchnav .list{ padding: 0 0.3rem 0.3rem 0.3rem;}

	.searchthree .cont .searchnav .list .wli{ padding: 0.3rem 0;}

	.searchthree .cont .searchnav .list .m{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0;}

	.searchthree .cont .searchnav .list .m a{ margin-right: 15px;}

	.searchthree .cont .rightlist{ width: auto; padding: 50px 0.3rem;}

	.searchthree .cont .rightlist .h1{ font-size: 22px; line-height: 32px; text-align: center; padding: 0;}

	.searchthree .cont .rightlist .list{ margin-top: 30px;}

	.searchthree .cont .rightlist .list .li{ margin-top: 0.3rem; padding: 0.35rem;}

	.searchthree .cont .rightlist .list .img{ float: none; width: auto; height: auto;}

	.searchthree .cont .rightlist .list .text{ width: auto; margin-top: 20px;}

	.searchthree .cont .rightlist .list .text .h2{ padding-top: 0; font-size: 17px; line-height: 28px;}

	.searchthree .cont .rightlist .list .text .p{ display: block;}

	.searchthree .cont .rightlist .list .text .p div{ margin: 0; font-size: 14px; line-height: 26px;}

	.searchthree .cont .rightlist .list .text a{ margin-top: 20px; width: 90px; height: 34px; line-height: 34px;}

	.pageing .li a{ font-size: 12px; width: 30px; height: 30px; line-height: 30px; margin: 0 2px;}

	.productown{ margin: 0;}

	.productown .cont .mk{ padding: 50px 0.3rem; display: block;}

	.productown .cont .mk .img{ width: auto; height: auto;}

	.productown .cont .mk .text{ width: auto;}

	.productown .cont .mk .text .t{ font-size: 12px;}

	.productown .cont .mk .text{ margin-top: 20px;}

	.productown .cont .mk .text .h1{ font-size: 17px; line-height: 28px; font-weight: bold; margin-top: 15px;}

	.productown .cont .mk .text .tel .p{ font-size: 14px; line-height: 30px;}

	.productown .cont .mk .text .k{ width: 120px; height: 40px; line-height: 40px;}

	.producthree{ margin: 50px 0.3rem;}

	.producthree .cont .left .h1,

	.nominate .h1,

	.producthree .cont .right .words .h1{ font-size: 22px; line-height: 32px; text-align: center; padding: 0; margin: 0;}

	.producthree .cont .left .list{ margin-top: 30px;}

	.producthree .cont{ display: block;}

	.producthree .cont .left .li{ display: block;}

	.producthree .cont .left{ width: auto;}

	.producthree .cont .left .li .h{ width: auto;}

	.producthree .cont .left .li .p{ width: auto;}

	.producthree .cont .left .li .h .em,

	.producthree .cont .left .li .p .em{ font-size: 14px; line-height: 24px; padding: 10px 0.3rem;}

	.producthree .cont .right{ width: auto; margin-top: 50px;}

	.producthree .cont .right .words{ padding: 30px 0.35rem;}

	.producthree .cont .right .words .form .sub{ height: 46px;}

	.nominate{ margin: 50px 0.3rem;}

	.nominate .list{ display: block;}

	.nominate .list .li, .nominate .list .li:nth-child(4n){ width: auto; margin: 0.3rem 0 0 0;}

	.nominate .list .li:first-child{ margin-top: 30px;}

	.nominate .list .li a .img{ height: auto;}

	/*.contactbanner .img::after{ display: none;}*/

	.contactbox .cont{ margin: 0;}

	.contactbox .cont{ display: block;}

	.contactbox .cont .left{ padding: 30px 0.3rem 0 0.3rem; width: auto;}

	.contactbox .cont .left .li .input input{ height: 50px; font-size: 14px;}

	.contactbox .cont .left .li .h{ margin-bottom: 10px; font-size: 15px;}

	.contactbox .cont .left .li button{ width: 230px; height: 54px; line-height: 54px;}

	.contactbox .cont .right{ width: auto; margin: 50px 0.3rem 30px 0.3rem; border-top: 1px solid #eee; padding-top: 50px;}

	.contactbox .cont .right .h1{ font-size: 22px; line-height: 32px;}

	.contactbox .cont .right .m{ font-size: 20px; line-height: 30px;}

	.bannerdata{ overflow: hidden;}

	.prodentup .cont{ width: 90%;}

	.prodentup .cont .h1{ font-size: 18px; line-height: 22px;}

	.prodentup .cont .sole{ top: auto; right: auto; left: 50%; transform: translateX(-50%); bottom: -50px;}

	.prodentup .cont .form{ width: 90%;}

	.prodentup .cont .form .li{ display: block;}

	.prodentup .cont .form .li .h{ width: auto; font-size: 14px; line-height: 20px; text-align: left; margin-bottom: 5px;}

	.prodentup .cont .form .li .wt{ display: block;}

	.prodentup .cont .form .li .input{ width: auto;}

	.prodentup .cont .form .li .input input{ height: 34px; font-size: 12px; padding: 0 10px;}

	.prodentup .cont .form .li select{ height: 34px; font-size: 12px; padding: 0 10px;}

	.prodentup .cont .form .li .wt{ width: auto;}

	.prodentup .cont .form .li .sel .input::after{ right: 10px;}

	.prodentup .cont .form .li button.tt{ height: 34px; font-size: 12px;}

	.prodentup .cont .form .li textarea{ height: 40px; padding: 5px 10px; font-size: 12px;}

	.prodentup .cont .form .li .wt{ margin-top: 0.2rem;}

	.prodentup .cont .form .li .wt:first-child{ margin-top: 0;}

	.prodentup .cont .form .sub{ width: 100%; height: 40px; line-height: 40px;}

	.prodentup .cont .form .sub i{ font-size: 16px;}

	.prodentup .cont .sole{ width: 20px; height: 20px;}
	.indexjion{ overflow: hidden;}
	.titles .h1 i{ display: none;}
	.titles .h1 br{ display: none;}
	
	.contactbanner .img::after{ background: url(../images/39.png) no-repeat bottom left;background-size: 140% auto;}
	.contactbanner .cont .em, .contactbanner .cont .h1, .contactbanner .cont .p{ text-align: left;}
	.contactbanner .cont .p{ width: auto; margin: 15px 0 0 0;}
	.contactbox .cont .left{padding: 0;width: 80%;margin: auto;}
	.contactbox .cont .left .li:first-child{ margin-top: -15px;}
	.contactbanner .cont{ width: 80%; left: 10%;}
	.newsbox .list .li{ visibility: unset!important;}
	
	.rightnavbox .top .li .img{ display: none!important;}
	
	.rightnavbox .bot{ display: none;}
	.rightnavbox .top{ width: 100%;}
	.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev{ display: none;}
	.indexbanner .swiper-pagination{ opacity: 1; color: #fff; font-size:14px;}
	
	.indexbanner .cont {} 
	
	.indexbanner .swiper-pagination span{ color: #fff;}
}

@media (max-width: 1660px) and (min-width: 1440px) {
	.indexlist .top{ width: 5rem;}
	.aboutone .text{ padding-top: 1rem;}
	.aboutone .text .h1{ font-size: 26px; line-height: 36px;}
	.aboutone .text .p{ font-size: 14px; line-height: 28px;}
	.aboutrent .cont .p{ font-size: 30px;}
	.contactbox .cont{ width: 1210px;}
	.contactbox .cont .left{ padding-top: 175px; width: 540px;}
	.contactbox .cont .right{ padding-top: 60px;}
	.titles .h1{ font-size: 30px;}
	.indexbanner .text .h1{ font-size: 50px;}
	.indexbanner .text .h2{ font-size: 40px;}
}

@media (max-width: 1440px) and (min-width: 1280px) {

	

}

@media screen and ( max-width:1004px ){
    .wal, .wal2 {width: 100%;}
    .indexPart1{ height: auto; }
	.indexPart1:before{ display: none;}
	.indexPart1:after{ display: none;}
	.indexPart1 .leftDiv{width: auto;float: none;padding: 1.1rem 0.3rem 2.0rem;background: url(../images/indexPart1.jpg) center bottom no-repeat;background-size: 100%;}
	.indexPart1 .leftDiv .wen{ font-size: 0.32rem; line-height: 0.42rem;}
	.indexPart1 .leftDiv .content{ font-size: 0.28rem; line-height: 0.52rem; padding-right: 0; }
	.indexPart1 .leftDiv .name{ display: none; }
	.indexPart1 .btnDiv a{ width: 2.26rem; height: 0.84rem; line-height: 0.84rem; font-size: 0.28rem; }
	.indexPart1 .rightDiv{ width: auto; padding: 0 0.3rem 0.3rem; height: auto; background: url(../images/indexPart1-1.jpg) center bottom no-repeat; background-size: cover;}
	.indexPart1 .numList{ width: auto; }
	.indexPart1 .numList li{    padding-top: 0.5rem; padding-bottom: 0.3rem;height: auto; }
	.indexPart1 .numList li:nth-child(even){ float: right;}
	.indexPart1 .numList li:last-child{ width: 100%; }
	.indexPart1 .numList li p{ font-size: 16px; }
	.indexPart1 .numList li b{ padding-right: 0.15rem; }
	.indexPart1 .numList li .num{ font-size: 0.24rem; }
	.indexPart1 .numList li .numUp{ font-size: 0.56rem; line-height: 0.56rem; padding-right: 0.1rem; }
	.indexPart1 .botList{display: none; }
	.indexTitle .title2{ padding-top: 0.15rem;}
	.indexPart0-tit { padding-top:30px;}
	.indexPart0-tit-ttc{ padding:10px;}
	.indexPart0-ul{}
	.indexPart0-ul-li{ width:48%; float:left; margin:1%;}
	.indexPart2 {padding: 0 0 30px 0;}
}


@media (max-width: 480px){

.indexPart0-ul-li{ width:98%; float:left; margin:1%;}	

}

@media (max-width: 1280px) and (min-width: 950px) {  }

.indexjion .cont .more .li a,

.newsdata .cont .left .more a i,

.aboutoot .list .li a{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.indexentryu .bot .right a .text .p,

.newsbox .list .li .mk .time .h{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.threeindex .mkbox .text .right .p,

.newsbox .list .li .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.fiveindex .right .li a .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}