@charset "utf-8";
.text-white { color:#fff !important; text-decoration: none !important; }
.box-referenze-details  { color:#fff !important; }
a.text-white { color:#fff !important; text-decoration: none !important;  }
input::placeholder { color: #ddd; font-weight: normal; }

.bgcolor-template-referenza {
    background-color: #000;
    border-top: 3px solid #dadada;
    border-bottom: 3px solid #dadada;
}

.titolo-referenza {
    font-size: 14px !important;
    line-height: 17px;
    font-family: Oswald,sans-serif;
    text-transform: none;
    font-weight: 400;
    letter-spacing: .5px;
    margin-bottom: 3px !important;
    margin-top: 13px !important;
    margin-left:10px;
}
.dettaglio-referenza {
    font-size: 12px !important;
    line-height: 17px;
    font-family: Oswald, sans-serif;
    text-transform: none;
    font-weight: 300;
    letter-spacing: .5px;
    margin-bottom: 0px !important;
    margin-left:10px;
}

.title-download  {
    font-size: 16px;
    line-height: 23px;
    font-family: Oswald,sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    width: 100%!important;
    padding: 0;
    margin: 0;
    text-decoration: none!important;
    background: #fff;
    position: relative;
    text-align: left;
    text-transform: uppercase!important;
    padding:15px;
}

a .text-download {
	font-size: 16px;
    line-height: 35px;
    font-family: Oswald,sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
	text-transform: uppercase!important;
	padding: 8px 15px 3px 15px; 
}
a .text-download:hover {

	background-color: #e8e5e5;
}

/*#header .header-logo {
    display: block;
    margin: 23px 0 23px 15px;
}
header.sticky .header-logo {
    margin: 5px 0 5px 15px!important;
}
header.sticky .logo-brand img,header.sticky .logo-brand img.retina{height:50px!important;transition:all .3s}
*/
/* referenze */
.elenco-referenze {margin-top:30px; margin-bottom: 0px;}
.elenco-referenze .referenze-box { margin: 5px;}
.referenze-box-txt { margin-top:10px; margin-bottom: 30px; padding:10px; background-color: #fff; height: 60px;
}
.referenze-box-referenza, .referenze-box-luogo { 
    color:#000;     
    font-size: 13px;
    line-height: 20px;
    font-family: Oswald,sans-serif;
    font-weight: 400; 
}

/*.referenze-box-img { width: 286px; height: 286px; overflow:hidden; }*/

@media (min-width: 992px) and (max-width: 1200px) { 
    .referenze-box-img { width: 316px; height: 316px; overflow:hidden; }
} 
@media all and (max-width: 991px) { 
    .referenze-box-img { width: auto; height: auto; overflow:hidden; }
}


/*add------------------2017-6-12*/
.img-c{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; align-content:center; flex-direction: row;flex-wrap: wrap;
}
.flex-cb{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:baseline; flex-direction: row;
}
.flex-c{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;
}
.flex-nc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;
}
.flex-ntc{ 
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: nowrap;
}
.flex-lt{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: wrap;
}
.flex-lc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;flex-wrap: wrap;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row;
}
.flex-ylc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-lb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row;
}
.flex-bc{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-nbc{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-rc{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row;
}
.flex-ct{ 
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:horizontal;
	display: flex; justify-content:center; align-items:flex-start; flex-direction: row;
}
.flex-rcn{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-hc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center; 
	display: flex; justify-content: center; align-items:center; flex-direction:column;
}
.flex-hlc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:center;
}
.flex-hbc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex; justify-content:space-between; align-items:center; flex-direction:column;
}



.flex-htl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:flex-start;
}
.flex-hbl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:column;align-content:flex-end;
}
.flex-hrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:center;
}
.flex-hlb{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:center; flex-direction:column;align-content:flex-start;
}
.flex-hrb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-end;
}
.flex-nlt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: nowrap;
}
.flex-nlc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-htc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: flex-start; align-items:center; flex-direction:column;align-content:center;
}
.flex-rb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:horizontal;
	display: flex; justify-content: flex-end; align-items:flex-end; flex-direction:row;
}
.flex-bt{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: wrap; align-content:flex-start;
}
.flex-nbt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:start; 
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: nowrap;
}
.flex-nrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align: end; -webkit-box-lines:word-break;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;
}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 3;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 5;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.pos-r{position: relative;}


