/*---------------------------------------------------------------------
  Header 
---------------------------------------------------------------------*/
ul,li,ol{margin:0;padding:0;list-style:none!important;}
#header{position:absolute; width:100%; z-index:99;}
#header.defualt{background: transparent; z-index: 999; padding: 0px; margin: 0px; position: absolute; width: 100%; }

/*topbar*/
.topbar { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 0px; }
.topbar li, .topbar li a{color: #ffffff;}
.topbar-left li i{padding-right: 5px; color:#ff7c06;}
.topbar-right .list-inline li:last-child, .topbar-right li:last-child i { padding-right: 0px; }
.topbar .topbar-right li a:hover { color: #ff7c06; }
.topbar-right li i{padding-right:5px; color:#ff7c06; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.topbar-right li i:hover{color:#ffffff !important;}
#header.dark-fancy .menu-icon-right li i:hover{color:#ffffff;}

/*mega-menu*/
.mega-menu .menu-logo { padding:15px 0px; } 
.mega-menu .menu-logo img { height: 60px; }
.mega-menu .menu-links > li > a { line-height:100px; text-transform: uppercase; font-size: 14px; font-weight:500;}
.mega-menu .drop-down-multilevel.right-menu { right: 0px; }
.mega-menu .menu-links > li:first-child{padding-left: 0px;}
.mega-menu .menu-links > li:last-child{padding-right: 0px;}
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #ffffff; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #ff7c06; }
.mega-menu .menu-links > li.active .drop-down a { color: #fff; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #ff7c06;}
.mega-menu .menu-links > li.active .drop-down a:hover { color:#ff7c06;}
.mega-menu .menu-links > li.active .drop-down li.active a i{color:#ff7c06;}
.mega-menu .menu-links > li.active .drop-down a i:hover{color: #ff7c06;}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a{color:#ff7c06;}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #ffffff; background:transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ff7c06; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #ff7c06;}
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #ff7c06; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #ff7c06; background: #eceff7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #ff7c06; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #ff7c06; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #ff7c06; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #ff7c06; }
.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }

.mega-menu.desktopTopFixed .menu-list-items{background:rgba(21,21,21,0.9); padding: 0px; }
.mega-menu.desktopTopFixed .menu-logo { padding: 16px 0px; }
 

/*---------------------------------------------------------------------
banner
---------------------------------------------------------------------*/ 
.carousel-caption {
  position: absolute;
  right: 15%;
  left: 15%;
  top:30%;
  z-index: 10;
  color: #fff;
  text-shadow:none;
  text-align:center;
}
.carousel-caption h1{
	color:#ff7c06;
	font-size:24px;
	line-height:48px;
	}
.carousel-caption h2{
	color:#FFF;
	font-size:60px;
	line-height:60px;
	margin-bottom:15px;
	}
.carousel-caption p{
	font-size:14px;
	line-height:24px;
	width:70%;
	margin:0px auto;
}
@media screen and (max-width:768px) {	
.carousel-caption {
  position: absolute;
  right: 10%;
  left: 10%;
  top:15%;
  z-index: 10;
  color: #fff;
  text-shadow:none;
  text-align:center;
}
.carousel-caption h1{
	color:#ff7c06;
	font-size:14px;
	line-height:30px;
	}
.carousel-caption h2{
	color:#FFF;
	font-size:24px;
	line-height:24px;
	margin-bottom:10px;
	}
	
	}




/*---------------------------------------------------------------------
products box
---------------------------------------------------------------------*/
.box{
	text-align: center;
	overflow: hidden;
	color:#fff;
	position: relative;
	border:1px solid #ddd;
	display: block;
}
.box>a{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: block;
	top:0;
	left:0;
}
.box:after{
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.4s ease 0s;
		}
.box:hover:after{
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%);
}
.box img{
	width: 100%;
	height: auto;
	transition: all 0.4s;
}
.box:hover img{
	transform: scale(1.2);
}
.box .box-content{
	width: 100%;
	height: 100%;
	margin-top:40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
}

.box .title{
	color:#FFF;
	font-size:18px;
	margin: 0;
	transform: translateY(145px);
	transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
	opacity: 0;
}
.box .post{
	display: block;
	padding: 8px 0;
	font-size: 14px;
	transform: translateY(145px);
	transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
	opacity: 0;
}
.box:hover .title,
.box:hover .post{
		    transform: translateY(0);
			opacity: 1;
}
.box .social{
	list-style: none;
	padding: 0 0 5px 0;
	margin: 40px 0 25px;
	opacity: 1;
	position: relative;
	transform: perspective(500px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.box:hover .social{
	opacity: 1;
	transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.box .social:before{
	content: "";
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
	position: absolute;
	top: -23px;
	left: 0;
	right: 0;
}
.box .social li{
	display: inline-block;
}
.box .social li i{
	line-height:40px;
}
.box .social>li>a{
	display: block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius: 50%;
	background:#f4f4f4;
	font-size:20px;
	color:#999;
	margin-right: 10px;
	transition: all 0.3s ease 0s;
}
.box .social>li>a:hover{
	color:#3a3a3a;
	background:#fff;
}
.box .social>li:last-child a{
	margin-right: 0;
}
#partner img{
	border: 1px solid #ff7c06;
}

/*---------------------------------------------------------------------
  Footer
---------------------------------------------------------------------*/
.footer{color:#c5c5c5; background-color:#333;}
.footer .title{position: relative; color:#fff;}
.footer-address li,.footer-follow li,.footer-uselink li {line-height:30px; padding:0; margin-top:0;display:block;}
.footer-address li i,.footer-follow li i,.footer-uselink li i{float: left; color:#ff7c06; margin-right:10px; font-size: 14px; line-height: 30px;  }

/*news-letter*/
.footer .news-letter { margin-top: 20px; }
.footer .input-group-btn button {background-color: #ff7c06; border-color: #ff7c06; border-radius: 0px; color:#353535; padding: 11px 14px; }
.footer .input-group-btn button:hover { background-color: #ff7c06; border-color: #ff7c06; border-radius: 0px; color: #000; }
.footer .input-group.divcenter .form-control::-moz-placeholder { color: #c5c5c5; font-size: 13px; }
.footer .input-group.divcenter.input-group .form-control{padding-left: 15px; padding-top: 8px; border-radius:0; color:#ffffff; border:1px solid rgba(255,255,255,0.3); background:none; height:44px; box-shadow:none;}
.footer .input-group.divcenter.input-group .form-control:focus { border-color: #ff7c06; }
.footer .copyright { background: rgba(39, 39, 39, 0.2); padding: 30px 0 20px; }

.footer-widget { padding: 30px 0; background:rgba(0, 0, 0, 0.3);}
.footer-widget p { color: #c5c5c5; margin-bottom:0; margin-top:5px;}
.footer-widget ul li { display: inline-block; margin:0;}
.footer-widget ul li a { display: block; color: #c5c5c5; padding-left: 5px; font-size: 14px; }
.footer-widget ul li a:hover { color: #ff7c06; }
.footer-link ul li{display: block; }
.footer-link ul li a{ color:#c5c5c5; font-size:14px;}
.footer-link ul li a:hover {color: #ff7c06; }





.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #757575;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ff7c06;
    border-color: #ff7c06;
}

.min-height600{
	min-height:600px;}

.ny_news{
	}
.ny_news a{
	color:#757575;}
.ny_news a:hover{
	color:#333;}
.news_first{
	background:#eee;
	margin-bottom:15px;
	}
.news_first .media-body{
	padding:0px 15px;
	}
.news_first .media-body h4 ,.news_first .media-body h4 a{
	padding:20px 0px 10px 0px;
	color:#333;
	}
.news_first .media-left img{
	width:350px;
	height:292px;}
.ny_news ul,.ny_news ul li {
	list-style:none;
	}
.ny_news li {
	line-height:44px;
	border-bottom:1px dotted #CCC;}
.ny_news li i{
	margin-right:10px;}
.ny_news .title1{
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	padding:0px 0px 20px 0px;
	border-bottom:1px solid #ccc;}
.ny_news .title1 span{
	color:#999;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	}
.ny_news .more{
	margin:30px 0px 0px 0px;
	padding:15px 0px;
	border-top:1px dotted #ccc;}	
.ny_showpro .title1{
	color:#333;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 30px 0px;
	border-bottom:1px solid #ccc;}
.ny_showpro .title2{
	color:#333;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 30px 0px;
	border-bottom:1px dotted #ccc;}
.ny_showpro .more{
	margin:30px 0px 0px 0px;
	padding:15px 0px;
	border-top:1px dotted #ccc;}
	
.ny_series{
	overflow:hidden;
	margin-bottom:30px;}
.ny_series .list{
	margin:0;
	padding:0;
	list-style:none;
	border-right:5px solid #FFF;
	margin-bottom: 1px;
	}
.ny_series .list a{
	display:block;
	padding:0 10px;
	background:#ddd;
	line-height: 28px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis
}
.ny_series .list a:hover, .ny_series .list .active {
	color:#FFF;
	background:#ff7c06;}
.ny_series .list>.sub-menu{
	display: none;
}
.ny_series .list>.sub-menu.active{
	display: block;
}
.ny_series .list>.sub-menu>li>a{
	padding:0 15px;
}
/*==================================================================================*/
/* Responsive CSS */
/*==================================================================================*/
@media screen and (max-width:1200px) {
.history-sec .pall-80{padding:50px !important;}
#header.dark-fancy .topbar{padding:10px 0 40px;}
#header.dark-fancy .menu{top:70px;}

.popup-gallery.columns-4 .overlay-content h3, .overlay-content h3 a { font-size: 16px; }
.popup-gallery.columns-4 .project-info .button.small { padding: 10px 8px; }
}

@media screen and (max-width:992px) {
.row-eq-height{display:block;}
.section-title p{padding:0 50px;}
.inner-intro{height:250px;}
.intro-title .section-title{margin-bottom:0;}
.intro-title .section-title .title{font-size:34px;}

.page-section-ptb100{padding:50px 0 0 0;}

.service .service-block { margin-top: 40px; }
.service .service-block img { margin-top: 30px; }

/*-------------------------------------------------
  Header 
--------------------------------------------------*/
#header.defualt { position: relative; background: #323232; }
#header .topbar{display:none;}
.mega-menu{min-height:80px;}
.mega-menu .menu-logo{padding:4px 0;}
.mega-menu .menu-links > li{border-bottom-color:rgba(255,255,255,0.25); padding:0;}
.mega-menu .menu-links > li > a{line-height:30px; color:#ffffff !important; padding:10px 20px;}
.mega-menu .menu-links > li:last-child{border-bottom:none;}
.mega-menu .menu-links > li.active > a{color:#ff7c06 !important;}

/* Defualt Header */
.mega-menu .row > [class*='col-']:before, 
.mega-menu .row > [class*='col-']:after{content:""; display:table; clear:both;}

.mega-menu .menu-links{left:0; position:absolute; top:100%; width:100%;}

/* Fancy Header */
#header.fancy .menu{ position: relative; top: 0px; }
#header.fancy .menu .container { width: 100%; }
#header.fancy .mega-menu > section.menu-list-items{padding:0 20px; padding-right:10px;}
#header.fancy + .rev-slider .slider-text{top:100px; transform:translateY(0%);}
#header.fancy .row > [class*='col-'] { padding-left: 0px; padding-right: 0px;  }

/* Dark-Fancy Header */
#header.dark-fancy .menu{ position: relative; top: 0px;}
#header.dark-fancy .menu .container { width: 100%; }
#header.dark-fancy .mega-menu > section.menu-list-items{padding:0 20px; padding-right:10px;}
#header.dark-fancy .mega-menu .menu-links > li > a{line-height:30px;}
#header.dark-fancy .row > [class*='col-'] { padding-left: 0px; padding-right: 0px;  }

/*-------------------------------------------------
  Home Page  
--------------------------------------------------*/
.our-sercive1::before{height:166px; top:40px; width:250px;}
.our-sercive1::after{height:124px; right:-40px; top:20px; width:210px;}

/*-------------------------------------------------
 footer  
--------------------------------------------------*/
.top-info .address-block{margin-top:20px; width:48%;}
.top-info .address-block:nth-child(-n+2){margin-top:0;}

/*-------------------------------------------------
Blog Page 
--------------------------------------------------*/
.comments-1{width:100%;}
.comment-list ul{padding-left:20px;}

/*-------------------------------------------------
Contact Page 
--------------------------------------------------*/
form .half-group{margin-right:0; width:100%;}
.form-2 form .half-group{float:left; margin-left:2%;  width:48%;}

/*-------------------------------------------------
Comming soon Page 
--------------------------------------------------*/
.countdown{width:90%;}

.popup-gallery.columns-4 .overlay-content h3, .overlay-content h3 a { font-size: 20px; }
.popup-gallery.columns-4 .project-info .button.small { padding: 10px 25px; }

}


@media screen and (max-width:768px) {
.section-title p{padding:0;}
.inner-intro{height:200px;}
.intro-title{padding-bottom:0;}
.intro-title .section-title .title{font-size:26px; line-height:30px;}


/*-------------------------------------------------
  Header 
--------------------------------------------------*/
.mega-menu{min-height:70px;}
.mega-menu .menu-logo img{height:30px;}

/*-------------------------------------------------
  Our Services  
--------------------------------------------------*/
.our-sercive1::before,
.our-sercive1::after{content:normal;}

/*-------------------------------------------------
  Timeline
--------------------------------------------------*/
.history-sec .pall-80{padding:30px !important;}


/*-------------------------------------------------
 footer  
--------------------------------------------------*/
.top-info .address-block{margin-top:20px; width:100%;}
.top-info .address-block:nth-child(-n+2){margin-top:20px;}
.top-info .address-block:nth-child(-n+1){margin-top:0;}
.footer{background-size:cover;}
.footer .top-info.top-hlaf{margin-top:-40px; top:-40px;}
.footer-usefull{display:inline-block; width:100%;}
.footer-widget p{text-align:center;}
.footer-widget ul{text-align:center;}
.social-icons{display:inline-block;}
.footer-widget{padding:15px 0; margin-top:10px !important;}

/*-------------------------------------------------
About  Page 
--------------------------------------------------*/
.about-details{margin-bottom:20px;}

/*-------------------------------------------------
Contact  Page 
--------------------------------------------------*/
.form-2 form .half-group{float:none; width:100%; margin-left:0;}
form.input3-col .half-group{width:100%;}
.top-info.half{bottom:0; margin-bottom:30px;}

/*-------------------------------------------------
Service Page 
--------------------------------------------------*/
.services-block{padding:40px 0;}

/*-------------------------------------------------
All Counter
--------------------------------------------------*/
.counter-section{padding:35px 0 !important;}
.counter-section .counter-block > div{margin-bottom:10px !important;}
.counter-section .counter-block > div:nth-last-of-type(-n+2){margin-bottom:0 !important;}
.row > [class*="col-"]:nth-last-of-type(-n+2) .counter.left_pos{margin-bottom:0 !important;}

/*-------------------------------------------------
Owl-dots
--------------------------------------------------*/
.owl-carousel .owl-dots{position:relative; bottom:0;}

/*-------------------------------------------------
Comming soon Page 
--------------------------------------------------*/
.countdown > li span{font-size:44px; line-height:50px;}

}


/*分页*/
.pagination{color: #666; text-align: center; clear:both; margin-top: 1em;}
.pagination a{display: inline-block; *display: inline; *zoom: 1; margin-left: -1px; padding: 0 12px; height: 32px; line-height: 32px; color: #428bca; border: 1px solid #ddd; background: #fff; text-decoration: none; overflow:hidden;}
.pagination .prev::before{font-family: "FontAwesome";display: inline-block; content:"\f104"; width: 10px; height: 10px; margin-right: 5px;}
.pagination .next::after{font-family: "FontAwesome";display: inline-block; content: "\f105"; width: 10px; height: 10px; margin-left: 5px;}
.pagination a:not(.goto):hover{background-color: #eee; color: #2a6496}
.pagination a.cur,
.pagination a.cur:hover{background-color: #428bca; color: #fff; border-color: #428bca; margin-right: 1px}
.pagination a.disabled{background-color: #e6e6e6!important; color: #bbb!important; cursor: no-drop}
.pagination .prev{border-radius: 5px 0 0 5px}
.pagination .next{border-radius: 0 5px 5px 0; }


.table > tbody > tr > td{vertical-align:middle!important;}