.laytop{width: 55px;height: 55px;border-radius: 100%;position: fixed;bottom: 20px;right: 20px;background: #01b4ed url(../png/laytop.png) no-repeat center;z-index: 999;cursor: pointer;background-size: contain;}
.wats{bottom: 85px;background: #48c856 url(../png/laytop2.png) no-repeat center;}
.wats a{width: 55px;height: 55px;display: block;}
.wats p{position: absolute;height: 55px;line-height: 55px;background: #48c856;color: #fff;top: 0;right: 65px;padding: 0 30px;display: none;}
.wats:hover p{display: block;}

.c{clear: both;}
.top_follow{float: right;}
.top_follow{display:inline-block;}
.top_follow i{display:inline-block;width: 24px;height: 24px;border-radius: 500px;text-align: center;line-height: 24px;}
.top_follow svg{width:18px;height:18px;fill:#999;vertical-align: middle;}
.top_follow a{display:inline-block;vertical-align:middle;margin-left:5px;float: left;background: none;}
.top_follow a:last-child{margin-right: 0;}
.top_follow i{background: none!important;}
.top_follow2{float: left;}
.top_follow2 svg{fill:#fff;}
.top_follow2 i{background: #01b4ed!important;}

.about .mod3{background-size: cover;}
.rd .article>p{text-align: inherit;}
.caseshow li .imgarea{height: auto;}


.imgfd{overflow: hidden;width: 100%;position: relative;padding-top: 70%;}
.imgfd img{transition: all 0.5s ease;height: 100%!important;width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;display: block;margin: auto;z-index: 1;}
.imgfd:hover img{transform: scale(1.1);}


.casecontent .article_mod2 .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.casecontent .article_mod2 .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 99;transition:all 1s;display: none}
.casecontent .article_mod2 .bigbox{overflow: hidden;}
.casecontent .article_mod2 .bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.casecontent .article_mod2 .bigbox>.imgbox>img{width:100%;}
.casecontent .article_mod2 .imgbox:hover{cursor:zoom-in}
.casecontent .article_mod2 .mask:hover{cursor:zoom-out}
.casecontent .article_mod2 .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.casecontent .article_mod2 .mask>img:hover{cursor:pointer}

.wwwwf li{margin-bottom: 0;}
.navbar_nav li .leve1{height: 50px;overflow: hidden;max-width: 72px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.navbar_nav li:nth-child(5) .leve1{max-width: 106px;}
.navbar_nav li:nth-child(6) .leve1{max-width: 95px;}
.navbar_nav li:nth-child(7) .leve1{max-width: 107px;}
.navbar_nav li:nth-child(8) .leve1{max-width: 85px;}
@media (max-width: 1300px){
    .header .top_r li.search{display: none;}
}
@media (max-width: 1100px){
    .navbar_nav li .leve1{max-width: 70px!important;}
}
@media (max-width: 992px){
	.laytop,.wats a{width: 45px;height: 45px;}
	.laytop{bottom: 70px;right: 10px;}
	.wats{bottom: 120px;}
	.about .mod3 .txtarea,.about .mod3 .imgarea{width: 100%;}
	.about .mod3 .txtarea{padding: 10px;}
	.q_link a{margin: 0;}
	.sub_info{line-height: 20px;padding: 15px 0 5px;}
	.sub_info span{margin-bottom: 8px;display: inline-block}
	.q_link a{width: 32%;height: 40px;line-height: 40px;display: inline-block;padding: 0;margin-bottom: 5px;margin-right: 2%;float: left;}
	.q_link a:last-child{margin-right: 0;}
	.fixed-b{padding: 10px 0;}
	.casecontent.scroll .q_link{width: calc( 100% - 20px );}
	.inner .caselist .more,.inner .newslist .txtarea .more{display: none;}
	.inner .caselist h5,.inner .newslist .txtarea h5{white-space: inherit;line-height: 20px;height: 60px;font-size: 14px;}
	.inner .newslist .txtarea h5{height: auto;}
	.skip{margin-top: 30px;}
	.casecontent .article_mod2 .bigimg{border: 5px solid #fff;}
	.casecontent .article_mod2 .article img{width: 90%!important;margin-left: 5%;}
	.right_side{padding-left: 0;}
	.inner .newslist .txtarea .des,.inner .caselist .des{display: none;}
	.inner .newslist .txtarea h5{margin-bottom: 0;}
	.inner .caselist h5{height: 80px;}
}
@media (max-width: 560px){
    .inner .prolist li{width: 100%;}
    .inner .prolist li h5{height: auto;margin-bottom: 5px;}
    .inner .prolist li .wrap .imgarea{height: 60vw;}
    .inner .prolist li .txtarea{padding-bottom: 0px;}
}