.logoDiv{ background-color:#CCC;}
.paddingt10{ padding-top:20px !important;}
/*
.banner-size{ height:600px; overflow:hidden;}
*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.owl-pagination{ position:relative; top:-20px;}
.section-owl-carousel.home{padding-bottom:0;}
.pro_ads{ background-color:#fff; margin:40px 0; display:inline-block; width:100%; }
.pro_ads div{ float:left; padding-top:30px;}
.pro_ads h6,.pro_ads h2{ width:170px; padding:0 25px;font-family:Arial, Helvetica, sans-serif;}
.pro_ads img{ float:right;}
.fontf-arial{font-family:Arial, Helvetica, sans-serif !important;}
.news-img{max-height:400px;}
.news-tit{ position:absolute; bottom:0; height:25px; line-height:25px; background-color:rgba(0,0,0,0.7); color:#FFF; width:100%; padding-left:15px;}
#owl-carousel-news .owl-pagination{ position:relative; top:10px;}
.about-height{ height:520px; overflow:hidden;}
.fonts40{ font-size:40px !important; line-height:50px !important; padding-top:25px;}
.fonts20{ font-size:20px;}
.elenco .padding-none .content{bottom:120px;}
.floatl{ float:left;}
.floatr{ right:0;}
.margincenter{ margin:0 auto !important; float:none;}
.acss_1 a{ text-decoration:none;}
.pro-img-box{ height:330px; overflow:hidden; }
.pro-img-box-s{ height:250px; overflow:hidden;}
.pro-img-box table,.pro-img-box-s table{width:100%; height:100%;}
.col-lg-8{padding-left:20px;padding-right:20px}
.paddingb15{ padding-bottom:15px;}
.paddingb10{ padding-bottom:10px;}
#miaoshu table tr td{ padding:10px;}
.bg-f1f1f1{ background-color:#F1F1F1;}
.margintb40{ margin:50px 0;}
.imgright img{}
.height30{text-align: center; height:40px; overflow:hidden;}


/*add------------------2020-05-30*/
.my-logo{padding-left: 0;}
.my-logo img{height: 50px;}
.my-product .content{width: 100%; flex-grow: 1; box-sizing: border-box; padding: 0 15px;}
.flex-c{display: flex; justify-content: center; align-items: center;}

.my-download .img{ width: 100%; height: 150px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.my-download .img img{width: 100%;}


.hotproduct{padding-top: 0px;}
.hotproduct .container{padding-left: 13px; padding-right: 13px;}
.hotproduct .container .row{padding: 10px 10px 10px 10px;}
.hotproduct .portfolio-item{padding: 20px 0 10px 0; text-align: center; font-size:24px;}
.hotproduct .item{ overflow: hidden;  padding: 10px}
.hotproduct .item .img{width: 100%; height: 280px;position: relative; overflow: hidden;}
.hotproduct .item:nth-child(2) .img,.hotproduct .item:nth-child(3) .img{height: 350px;}
.hotproduct .item img{width:100%; height: 100%;}
.hotproduct .item .title{background-color: rgba(0,0,0,.6); color:#fff; position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px; box-sizing: border-box; padding: 0 20px; font-size: 16px; display: none;}
.hotproduct .item:hover .title{display: block;}
.zx-tip a{line-height: 50px;}


.showLayer1{width:100%; height: 100%; background-color:rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; display: none;}
.showLayer1 .mainpage{width: 100%; height: 100%;}
.showLayer1 .main1{z-index: 1000; background-color: #fff; width:500px; height: 380px; box-sizing: border-box; padding: 0px 15px; margin: 0 auto;}
/* .showLayer .con h1{padding:20px 0; border-bottom: 1px solid #ccc; font-size: 20px; line-height: 25px; text-align: center; font-weight: bold;}
.showLayer .con>div{z-index: 1000; font-size: 14px; text-align: justify; padding-top: 30px; padding-bottom: 20px; line-height: 25px;}
.showLayer .con>div img{max-width:100%;}
*/
.showLayer1 .main1 .tit1{width: 100%; height: 50px;}
.showLayer1 .main1 .tit1-1{flex-grow: 1; line-height: 50px;}
.showLayer1 .tit1 .close1{width:50px; height: 50px; flex-shrink: 0; line-height: 50px; color: #000; font-size: 30px; text-align: center; opacity: 1; cursor: pointer;}
.showLayer1 .close1 i{color:#000;} 

.showLayer1 .main1 .con1{}
.showLayer1 .main1 .con1 tr td{padding-top: 15px;}


.footer-information div{color: #fff;}
.footer-information a,.footer-information a:hover{color: #fff;}

.foot-1>div{padding-left: 0; padding-right: 0;}
.foot-1 .qrcode{text-align:center; flex-shrink: 0; margin-right: 20px; margin-top: 30px;}
.foot-1 .qrcode>img{width: 90px; height: 90px;}
.foot-1 .qrcode>p{text-align: center; font-size: 12px; margin:5px 0 0 0;}
.foot-1 .con{line-height: 25px; font-size: 14px;}
.foot-1 .con>p{margin-bottom: 0; margin-top: 10px;}
.foot-1 .con>p>a,.foot-1 .con>p>a:hover{color: #fff; text-decoration: none;}

.foot-2 .qrcode>img{width: 120px; height: 120px;}
.foot-3{text-align: center;}
.foot-3>div{display: inline-block;}
.foot-3 a,.foot-3 a:hover{color: #ccc !important; text-decoration: none;}

.contactus-1{margin-top: 50px;}
.newsdetail img{max-width: 100%;}

.searchBtn{text-align: center;}
.searchBtn img{width: 18px; height: 18px; margin-bottom: 3px;}

/* 搜索产品浮窗 */
.searchArea{position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0);display: none; margin-top: 30px;}
.searchArea .main{width: 100%; height: 100%;}
.searchArea .mainIn{width:600px; height: 350px; z-index: 1001; border-radius: 10px; background-color: rgba(255, 255, 255, .9); position: relative; padding:30px 50px; box-sizing: border-box; box-shadow: 0 0 10px 2px #ccc; }
.searchArea .mainIn .iclose{z-index:1002;color: #666; cursor: pointer; position: absolute; top: 10px; right: 10px;}
.searchArea .mainIn .iclose img{width: 30px; height: 30px; color: #666;}
.searchArea .mainIn .iclose:hover i{color: #000;}
.searchArea .mainIn input,.searchArea .mainIn input:focus{outline: none;}
.searchArea .mainIn input[type=text]{flex-grow: 1; height: 45px; padding:5px 20px; border: 1px solid #000; box-sizing: border-box; border-radius: 5px 0 0 5px; border-right: 0;  font-size: 16px;}
.searchArea .mainIn input[type=button]{width:100px; flex-shrink: 0; height: 45px; color: #fff; background-color:#000; padding:5px 20px;box-sizing: border-box; border-radius:0 5px 5px 0;border: 0; font-size: 14px; cursor: pointer; font-size: 16px;}
.searchArea .mainIn form input{display: block;}

.banner2 .item{height: 380px; width: 100%; overflow: hidden;}
.banner2 .item img{width: 100%; height: auto;}

.navbar-main .nav>li>a{font-size:16px; font-weight: bold !important; padding-left: 15px; padding-right: 15px; }

.videoitem{position: relative; z-index: 10;}

.videoitem .mask{position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);
opacity: 0;
filter: alpha(opacity=0); 
-moz-opacity: 0; 

}
.videoitem .mask>img{width: 50px; height: 50px;}
.itemlink:hover .videoitem .mask{
	opacity: 1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
}
.dong{
	transition:all .3s ease;
	-moz-transition:all .3s ease; /* Firefox 4 */
	-webkit-transition:all .3s ease; /* Safari and Chrome */
	-o-transition:all .3s ease; /* Opera */
}

/* .modal-dialog{top: 30px !important;} */
.modal-dialog{width:750px; max-height:650px;}
.modal-content iframe{ width:100%; height:500px;}
#video-area video{max-height: 500px;}
.modal-header .close{position: absolute; right: 20px; top: 20px;}

.aboutcon img{max-width: 100%;}
.navbar-nav li.on a{color:#006edd;}

.post-module .post-content .title2{line-height:20px; padding: 0 !important; margin: 5px 0 !important; min-height: 40px;}
.breadcrumb>li+li:before {
    color: #000;
}
#albero-categorie .breadcrumb li {
    font-size: 10px;
    margin: 0;
}