.textof{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.textof2{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.textof3{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.textof4{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

body{

	max-width: unset;

}

.index .index-box2{background-size: cover;}

.page-ban .img img{width: 100%;}

.case .case-box1 .tabBox a.on{

	color: #b32323;

}

.news .news-box1 .tabBox a.on{

	color: #b32323;

}

.social-share .icon-wechat{

    color: #fff;

    background-color: #cccccc;

    border: none;

}

.social-share .icon-wechat:hover{

    background-color: #b32323;

}

.social-share .icon-wechat .wechat-qrcode{

    top: calc(100% + 15px);

    height: 150px;

}

.social-share .icon-wechat .wechat-qrcode:after{

    display: none;

}

.social-share .icon-wechat .wechat-qrcode .help{

    display: none;

}

.contact .contact-box1 .list .item:nth-child(1):hover .item-box{

	background: url(../images/contact/contact-box1-item-bg2.jpg) no-repeat center;

    background-size: cover;

}

.contact .contact-box1 .list .item:nth-child(2):hover .item-box{

	background: url(../images/contact/contact-box1-item-bg.jpg) no-repeat center;

    background-size: cover;

}

.contact .contact-box1 .list .item:nth-child(3):hover .item-box{

	background: url(../images/contact/contact-box1-item-bg3.jpg) no-repeat center;

    background-size: cover;

}

#header .header-pc .content .head-right .nav dt a.xxyon{

	color: #333;

}

#header .header-pc .content .head-right .nav dt a.xxyon::before{

	height: 0;

}

.case-d .case-d-box .item-name .img{padding-top: 6px;}

.case-d .case-d-box .information{font-size: 16px;color: #555555;line-height: 1.6;}

.index .index-box3 .wrap-box .text em{margin-left: 0;}

.news .news-box1 .list .item .text-box .title{max-width: unset;}

.about .about-box6 .slide-box .about-slide6 .img img{transition: 0.5s;}

.about .about-box6 .slide-box .about-slide6 .img:hover img{transform: scale(1.05);}

.about .about-box7 .list .item .img{transition: 0.5s;}

.about .about-box7 .list .item .img:hover{transform: translateY(-5px);}

.index .index-box5 .slide-box .index-slide5{padding-bottom: 60px;}

.index .index-box5 .slide-box .index-slide5 .img{transition: 0.5s;}

.index .index-box5 .slide-box .index-slide5 .img:hover{transform: translateY(-5px);}

.contact .contact-box3 .wrap-box .wrap-le .form-control{background-color: #e9e9e9;}

.spbtnbox{position: absolute;top: 0;left: 0; display: flex;display: -webkit-flex;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);}

.spbtnbox .spbtn{border-radius: 50%;border: 1px solid #fff;width: 50px;height: 50px;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}

.index .index-box8 .slogan .name{display: none;}

.index .index-box8 .text-call{transform: scale(1.2);}

.footerslide{display: none;}



@media (max-width: 1366px){

.about .about-box2 .list .item .item-box .text-box .text{min-height: 72px;}

}

@media (max-width: 1200px){

.about .about-box2 .list .item .item-box .text-box .text{min-height: unset;}

}

@media (max-width: 1100px){

.about .about-box2 .list .item .item-box .text-box .text{min-height: 66px;}

}

@media (max-width: 770px){

.about .about-box2 .list .item .item-box .text-box .text{min-height: unset;}

}

@media (max-width: 768px){

.index .index-swiper{height: 66.66vw;}

.index .index-swiper .swiper-slide{height: 66.66vw;}

.case-d .case-x .slide-box .case-slide .swiper-pagination{bottom: 0;}

#header .header-mobile .header .logo{width: 400px;height: 48px;margin-top: 7px;}

.mobiletoptitle{background-color: #b32323;font-size: 15px;color: #fff;padding-left: 17.5px;line-height: 2;}

.footerslide{position: sticky;z-index: 998; bottom: 0;display: flex;display: -webkit-flex;background-color: #b32323;align-items: center;text-align: center;height: 60px;color: #fff;}

.footerslide .partbox{width: 25%;box-sizing: border-box;border-right: 1px solid #ccc;display: -webkit-flex;align-items: center;justify-content: center;flex-direction: column;}

.footerslide .partbox:last-child{border-right: 0;}

.footerslide .partbox .imgbox{width: 20px;height: 20px;display: flex;margin: 3px 0;}

.index .index-box1 .list .item{width: 100%;}

.index .index-box4 .wrap-box .text{display: none;}

#footer .up, #footer .link-title, #footer .link{display: flex;}

#footer .up .footer-ico,#footer .up .foot-nav{display: none;}

#footer .up .text{width: 63.2%;}

#header .tool-bar a:first-child{display: none;}

.index .index-box7 .list .item{width: 50%;}

.index .index-box7 .list .item .item-box .text-box .name{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 44px;

}

.index .index-box7 .list .item .item-box .text-box .label{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 38px;

}

.index .index-box7 .list .item .item-box .text-box .text{

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    height: 144px;

}

.index .index-box4 .wrap-box .wrap-le{display: none;}

#header .header-mobile .header{height: 55px;}

#header .header-mobile .header .ham{height: 55px;width: 55px;}

#header .tool-bar.top .totop{display: none;}

#header .header-mobile .navBox .nav-ri{flex: unset;order: 1;}

#header .header-mobile .navBox .menu_form{padding-bottom: 0px;}

#header .header-mobile .navBox{height: calc(100vh + 100px);}

#footer .up .text p,#footer .wrap-box .down .text,#footer .wrap-box .down .text{color: #fff;}



}
.index .index-swiper .content .ani .title{text-align: center;}




@keyframes fadeInUpsb{

	0%{transform: translateY(22px);}

	100%{transform: translateY(0px);}

}

@keyframes fadeInUpsbsb{

	0%{transform: translateY(44px);}

	100%{transform: translateY(0px);}

}

.index .index-box6 .wrap-box .item:not(:first-child):hover .item-box .text-box .name, .index .index-box6 .wrap-box .item:not(:first-child):hover .item-box .text-box .label{

	animation: fadeInUpsbsb .5s linear 1 forwards;

}
.i-about { clear:both; width:100%; padding-top:80px; background:url(../images/i-about.jpg) top center no-repeat; overflow:hidden; padding-bottom:80px;}
.i-about .box { width:1200px; margin:0 auto;}
.i-about .nav { width:40%; background:#FFFFFF; overflow:hidden; text-align:left; padding:50px 30px;font-family:"΢ÈíÑźÚ"; font-size:18px; }
.i-about .nav strong { font-size:30px; clear:both;font-family:"΢ÈíÑźÚ" }
.i-about .more { width:120px; text-align:center; }
.i-about .more  a { display:block;font-size:18px; border:1px solid #ccc;border-radius: 10px; padding:10px 20px; margin-top:30px;}
.i-about .more  a:hover { display:block;font-size:18px; border:1px solid #dadada;border-radius: 10px; padding:10px 20px; background:#4dbbc4; margin-top:30px;}
.i-ry { width:1200px; margin:0 auto; overflow:hidden; padding-bottom:30px; padding-top:30px;}
.i-ry .ryl { float:left; width:50%;font-family:"΢ÈíÑźÚ";}
.i-ry .ryl .tit { clear:both; text-align:left; font-size:28px; font-weight:bold;}
.i-ry .ryl .tit2 { clear:both; text-align:left; padding-top:10px; font-size:18px; font-weight:200; color:#999999;}
.i-ry .ryl .tit3 { clear:both; padding-top:40px; font-size:22px;}
.i-ry .ryl .tit4 { padding-top:10px; font-size:16px; }
.i-ry .ryl .more { width:120px; text-align:center; }
.i-ry .ryl .more  a { display:block;font-size:18px; border:1px solid #ccc;border-radius: 10px; padding:10px 20px; margin-top:30px;}
.i-ry .ryl .more  a:hover { display:block;font-size:18px; border:1px solid #dadada;border-radius: 10px; padding:10px 20px; background:#4dbbc4; margin-top:30px;}
.i-ry .ryr { float:left; width:48%; padding-left:2%; text-align:left;}
.i-ry .ryr img { width:100%;
}
@media (max-width:1024px){
	.i-ry .ryl { clear:both; width:95%; margin:0 auto;font-family:"΢ÈíÑźÚ";}
	.i-ry .ryr { clear:both; padding-top:20px; width:95%; margin:0 auto; font-family:"΢ÈíÑźÚ";}
	.i-ry .ryr img { max-width:640px; width:80%;}
}