/*首页产å“显示*/
.bggray {
background-position: 50% 50%;
/* padding: 40px 0px 0px; */
background-repeat: no-repeat;
background-size: cover;
background-color: rgb(245, 245, 245);
}
/*产å“ç›¸å…³æ ·å¼*//*tempro-pro*/
.tempro-pro .interval{padding:0 7px;}
.tempro-pro .col-xs-6{padding:0 8px;}
.tempro-pro .col-lg-2:nth-of-type(6n+1),
.tempro-pro .col-lg-3:nth-of-type(4n+1),
.tempro-pro .col-lg-4:nth-of-type(3n+1),
.tempro-pro .col-lg-6:nth-of-type(2n+1){clear:both;}
.tempro-pro .product-li{margin: 0 15px 20px 0;width:335px}
.tempro-pro .product-li .images{position:relative;height: 335px;}
.tempro-pro .product-li .images::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.3s ease 0s;z-index:1;}
.tempro-pro .product-li:hover .images::after{opacity:.8;}
.tempro-pro .product-li .portfolio-icon{position:absolute;width:100%;height:46px;top:50%;margin-top:-10px;left:0;transition:all 0.3s ease 0s;z-index:2;text-align:center;opacity:0;}
.tempro-pro .product-li:hover .portfolio-icon{opacity:1;margin-top:-23px;}
.tempro-pro .product-li .portfolio-icon a{width:46px;height:46px;line-height:46px;margin:0 6px;border-radius:50%;background:#fff;color:#232323;display:inline-block;font-size:22px;text-align:center;transition:all 0.2s ease 0s;border:2px solid #fff;}
.tempro-pro .product-li .portfolio-icon a:hover{background:none;transform:scale(1.1);color:#fff;}
.tempro-pro .product-li img{width:100%;height: 100%;}
.tempro-pro .product-li .text{width:100%;display:block;background:#fff;padding: 10px 10px;color:#232323;text-align:center;}
.tempro-pro .product-li .text .title{font-size:14px;margin-bottom:5px;font-weight:600;min-height: 40px;}
.tempro-pro .product-li .text .description{font-size:12px;line-height:14px;opacity:.5;min-height: 14px;}
.tempro-pro .pro-show{width:100%;height:100%;background:rgba(0,0,0,.5);transition:all .5s;visibility:hidden;opacity:0;display:block;}
.tempro-pro .pro-show.active{visibility:visible;opacity:1;}
.tempro-pro .pro-show span.icon-clear{width:40px;height:40px;line-height:40px;font-size:40px;cursor:pointer;position:absolute;top:20px;right:20px;text-align:center;opacity:.5;z-index:5;}
.tempro-pro .pro-show .swiper-container{width:100%;height:100%;background:rgba(0,0,0,.9);padding:40px 0;}
.tempro-pro .pro-show .swiper-container img{max-width:100%;height:100%;margin:0 auto;display:block;width:auto;}
.tempro-pro .pro-show .swiper-button-prev, .tempro-pro .pro-show .swiper-container-rtl .swiper-button-next{background-image:url(../images/zuojiantou.png);left:20px;}
.tempro-pro .pro-show .swiper-button-next, .tempro-pro .pro-show .swiper-container-rtl .swiper-button-prev{background-image:url(../images/youjiantou.png);right:20px;}
.tempro-pro .pro-show .swiper-button-next, .tempro-pro .pro-show .swiper-button-prev{width:32px;height:32px;opacity:.7;transition:all .3s;background-size:100% auto;}
.tempro-pro .pro-show .swiper-button-next:hover, .tempro-pro .pro-show .swiper-button-prev:hover{opacity:1;}
.tempro-pro .pro-show .swiper-container-horizontal > .swiper-pagination-bullets,
.tempro-pro .pro-show .swiper-pagination-custom,
.tempro-pro .pro-show .swiper-pagination-fraction{color:#fff;}
.tempro-pro .pro_price{padding-top:15px;}
.tempro-pro .pro_price i{font-style:normal;}
.tempro-pro .pro_price b{font-weight:normal;}
.tempro-pro .pro_price .price_origin{opacity:.5;}
.tempro-pro .swiper-slide{opacity:0!important;display:flex;align-items:center;}
.tempro-pro .swiper-slide.swiper-slide-active{opacity:1!important;}
@media (max-width:768px){
.tempro-pro .container{padding-left: 2%!important;padding-right: 2%!important}
.tempro-pro.full-screen-spacing .container{padding-left: 0!important;padding-right: 0!important}
.tempro-pro .interval{margin:0!important;padding: 0;}
.tempro-pro .pro-show .swiper-container img{max-width:60%;max-height:100%;height:auto;}
.tempro-pro .pro-show .swiper-button-next, .tempro-pro .pro-show .swiper-button-prev{width:20px;height:20px;}
.tempro-pro .pro-show span.icon-clear{font-size:30px;}
.tempro-pro .pro-show .swiper-container-horizontal > .swiper-pagination-bullets,
.tempro-pro .pro-show .swiper-pagination-custom,
.tempro-pro .pro-show .swiper-pagination-fraction{top:auto;bottom:10px;}
.tempro-pro .product-li .text{padding:10px;}
.tempro-pro .pro_price{padding-top:0;}
.tempro-pro .product-li .text .title {
margin-bottom: 0;
font-size: 16px;
font-weight: inherit;
height: 52px;
overflow: hidden;
}
.box .text a {
font-size:14px!important;
}
}
@media (max-width: 767px){
.tempro-pro .col-xs-6:nth-of-type(n){clear:none;}
.tempro-pro .col-xs-6:nth-of-type(2n+1){clear:both;}
}
@media (max-width:480px){
.tempro-pro .pro-show span.icon-clear{top:10px;right:10px;font-size:20px;width:20px;height:20px;line-height:20px;}
.tempro-pro .pro-show .swiper-button-prev, .tempro-pro .pro-show .swiper-container-rtl .swiper-button-next{left:10px;}
.tempro-pro .pro-show .swiper-button-next, .tempro-pro .pro-show .swiper-container-rtl .swiper-button-prev{right:10px;}
.tempro-pro .product-li .portfolio-icon a{height:34px;width:34px;line-height:30px;margin:0 4px;font-size:18px;}
}
@media (max-width:360px){
.tempro-pro .col-xs-6{width:100%;}
.tempro-pro .pro-show .swiper-container img{max-width:70%;}
}
.box .text a {
font-size: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
height: 40px;
margin-top: 10px;
}
/*工程案例*/
.tem09-main-products{padding:10px 5px;}
.tem09-main-products.content-section{padding: 20px 0 0 0;}
.tem09-main-products .interval{padding:0 12px;}
.tem09-main-products .wow{padding:3px 5px;}
.tem09-main-products .wow .images{width:100%;position:relative;padding-top:75%;overflow:hidden;}
.tem09-main-products .wow .images img{width:100%;height:100%;position:absolute;left:0;top:0;}
.tem09-main-products .wow .pro-text{height: 60px;border-top:1px solid transparent;padding:5px 0; transition:all 0.5s ease-out 0s;}
.tem09-main-products .wow:hover .pro-text{border-top:1px solid #ddd;}
.tem09-main-products .wow .pro-text .t-left{max-width:70%;float: left;padding-left: 10px;transition:all 0.5s ease-out 0s;}
.tem09-main-products .wow:hover .pro-text .t-left{transform:translateX(10px);}
.tem09-main-products .wow .pro-text .title{font-size:14px;color:#666;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.5s ease-out 0s;}
.tem09-main-products .wow .pro-text .description{font-size:12px;color:#888;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.5s ease-out 0s;}
.tem09-main-products .wow .pro-text .btn{float: right;font-size:18px;color:#666;padding: 0 10px;height: 50px;line-height: 50px;transition:all 0.5s ease-out 0s;}
.tem09-main-products .wow .pro-text .btn span{display:inline-block;text-align:right;}
.tem09-main-products .wow:hover .pro-text .btn{transform:translateX(-10px);}
.tem09-main-products .owl-theme .owl-controls{width: 100%; height: 60px;text-align:center;-webkit-tap-highlight-color:transparent;position:absolute;left:0;top: 50%; margin-top: -30px; }
/*.tem09-main-products .owl-theme .owl-nav{height: 60px;}*/
.tem09-main-products .owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:0;margin:5px;background:#d6d6d6;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;}
.tem09-main-products .owl-theme .owl-nav [class*=owl-]:hover{background:#2c2c2c;color:#2c2c2c;text-decoration:none;display:inline-block;}
.tem09-main-products .owl-theme .owl-nav .disabled{opacity:.5;cursor:default;}
.tem09-main-products .owl-theme .owl-nav div{ width: 50px; height: 50px; float: left; border-radius: 0 !important; display: block !important;}
.tem09-main-products .owl-theme .owl-nav .owl-prev{ background: url(../images/themes.png) no-repeat 0px 0px !important;}
.tem09-main-products .owl-theme .owl-nav .owl-prev:hover{background-position:0px -50px !important;}
.tem09-main-products .owl-theme .owl-nav .owl-next{float: right; background: url(../images/themes.png) no-repeat -205px 0px !important;}
.tem09-main-products .owl-theme .owl-nav .owl-next:hover{background-position:-205px -50px !important;}
.tem09-main-products .owl-theme .owl-dots .owl-dot{display:none;zoom:1;*display:inline;}
.tem09-main-products .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.tem09-main-products .owl-theme .owl-dots .owl-dot.active span,
.tem09-main-products .owl-theme .owl-dots .owl-dot:hover span{background:#869791;}
.tem09-main-products .owl-theme .owl-dot span{background:none;}
.tem09-main-products .owl-theme .owl-dot span{width:50px;height:50px;position: absolute;cursor: pointer;z-index:8;border-radius:0;}
@media (max-width:991px){
.tem09-main-products .owl-theme .owl-controls .owl-dot span{background:none;}
}
@media (max-width:768px){
.tem09-main-products .container{padding-left: 2%!important;padding-right: 2%!important}
.tem09-main-products.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
.tem09-main-products.content-section{padding:10px 0;}
.tem09-main-products .interval{padding:0; margin:0!important;}
}
@media (max-width:414px){
.tem09-main-products .wow{padding:0;}
}
.tem59-service .col-xs-6{border-right:1px solid #ededed}
.tem59-service .col-lg-2:nth-of-type(6n+1){clear:both}
.tem59-service .col-lg-3:nth-of-type(4n+1){clear:both}
.tem59-service .col-lg-4:nth-of-type(3n+1){clear:both}
.tem59-service .col-lg-6:nth-of-type(2n+1){clear:both}
.tem59-service .col-lg-2:nth-of-type(6n),
.tem59-service .col-lg-3:nth-of-type(4n),
.tem59-service .col-lg-4:nth-of-type(3n),
.tem59-service .col-lg-6:nth-of-type(2n){border-width:0}
.tem59-service .box{width:100%;display:block;color:#232323;padding:8%}
.tem59-service .text{color:inherit}
.tem59-service .text span{font-size:36px;opacity:.4;transition:all .35s ease-in 0s;color:inherit}
.tem59-service .title{color:inherit;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:inherit;margin:15px 0 5px}
.tem59-service .description{width:100%;opacity:.7;font-size:14px;line-height:24px;color:inherit}
.tem59-service .text .title {
float: right;
width: 83%;
}
@media(max-width:768px){
.tem59-service .container,
.tem59-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
.tem59-service .col-xs-6:nth-of-type(n){clear:none;width: 100%;}
.tem59-service .col-xs-6:nth-of-type(2n+1){clear:both}
.tem59-service .col-xs-6:nth-of-type(n){border-width:1px}
.tem59-service .col-xs-6:nth-of-type(2n){border-width:0}
/*.tem59-service .box{padding:5% 3%;display: inline-block;display: -webkit-flex;align-items: flex-start;}*/
.tem59-service .box{padding:5% 0;display:inline-block;}
.tem59-service .text span{font-size:22px}
.tem59-service .title{margin:10px 0 5px;white-space: normal;text-overflow: normal;}
.tem59-service .description{white-space: normal;text-overflow: normal;}
.tem59-service .txt{padding-left: 5%;}
.tem59-service .txt .title{margin-top: 0;}
.tem59-service .text .title {
float: right;
width: 90%;
}
#home .tempro-pro .box{
width:100%!important;
margin: 0 auto 20px!important;
}
#home .tempro-pro .box .wow{
width:50%;
}
#home .tempro-pro .product-li{
width:100%;
}
.tempro-pro .product-li .images{
height:220px;
}
#home .tem00-list-title{
padding:0;
}
.new-title-1{
/* padding:20px!important; */
}
.new-title-2{
margin-top:-5px!important;
padding:10px!important;
}
}
@media(max-width:440px){
.tem59-service .animated {border-right:0;border-bottom:1px solid #ededed;width:100%!important;max-width: 100%;}
.tem59-service .box{padding-top:3%;padding-bottom:3%}
}
.toggle-btn {
margin-top: 10px;
border-top: 1px solid red;
text-align: right;
}
#home .tempro-pro .box{
width:1400px;
margin: 0 auto 50px;
}
#home .tem00-list-title{
/* padding-top:50px; */
}
#home .title-section{
padding:0;
}
.index-imgas{
height: 200px;
}
.new-title-1{
padding-top:45px!important;
}
.new-title-2{
margin-top: -25px;
}