body{font-size:14px;line-height:30px;font-family: "Microsoft YaHei UI Light";}
h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}
li,ul{list-style:none}
.top{background:#333;height:50px; position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
.top-bar{ display: flex; align-items: center; justify-content: space-between; flex-direction: row; height: 50px;}
.top a{ color: #fff; display: inline-block;padding-right: 10px;}
.top-tel{ flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
button.telefono {
    color: #26348c;
    border: none;
    background-color: white;
    padding:0 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px;
    border-radius: 18px;
    position: relative;
}
button.telefono a {
    color: #333;
    cursor: pointer;
    padding: 0px 5px;
    font-family: "Ubuntu", sans-serif;
}
#fastassistance {
    text-align: right;
    color: white;
    font-weight: bold;
    display: inline-block;
    line-height: 16px;
    font-family: "Ubuntu", sans-serif;
    margin-left: 20px;
    margin-right: 5px;
}
#fastassistanceimg{ width: 32px;}
a,a:hover{text-decoration:none}
.fast-header a{line-height: 30px; padding-top: 15px; padding-left: 130px; font-size: 30px; font-weight: 700 !important; color: #ff6600; text-transform: uppercase;}
.fast-header a img{ width: 90px;height: 90px; margin-right: 30px;}
.content_wrapper{color: black; line-height: 22px; margin-top: 20px; clear: both; font-size: 16px; }
.fast-wrapper{padding: 20px 100px;}
.content_wrapper .btn-me{font-family: Ubuntu,Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 50px;
	margin-left: auto;
	margin-right: auto;
    background-size: 36px;
    background-color: #25d366;
    background-position: right center;
    background-repeat: no-repeat;
	width: 210px;
	color: #fff;
	border-radius: 18px;
    background-image: url(../images/whatsapp.png);}
.header{padding:10px 0; margin-top: 50px;}
.header .logo{float:left}
.header .logo img{ max-width:300px; max-height: 70px;}
/*.header .search{float:right;margin-top:27px}
.header .search .input-text{border:solid 1px #ddd;outline:0;line-height:24px;padding:5px;width:240px}
.header .search .input-btn{border:none;outline:0;background:#1d589e;border-radius:0 5px 5px 0;overflow:hidden;color:#fff;font-size:14px;padding:5px 20px;line-height:24px}*/
.thumb{overflow:hidden}
.header .nav{ float: right;}
.header .nav ul{ display: flex; flex-direction: row;}
.header .nav li{line-height:70px;padding:0 20px;position: relative;}
.header .nav li.on a{text-transform:uppercase; color: #615e5d; border-bottom: solid 1px #ff6600;}
.header .nav li a{color:#666;font-size:20px; display: inline-block; line-height: 30px;/*text-transform:uppercase*/}
.header .nav li > ul{
	position: absolute;
	left: 0;
	z-index: 1;
	width: 240px;
	background: #fff;
	display: none;
	flex-direction: column;
	border:solid 1px rgba(0,0,0,.1);
}
.header .nav li > ul li{
	padding:5px 10px;
	border-bottom:solid 1px rgba(0,0,0,.1);
	line-height: 30px;	
}
.header .nav li > ul li>ul{
	display: none;
	left: 238px;
	top: 0;
}
.header .nav li > ul li a{
	color: #333;
	font-size: 16px;
}
.header .nav li > ul li span{
	float: right;
}
.header .nav li:hover > ul{
	display: block;
	color: #000;
}
.header .nav li > ul li:hover{
	background: #ff6600;
}
.header .nav li > ul li:hover > a ,.header .nav li > ul li:hover >span{
	color: #fff;
}
.header .nav li > ul li:hover> ul{
	display: block;
}
/* .nav {
	float: right;
  }
  .nav ul {
	*zoom: 1;
	list-style: none;
	margin: 0;
	padding: 0;
  }
  .nav ul:before,
  .nav ul:after {
	content: "";
	display: table;
  }
  .nav ul:after {
	clear: both;
  }
  .nav ul > li {
	float: left;
	position: relative;
  }
  .nav a {
	display: block;
	padding: 10px 20px;
	line-height: 1.2em;
  }
  .nav a:hover {
	text-decoration: none;
	background: #595959;transition:all .7s ease 0s;
  }
  .nav li ul {
	position: absolute;
	left: 0;
	top: 36px;
	z-index: 1;
  }
  .nav li ul li {
	width: 200px;
  }
  .nav li ul a {
	border: none;
  }
  .nav li ul a:hover {
	  font-weight: bold;
  }

.nav ul > li:hover ul li {
	height: 36px;
  }

  .nav li ul li {
	overflow: hidden;
	height: 0;
	-webkit-transition: height 200ms ease-in;
	-moz-transition: height 200ms ease-in;
	-o-transition: height 200ms ease-in;
	transition: height 200ms ease-in;
  } */

.banner{position:relative}
.banner .owl-pagination{position:absolute;left:0;right:0;bottom:0}
.banner .owl-theme .owl-controls .owl-page span{width:20px;height:2px;border-radius:0}
.banner .owl-theme .owl-controls .owl-page.active span,.banner .owl-theme .owl-controls.clickable .owl-page:hover span{background:#ff6600;}
.main .title{margin-top:80px;display: flex;flex-direction: row;justify-content: space-between; align-items: center;}
.main .title h4{font-size:20px;color:#333;display:inline-block;position:relative}
/*.main .title h3:after{content:'';display:inline-block;position:absolute;left:0;right:0;height:2px;bottom:-8px;background:#1d589e}
*/.main .title a.more{float:right;color:#666;font-size:14px;}
.projects{overflow: hidden;  background: #292929; margin-top: 50px;}
.projects .projects-box{position: relative;}
.projects .projects-box img{ width: 100%;}
.projects-box-bg{ position: absolute; overflow: hidden; left: 0;top:30px; bottom: 0; width:42% ; overflow: hidden; padding:5% 30px 0 0}
.projects-box-bg h3{ color:#ff6600; font-size: 30px;}
.projects-box-bg .text{color:#CCCCCC; font-size: 18px; margin-top: 30px; line-height: 24px;}
.projects-box-bg:hover .projects-box-img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);}
.projects-box-list{ margin-left: 42%;}
.projects ul li{transition:all .36s ease;position:relative;cursor:pointer;}
.projects ul li::after{position: absolute;top: 0;right: 0; display: block; width: 100%; height: 100%;content: ""; -webkit-transition: all .2s cubic-bezier(.42,0,.58,1);transition: all .3s cubic-bezier(.42,0,.58,1);color: #eadfdf; z-index: 0;background-color: rgba(62,180,94,.84);}
.projects ul li:nth-child(5n+1):after{
    background-color:rgba(255,108,0,.7);
}
.projects ul li:nth-child(5n+2):after{
    background-color:rgba(0,255,228,.7);
}
.projects ul li:nth-child(5n+3):after{
    background-color:rgba(129,255,13,.7);
}
.projects ul li:nth-child(5n+4):after{
    background-color:rgba(118,0,255,.7);
}
.projects ul li:nth-child(5n):after{
    background-color:rgba(255,0,159,.7);
}
.projects ul li:hover::after {  right: auto; left: 0; width: 100%;}
.projects ul li .item-wrapper{ position: absolute;top: 50%; width: 94%;margin-top: -48px; padding: 3%;text-align: center; z-index: 1;}
.projects ul li .item-wrapper h3{font-size:18px;margin-top: 30px; opacity: 1;transition: all .36s ease;color: #fff;line-height: 30px; font-weight: bold;}
.projects ul li .item-wrapper .subtitle { display: none; transition: all .36s ease;color: #fff;font-size: 14px;line-height: 22px; height: 26px;    margin-top: -26px;opacity: 1;}
.projects ul li:hover .item-wrapper h3{margin-top: 10px;opacity: 1;} 
.projects ul li:hover .item-wrapper .subtitle { margin-top: 10px;opacity: 1;} 
.projects ul li .thumb{position:relative}
.projects ul li .thumb .url-btn{position:absolute;bottom:0;left:0;height:100%;right:0;background:rgba(0,0,0,.6);transition:all .36s ease;opacity:0}
.projects ul li .thumb .url-btn p{position:absolute;top:50%;margin-top:-25px;left:0;right:0;text-align:center}
.projects ul li .thumb .url-btn p a{display:inline-block;width:50px;height:50px;border-radius:50%;overflow:hidden;background:#fff;margin:0 10px;text-align:center;line-height:50px}
.projects ul li img{max-width:100%;transition:all .36s ease}
.projects ul li h4{font-size:14px;line-height:24px;color:#000;padding:20px 10px;font-weight:400;position:relative;z-index:1}
.projects ul li h4:after{content:'';background:#1d589e;display:inline-block;position:absolute;left:0;top:0;bottom:0;width:0;transition:all .36s ease;z-index:-1}
.projects ul li:hover .thumb{position:relative}
.projects ul li:hover .thumb .url-btn{opacity:1}
.projects ul li:hover h4{color:#fff}
.projects ul li:hover h4:after{width:100%}
.projects ul li:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.why{ padding: 0 0 80px; background: #f5f5f5;}
.why-box{ padding-top: 40px;}
.why-box li{ position: relative; cursor: pointer;}
.why-box li h3{ position:absolute;transition:all .36s ease; left: 15px; right: 15px; top: 50%; margin-top: -20px; background: rgba(0,0,0,.8); line-height:40px;color: #fff; text-align: center; font-size:16px; height: 40px; overflow: hidden;}
.why-box li:hover h3{ top: 0; margin-top: 0; bottom: 0;  height: auto; line-height: 80px; padding-top: 5%;}
.why-box li h3:after{transition:all .36s ease; content: '\e60e';font-family:iconfont; font-size: 30px; position: absolute; left: 45%; display:block; margin: 5px auto; height:50px; width: 50px; background: #ff6600; border-radius: 50%; overflow: hidden; text-align: center; line-height: 50px;}
.why-box li:hover h3:after{ margin-top: 0px;}
.why-box li .thumb{ overflow: hidden;}
.why-box li .thumb img{ width: 100%;transition:all .36s ease;}
.why-box li:hover .thumb img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.footer {
	background: url(../images/abt-bj.jpg) no-repeat 10px center;
	background-size: 100% 100%;
	border-top: solid 1px #ddd;
	padding-top: 50px;
}
.footer-li {
	padding-bottom: 30px;
}
.footer-li .title {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 45px;
    color: #ff6600;
    font-weight: bold;
}
.footer-li li {
	/* padding-left: 15px;
	background: url(../images/wei-icon.jpg) no-repeat left 20px; */
	padding-top: 5px;
}
.footer-li li a {
	color: #666;
}
.footer-li li span {
	display: inline-block;
}
.footer-li li p {
	display: inline;
}
.copy {
	text-align: center;
	background: #333;
	color: #fff;
	line-height: 30px;
	padding: 20px 0;
}