/* HTML5 Template */


/************ TABLE OF CONTENTS ***************
1.  Google Fonts
2.  Reset
3.  Global
4.  Scroll To Top
5.  Preloader
6.  Header Top
7.  Main Header
8.  Search Popup
9.	Rev Slider Wrapper
10.	wellcome Section
11. Vedio Section
12. Service Section
13. Featured Section
14. Team Section
15. Fact Counter Section
16. Blog Section
17. Contact Section
18. Footer Style
19. Title Menu
20. About Section
21. Service Page Style Two
22. Service Details
23. Gallery Page
24. Faq Page
25. Error Section
26. Contact Us
27. Google Map Section
28. Blog Page
29. Styled Pagination
30. Blog Details

**********************************************/


/*** 

====================================================================
	Google Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/*** 

====================================================================
	Reset
====================================================================

 ***/

@import url('animate.min.css');
@import url('owl.css');
@import url('bootstrap.min.css');
@import url('jquery.bxslider.css');
@import url(../revolution/css/settings.css);
@import url(../revolution/css/layers.css);
@import url(../revolution/css/navigation.css);
@import url('jquery.fancybox.css');
@import url('hover.css');
 @media (min-width:1200px) {
 .container {
 padding: 0px;
}
}
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}
/*** 

====================================================================
	Global style
====================================================================

***/


body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}
.page-wrapper {
	overflow: hidden;
}
a {
	text-decoration:none;
	cursor:pointer;
}
a:hover, a:focus, a:visited {
	text-decoration:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	font-family: 'Roboto', sans-serif;
}
input, button, select, textarea {
	font-family: 'Roboto', sans-serif;
}
p {
	position:relative;
	font-size: 14px;
	line-height:1.8em;
	font-family: 'Roboto', sans-serif;
}
.strike-through {
	text-decoration:line-through;
}
.auto-container {
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}
.small-container {
	max-width:680px;
	margin:0 auto;
}
.page-wrapper {
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;

}
ul, li {
	list-style:none;
	padding:0px;
	margin:0px;
}
.section-title h2 {
	position: relative;
	font-size: 48px;
	color: #222222;
	line-height: 60px;
	font-weight: 600;
	padding-bottom: 14px;
	margin-bottom: 10px;
}
.section-title h2:before {
	position: absolute;
	bottom: 0px;
	left: 0;
	right:0px;
	margin:auto;
	width: 100px;
	height: 3px;
	background: #fff;
	border-bottom:3px double #00c6ff;
	content: '';
}
.section-title p {
	font-size: 15px;
	color: #848484;
	font-weight: 400;
	line-height: 28px;
	font-family: 'Roboto', sans-serif;
}
.anim-3, .anim-3-all * {
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.anim-5, .anim-5-all * {
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.anim-7, .anim-7-all * {
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:    #222222;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #222222;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #222222;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #222222;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color:    #222222;
}
.btn-style-one {
	font-size: 15px;
	color: #ffffff;
	line-height: 28px;
	font-weight: 600;
	padding: 10px 24px;
	background: #00c6ff;
	border-radius:6px;
	border: 1px solid #00c6ff;
	text-transform: capitalize;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.btn-style-one:hover {
	color: #00c6ff;
	border: 1px solid #00c6ff;
	background: transparent;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
/*** 

====================================================================
	Preloader style
====================================================================

***/

.preloader {
	position:fixed;
	left:0px;
	top:0px;
	height:100%;
	width: 100%;
	z-index:99999;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/icons/preloader.gif);
}
/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
	position:fixed;
	bottom:40px;
	right:40px;
	color:#ffffff;
	font-size:24px;
	line-height: 40px;
	width: 45px;
	height: 45px;
	border: 1px solid #00c6ff;
	background: #00c6ff;
	text-align:center;
	z-index:100;
	cursor:pointer;
	display:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.scroll-to-top:hover {
	background: #ffffff;
	color: #00c6ff;
	border-color: #00c6ff;
	transition: all 500ms ease;
}
/***

====================================================================
	Header Top
====================================================================

***/

.header-top {
	padding: 2px 0px;
	background: #ccc;
}
.header-top .top-left {
	float: left;
}
.header-top .top-right {
	float: right;
}
.header-top .top-left .contact-links li {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	color: #333;
	margin-right: 40px;
	font-family: 'Roboto', sans-serif;
	font-style: italic; 
}
.header-top .top-left .contact-links li i {
	margin-right: 10px;
	color: #00c6ff;
}
.header-top .top-right .social-links {
	position: relative;
	float: left;
}
.header-top .top-right .social-links li {
	display: inline-block;
	margin-right: 24px;
}
.header-top .top-right .social-links li i {
	font-size: 13px;
	color: #333;
}
.header-top .top-right .social-links li:hover i {
	color: #00c6ff;
}
.search_option {
	position: relative;
	float: right;
	margin-left: 20px;
}
.search_option:before {
	position: absolute;
	content: '';
	height: 20px;
	top: 5px;
	left: -20px;
	border-right: 2px solid #3d434e;
}
.search_option span {
	color: #333;
	font-size: 14px;
}
/*** 

====================================================================
  Search Popup
====================================================================

***/

.search-popup-block {
	position: fixed;
	left: 0px;
	top: -100%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.80);
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}
.search-popup-block.popup-visible {
	top: 0;
	visibility: visible;
	opacity: 1;
}
.search-popup-block .close-search {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
}
.search-popup-block .close-search:hover {
	opacity: 0.70;
}
.search-popup-block .search-form-box {
	position: relative;
	padding: 0px 15px 50px;
	padding-top: 200px;
	max-width: 1024px;
	margin: 0 auto;
}
.search-popup-block .search-form-box fieldset {
	position: relative;
	border: 5px solid rgb(255, 255, 255);
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.search-popup-block .search-form-box fieldset input[type="search"], .search-popup-block .search-form-box fieldset input.form-control {
	position: relative;
	height: 70px;
	padding: 20px 220px 20px 30px;
	background: #ffffff;
	line-height: 30px;
	font-size: 24px;
	color: #233145;
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.search-popup-block .search-form-box fieldset input[type="submit"] {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	text-align: center;
	width: 220px;
	padding: 20px 10px 20px 10px;
	color: #ffffff;
	background: #00c6ff;
	line-height: 30px;
	height: 70px;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	-moz-border-radius: 0px 0px 0px 0px;
	-ms-border-radius: 0px 0px 0px 0px;
	-o-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.search-popup-block .search-form-box fieldset input[type="submit"]:hover {
	background: #334551;
	color: #ffffff;
}
.search-popup-block h3 {
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 1px;
}
.search-popup-block .recent-searches {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}
.search-popup-block .recent-searches li {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}
.search-popup-block .recent-searches li a {
	display: block;
	line-height: 24px;
	border: 1px solid #ffffff;
	padding: 8px 20px;
	font-size: 15px;
	color: #ffffff;
	border-radius: 0px;
}
.search-popup-block .recent-searches li a:hover {
	color: #00c6ff;
	border-color: #00c6ff;
}

/*** 

====================================================================
	Main Header
====================================================================

***/

@-webkit-keyframes menu_sticky {
 0% {
margin-top:-150px;
}
 50% {
margin-top: -130px;
}
 100% {
margin-top: 0;
}
}
@keyframes menu_sticky {
 0% {
margin-top:-150px;
}
 50% {
margin-top: -130px;
}
 100% {
margin-top: 0;
}
}
.main-header-block {
	position:relative;
	width:100%;
	z-index: 9999;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.fixed-header {
	position:fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: #ffffff;
	transition:all 500ms ease;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
}
.main-header-block .logo {
	position: relative;
	float: left;
}
.main-header-block .logo img{/*width: 80%;*/padding: 15px 0;}
.main-header-block .header-area {
	position: relative;
	float: right;
	margin-top: 5px;
}
.main-header-block .header-area .main-menu-navigation {
	position: relative;
	float: left;
}
.main-header-block .link-button {
	float: right;
}
.main-menu-navigation .navbar-collapse {
	padding-top: 20px;
}
.main-menu-navigation .navigation > ul {
	position:relative;
	margin:0px;
}
.main-menu-navigation .navigation > ul > li {
	position:relative;
	text-align: left;
	padding-right: 5px;
	margin-right: 20px;
	display: inline-block;
	margin-left: 15px;
}
.main-menu-navigation .navigation > ul > li > a {
	position:relative;
	display:block;
	font-size: 16px;
	color:#000;
	line-height: 26px;
	font-weight:500;
	opacity:1;
	padding: 12px 0px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu-navigation .navigation > ul > li:hover>a{color: red;border-bottom: 1px solid red;}
.main-menu-navigation .navigation > ul > li > a#menu_selected{
	color: red;
	border-bottom: 1px solid red;
}
.main-menu-navigation .navigation>li>a#menu_selected{
	color: red;
}
.main-menu-navigation .navigation>li>a#menu_selected span {
	color: red;
}




.main-menu-navigation .navigation > ul > li > ul {
	position:absolute;
	left:0px;
	top: 160%;
	width:220px;
	padding:0px;
	z-index:1;
	display:none;
	background:#012f5d;
	border-top:3px solid #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu-navigation .navigation > ul > li > ul > li {
	position:relative;
	width:100%;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}
.main-menu-navigation .navigation > ul > li > ul > li:last-child {
	border-bottom:none;
}
.main-menu-navigation .navigation > ul > li > ul > li > a {
	position:relative;
	display:block;
	line-height:26px;
	font-weight: 600;
	font-size:15px;
	text-transform:uppercase;
	color: #ffffff;
	background: #00c6ff;
	padding: 12px 20px;
	transition:all 500ms ease;
	font-family: 'Roboto', sans-serif;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.main-menu-navigation .navigation > ul > li > ul > li > a:hover {
	color: #00c6ff;
	background: #ffffff;
	transition:all 500ms ease;
}
.main-menu-navigation .navigation > ul > li.dropdown:hover > ul {
	visibility:visible;
	opacity:1;
	top:160%;
	transition:all 500ms ease;
}
.main-menu-navigation .navigation > ul > li.dropdown .dropdown-btn {
	display:block;
	position: absolute;
	right: -8px;
	top: 12px;
	font-size: 20px;
}
/*** 
=============================================
    banner
=============================================
***/

.slider {
    position: relative;
    height: 800px;
    min-width: 1200px;
    width: 100%;
    overflow: hidden;
  }
  .slider .slider-pointer {
    position: absolute;
    bottom: 20px;
    color: #fff;
    list-style: none;
    padding: 0;
    z-index: 999;
  }
  .slider .slider-pointer li {
    display: inline-block;
    margin: 0 15px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #ffffff;
    opacity: 0.85;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
  }
  .slider .slider-pointer li:hover {
    background-color: #ccc;
  }
  .slider .slider-pointer li.active {
    background-color: #ccc;
  }
  .slider .slider-inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .slider .slider-inner .item {
    width: 100%;
    height: 100%;
    float: left;
  }
  .slider .slider-inner .img {
    background-position: center top !important;
    width: 100%;
    height: 100%;
  }
  .slider .slider-control {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    border-radius: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    top: 40%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
  }
  .slider .slider-control:hover {
    opacity: 0.65;
    background-color: #fff;
  }
  .slider .slider-control:active {
    opacity: 0.85;
  }
  .slider .slider-control.prev {
    display: none;
    left: 20px;
  }
  .slider .slider-control.next {
    display: none;
    right: 20px;
  }
  .slider:hover .slider-control.prev {
    display: block;
    left: 20px;
  }
  .slider:hover .slider-control.next {
    display: block;
    right: 20px;
  }
/*** 
=============================================
    Rev Slider Wrapper
=============================================
***/

.rev_slider_wrapper .slide-content-box h1 {
	color: #ffffff;
	font-size: 50px;
	line-height: 70px;
	text-align:center;
	text-transform:capitalize;
	font-weight: 600;
	padding-bottom: 25px;
	font-family: 'Roboto', sans-serif;
}
.rev_slider_wrapper .slide-content-box p {
	color: #ffffff;
	font-size: 16px;
	text-align:center;
	line-height: 28px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.rev_slider_wrapper .slotholder {
	position: relative;
}
.slotholder:after {
	background: rgba(44, 48, 56, 0.6);
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
}
.tp-bannertimer {
	display: none;
}
.rev_slider_wrapper .tparrows {
	background: transparent;
	border: 2px solid #a9abae;
	width: 55px;
	border-radius:6px;
	height: 55px;
}
.rev_slider_wrapper .tparrows:before {
	font-family: "FontAwesome";
	font-size: 14px;
	color: #ffffff;
	display: block;
	line-height: 50px;
	text-align: center;
}
/*** 

====================================================================
	wellcome Section
====================================================================

***/

.wellcome-area {
	padding: 90px 0px;
}
.wellcome-area .section-title {
	margin-bottom: 60px;
}
.wellcome-area .item-holder-box {
	position: relative;
	padding: 30px;
	text-align:center;
}
.wellcome-area .icon-box {
	position: relative;
	background: #00c6ff;
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 66px;
	border-radius: 100px;
}
.wellcome-area .icon-box i:before {
	color: #ffffff;
	font-size: 24px;
	margin-left: 0px;
}
.wellcome-area .item-holder-box h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	padding-top: 10px;
	font-family: 'Roboto', sans-serif;
}
.wellcome-area .item-holder-box p {
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	color: #848484;
	font-family: 'Roboto', sans-serif;
	margin-top: 10px;
}
/*** 

====================================================================
	Vedio Section
====================================================================

***/

.vedio-area {
	position: relative;
	padding: 180px 0px;
	z-index: 1;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.vedio-area:before {
	position: absolute;
	background: rgba(51, 55, 69, 0.65);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
}
.vedio-area h1 {
	font-size: 4rem;
	line-height: 65px;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.vedio-area .icon-box {
	position: relative;
	margin-top: 25px;
}
.vedio-area .icon-box i {
	position: relative;
	bottom: -10px;
	left: 0px;
}
.vedio-area .icon-box i:before {
	margin-left: 0px;
	font-size: 85px;
	color: #ffffff;
}
.vedio-area .icon-box p {
	font-size: 20px;
	color: #ffffff;
	line-height: 40px;
	font-weight: 400;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
	margin-top: 40px;
}
/*** 

====================================================================
	Service Section
====================================================================

***/

.service-area {
	padding: 90px 0px;
}
.service-area .section-title {
	margin-bottom: 40px;
}
.service-area .image-text {
	position: relative;
	padding: 18px 10px;
	text-align:center;
}
.service-area .image-text a h5:hover{color: red;}
.service-area .item-holder-box {
	margin-bottom: 30px;
	border: 2px solid #f7f7f7;
}
.service-area .item-holder-box img {
	width: 100%;
}
.service-area .item-holder-box:hover {
	/*border: 2px solid #00c6ff;*/
}
.service-area .item-holder-box h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	font-family: 'Roboto', sans-serif;
}
.service-area .item-holder-box h5 a{
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	font-family: 'Roboto', sans-serif;
}
.service-area .item-holder-box p {
	font-size: 12px;
	font-weight: 400;
	line-height: 25px;
	color: #848484;
	font-family: 'Roboto', sans-serif;
}
.service-area .owl-theme .owl-controls .owl-nav [class*="owl-"] {
 background: none!important;
}
.service-area .owl-theme .owl-controls .owl-dots {
	display: none!important;
}
.service-area .owl-theme .owl-controls .owl-nav span {
	width: 50px;
	height: 50px;
	background: none;
	line-height: 48px;
	color: #b2b2b2;
	font-size: 16px;
	border: 2px solid #f6f6f6;
	border-radius: 6px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.service-area .owl-theme .owl-controls .owl-nav span:hover {
	color: #ffffff;
	background: #00c6ff;
	border-color: #00c6ff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
#main .related{line-height: 40px; height: 40px; background: #ffd100;}
#main .related-list li {
    border-bottom: 1px dotted #dddddd;
    float: left;
    line-height: 45px;
    width: 345px;
    font-size: 14px;
    margin-right: 20px;
}
select {
    border: 1px solid #e2e2e2;
    height: 26px;
    outline: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#projects .related{
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background: #00c6ff;
}
#proinfo_c img{max-width: 100%;}
.related_cp ul {
    margin-top: 10px;
    width: 100%;
    height: auto;
    padding: 15px 0;
    overflow: hidden;
}
.related_cp ul li {
    width: 25%;
    text-align: center;
    float: left;
    overflow: hidden;
    margin: 15px 10px;
    border: #eee solid 1px;
}
.related_cp ul li img {
    height: auto;
    max-width: 100%;
}
.related_cp ul li p {
    line-height: 30px;
    height: 30px;
    text-align: center;
    text-indent: 0em;
    font-size: 15px;
}
.related_cp ul li p a {
    line-height: 30px;
    height: 30px;
    text-align: center;
}

.post-box {
  margin-bottom: 30px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.post-box:hover .inner-post {
background: #00c6ff;
}
.entry-media img { 
  width: 100%; 
  height: auto; 
}
.inner-post {
  padding: 20px 30px;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
.entry-meta {
	font-size: 14px;
    line-height: 40px;
    /*margin-bottom: 20px;*/
    color: #333;
}
.entry-meta a {
  color: #ffd100; 
  font-weight: 500;
} 
.post-box:hover .inner-post .entry-date{
	color: #fff; 
 	font-weight: 500;
}
.about-area .content-box p a{color: #666;}
.inner-post h3 {
  font-size: 19px;
  font-weight: bold;
}
.inner-post h3 a {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.post-box:hover .inner-post h3 a{color: #fff;}
.post-box:hover .entry-summary p a{color: #fff;}
.entry-meta span:before { 
  content: "|";
  margin: 0 10px;
}
.entry-meta span:first-child:before {
  display: none;
}
.entry-summary p {
  /*margin-bottom: 30px;*/
}
.inner-post .entry-footer .post-link {
  color: #707070;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.inner-post .entry-footer .post-link:hover {
  color: red;
}
.inner-post .entry-footer .post-link i {
  font-size: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.inner-post .entry-footer .post-link:hover {
  text-decoration: none;
}
.post-box:hover .post-link{color: #fff;}
.page_list {text-align: right;padding:50px 0px;}
.page_list span.current {border: #ddd 1px solid;padding:3px 6px;margin-right: 2px;color: #fff;background-color: #00c6ff;} 
.page_list a {border: #ddd 1px solid;color: #272727;padding:3px 6px;margin-right: 2px;}
.page {line-height:40px;border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd;margin-bottom:40px;padding-top: 20px;padding-bottom: 20px; margin-top: 50px;}
.page span{ display: inline-block; width: 49%;}
.page a{color: #333;}
.page a:hover{color: red;}
.content-box .related{line-height: 40px; height: 40px; background: #00c6ff;}
.content-box .related-list li {
    border-bottom: 1px dotted #dddddd;
    float: left;
    line-height: 70px;
    width: 345px;
    font-size: 14px;
    margin-right: 20px;
}
.content-box .related-list li a{color: #333;}
#filters {
  text-align: center;
  margin-top: 20px;
}
#filters ul{
	display: inline-block; /* 使ul变为内联块元素以便居中 */
 	list-style-type: none; /* 移除默认列表样式 */
  	padding: 0; /* 移除默认的内边距 */
}
#filters ul li {
    display: inline;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
    background: #00c6ff;
    padding: 10px 16px;
    margin: 0 5px;
}
#filters ul li a span{color: #fff;}
#filters ul li.lihover{background: #fff; border:#00c6ff solid 1px;}
#filters ul li.lihover .ahover span{color: #00c6ff; font-weight: bold;}
#filters a {
  color: #707070; 
  font-size: 16px; 
  font-weight: 500; 
  margin-right: 40px; 
  text-decoration: none;
}
#filters a.selected, #filters a:hover {
  color: #ffd100;
}
#filters a:last-child {
  margin-right: 0;
}
/*** 

====================================================================
	Featured Section
====================================================================

***/


.featured-area {
	position: relative;
	background: #f5f5f8;
}
.featured-area .image-box {
	position: relative;
	margin: 0px -15px;
	overflow: hidden;
}
.featured-area .image-box:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(38, 44, 55, 0.6);
}
.featured-area .image-box img {
	float: right;
}
.featured-area .bx-wrapper {
	margin-bottom: 0px;
	overflow: hidden;
}
.featured-area .content-box {
	position: relative;
	margin: 0px -15px;
	padding: 120px 80px 0px 70px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
.featured-area .slider-pager .list-inline {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.featured-area .slider-pager .list-inline li a.active img {
	position: relative;
	opacity: 1;
	padding: 0;
	transition:all 500ms ease;
}
.featured-area .slider-pager .list-inline li a img {
	position: relative;
	height: 100px;
	padding: 5px;
	opacity: .35;
	border-radius: 6px;
	transition:all 500ms ease;
}
.featured-area .bx-wrapper .bx-viewport {
	position: relative;
	background: none;
	border: none;
	left: 0px;
	margin-top: 20px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.featured-area .bx-wrapper .bx-viewport p {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	color: #222222;
}
.featured-area .bx-wrapper .bx-viewport h5 {
	position: relative;
	font-size: 24px;
	color: #222222;
	margin-top: 25px;
	padding-top: 30px;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.featured-area .bx-wrapper .bx-viewport h5:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	width: 50px;
	height: 3px;
	background: #e5e5e5;
}
/*** 

====================================================================
	Team Section
====================================================================

***/

.team-area {
	position: relative;
	padding : 90px 0px 70px;
}
.team-area .section-title {
	position: relative;
	margin-bottom: 40px;
}
.team-area .image-holder-block {
	margin-bottom: 30px;
	border-radius:8px;
	overflow:hidden;
}
.team-area .image-holder-block img {
	width: 100%;
}
.team-area .image-box {
	position: relative;
	overflow: hidden;
}
.team-area .social-links {
	position: absolute;
	bottom: -51px;
	left: 0px;
	width: 100%;
	background: rgba(0, 204, 153, 0.95);
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.team-area .image-holder-block:hover .social-links {
	bottom: 0px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.team-area .social-links li {
	display: inline-block;
	padding: 12px 15px;
}
.team-area .social-links li i {
	font-size: 16px;
	color: #ffffff;
}
.team-area .image-holder-block .image-text {
	background-color:#f6f6f6;
}
.team-area .image-holder-block .image-text h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	padding-top: 20px;
}
.team-area .image-holder-block .image-text p {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	color: #848484;
	font-style: italic;
	padding-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}
/*** 

====================================================================
  Fact Counter Section
====================================================================

***/

.fact-counter-area {
	position:relative;
	padding: 80px 0px 40px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow:hidden;
	color:#ffffff;
}
.fact-counter-area .auto-container {
	position:relative;
	z-index:1;
}
.fact-counter-area .column {
	position:relative;
	margin-bottom:40px;
	z-index:5;
}
.fact-counter-area .item {
	position: relative;
	border:1px solid #363c46;
	text-align:center;
	padding: 15px 40px;
}
.fact-counter-area .column .icon {
	position: relative;
	left: 0px;
	padding-bottom:8px;
	bottom: 0px;
}
.fact-counter-area .column .icon i:before {
	font-size: 50px;
	line-height:70px;
	color: #00c6ff;
	margin-left: 0px;
}
.fact-counter-area .count-outer {
	position:relative;
	font-size: 50px;
	font-weight: 600;
	color: #00c6ff;
	padding-bottom: 25px;
	font-family: 'Roboto', sans-serif;
}
.fact-counter-area .column .counter-title {
	position:relative;
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	line-height: 28px;
	padding: 15px 0px 8px 0px;
	font-family: 'Roboto', sans-serif;
}
/*** 

====================================================================
	Blog Section
====================================================================

***/

.blog-area {
	position: relative;
	margin-top: 90px;
	padding-bottom: 60px;
	z-index: 1;
}
.blog-area .section-title {
	position: relative;
	margin-bottom: 40px;
}
.blog-area .item-holder-box {
	position: relative;
	margin-bottom: 40px;
	transition: all 500ms ease;
	border:2px solid rgba(0, 0, 0, 0.1);
}
.blog-area .item-holder-box:hover {
	transition: all 500ms ease;
	border:2px solid #00c6ff;
}
.blog-area .item-holder-box .image-box {
	position: relative;
}
.blog-area .item-holder-box img {
	position: relative;
	width: 100%;
}
.blog-area .item-holder-box .image-box .date-box {
	position: absolute;
	top: 0px;
	left: 0px;
}
.blog-area .item-holder-box .date-box span {
	font-size: 16px;
	color: #ffffff;
	line-height: 18px;
	font-weight: 400;
	padding: 8px 20px;
	background: #00c6ff;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
}
.blog-area .item-holder-box .content-text {
	position: relative;
	padding: 0px 30px;
	margin-top: 40px;
	border: 1px solid #f7f7f7;
	border-top: none;
}
.blog-area .item-holder-box .content-text .sec-title h2 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-area .item-holder-box .content-text .sec-title h2:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	width: 50px;
	height: 2px;
	background: #00c6ff;
}
.blog-area .content-text .sec-title h5 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-area .content-text .sec-title h5:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	width: 50px;
	height: 2px;
	background: #00c6ff;
}
.blog-area .content-text .text p {
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	padding-bottom: 15px;
}
.blog-area .item-holder-box .blog-info-box {
	border-top: 1px solid #f6f6f6;
}
.blog-area .item-holder-box .blog-info-box li {
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #848484;
	padding: 12px 0px;
	margin-right: 10px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.blog-area .item-holder-box .blog-info-box li i {
	font-size: 13px;
	margin-right: 8px;
}
/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section {
	position: relative;
	z-index: 1;
}
.contact-section .section-title {
	margin-bottom: 40px;
}
.contact-section .contact-area-box {
	padding: 80px 100px;
	background-size: cover!important;
	background-repeat: no-repeat !important;
}
.contact-section .contact-form .form-group {
	margin-bottom: 30px;
}
.contact-section .contact-form .form-group.text-center {
	margin-bottom: 0px;
}
.contact-section .contact-area-box form input[type="text"], .contact-section .contact-area-box form input[type="email"], .contact-section .contact-area-box form textarea {
	color: #848484;
	display: block;
	font-size: 14px;
	height: 50px;
	padding: 0 20px;
	width: 100%;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #f6f6f6;
	transition: all 500ms ease;
}
.contact-area-box .form-group select {
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	height: 50px;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #f6f6f6;
	background: #ffffff;
	cursor: pointer;
}
.contact-area-box .form-group option {
	font-weight: normal;
	display: block;
	white-space: pre;
	height: 50px;
	padding: 20px;
}
.contact-area-box .form-group option:hover {
	background: #7b64cb;
}
.contact-section .contact-area-box form button {
	margin-top: 20px;
	display: inline-block;
}
/*** 

====================================================================
	Footer Style
====================================================================

***/

.main-footer-area {
	position: relative;
	z-index: 1;
	border-top: 5px solid #00c6ff;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.main-footer-area:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(38, 44, 55, 0.95);
}
.main-footer-area .footer-top {
	padding: 90px 0px;
}
.footer-top .sec-title h6 {
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	line-height: 30px;
	padding: 20px 0px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.footer-top p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #d4dae3;
	margin-top: -5px;
}
.footer-top .about-widget-box {
	margin-right: -25px;
}
.footer-top .footer-logo {
	margin-top: 10px;
	margin-bottom: 10px;
}
.footer-top .social-links {
	padding-top: 10px;
}
.footer-top .social-links li {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
}
.footer-top .social-links li i {
	font-size: 14px;
	line-height: 35px;
	width: 38px;
	height: 38px;
	color: #d4dae3;
	text-align: center;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	transition:all 500ms ease;
}
.footer-top .social-links li:hover i {
	background: #00c6ff;
	border-color: #00c6ff;
	transition:all 500ms ease;
}
.footer-top .footer-menu-link ul {
	margin-top: -10px;
}
.footer-top .footer-menu-link li {
	padding: 6px 0px;
}
.footer-top .footer-menu-link li a {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #d4dae3;
	font-family: 'Roboto', sans-serif;
	transition:all 500ms ease;
}
.footer-top .footer-menu-link li:hover a {
	color: #00c6ff;
	text-decoration: underline;
	transition:all 500ms ease;
}
.footer-top .footer-menu-link li i {
	margin-right: 8px;
}
.footer-top .footer-gallery-widget {
	position: relative;
	margin: 0px 45px;
}
.footer-top .footer-gallery-widget .image {
	position:relative;
	float:left;
	border-radius:6px;
	width:29%;
	margin: 5px;
	overflow: hidden;
}
.footer-top .footer-gallery-widget .image img {
	position:relative;
	width:100%;
}
.footer-top .footer-gallery-widget .image .lightbox-image {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 99;
	align-items: center;
	justify-content: center;
	background-color:rgba(0, 0, 0, 0.6);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
.footer-top .footer-gallery-widget .image .lightbox-image i {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.footer-top .footer-gallery-widget .image:hover .lightbox-image {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
.footer-top .footer-newsletter-cloumn input {
	height: 50px;
	width: 100%;
	padding: 0px 20px;
	background: #ffffff;
	margin-bottom: 20px;
}
.footer-top input::-webkit-input-placeholder {
 color: #848484!important;
}
.footer-bottom {
	padding: 13px 0px;
	border-top: 1px solid #474b5a;
	background-color:#000;
}
.footer-bottom .copyright-text p {
	font-size: 14px;
	font-weight: 400;
	color: #d4dae3;
	line-height: 26px;
	margin-bottom: 0px;
	letter-spacing: .5px;
	padding: 6px 0px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.footer-bottom .copyright-text a {
	color: #00c6ff;
}
/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
	/*padding: 50px 0px;*/
	position: relative;
	z-index: 1;
	
}
.page-title .title h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 60px;
	color: #333;
	text-transform: capitalize;
}
.page-title .title-manu li {
	font-size: 16px;
	line-height: 26px;
	color: #999;
	margin: 0px 5px;
	padding: 17px 0px;
	display: inline-block;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.page-title .title-manu li a {
	color: #333;
	transition: all 500ms ease;
}
.page-title .title-manu li a:hover {
	color: #00ecde;
	transition: all 500ms ease;
}
.about-banner{background:rgba(245,245,245, 0.8);margin-top: -60px;}
.contact-banner{background:rgba(245,245,245, 0.8);margin-top: -60px;}
.xinwen-banner{background:rgba(245,245,245, 0.8);margin-top: -60px;}
.pro-banner{background:rgba(245,245,245, 0.8);margin-top: -60px;}
.pic-banner{background:rgba(245,245,245, 0.8);margin-top: -60px;}
/*** 

====================================================================
	Title Menu
====================================================================

***/

.title-menu {
	position: relative;
	padding: 15px 0px;
	background: #f5f5f8;
}
.title-menu li {
	font-size: 15px;
	line-height: 30px;
	font-weight: 600;
	padding-right: 4px;
	color: #848484;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
}
.title-menu li a {
	color: #848484;
	-o-transition:all 0.5s ease;
}
.title-menu li a:hover {
	color: #f5b946;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
/*** 

====================================================================
	About Section
====================================================================

***/
.section-title{margin-bottom: 30px;}
.about-area {
	margin: 50px 0px;
}
.about-area .section-title h2:before {
	left: 0;
	margin-left: 0px;
}

.about-area .content-box {
	margin-top: -25px;
}
.about-area .content-box p {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
	margin-top: 10px;
	text-align: left;
}
/*** 

====================================================================
	Service Page Style Two
====================================================================

***/

.service-area.style-two {
	padding: 70px 0px;
}
.service-area.style-two .item-holder-box {
	margin-bottom: 30px;
}
/*** 

====================================================================
	Service Details
====================================================================

***/

.service-details {
	margin: 50px 0px;
}
.service-details .service-memu-area h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service-details .service-memu-area li {
	border-bottom: 1px solid #f6f6f6;
	transition:all 0.5s ease;
}
.service-details .service-memu-area li a {
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	color: #848484;
	padding: 12px 0px;
	display: inline-block;
	text-transform: capitalize;
	transition:all 0.5s ease;
	font-family: 'Roboto', sans-serif;
}
.service-details .service-memu-area li:hover a {
	color: #00c6ff;
	transition:all 0.5s ease;
}
.service-details .service-memu-area li:hover {
	padding-left: 20px;
	border-bottom: 1px solid #00c6ff;
	transition:all 0.5s ease;
}
.service-details .service-memu-area li i {
	margin-right: 10px;
}
.service-details .right-side {
	margin-left: 20px;
}
.service-details .image-box img {
	width: 100%;
}
.service-details .image-box h3 {
	font-size: 40px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-top: 45px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service-details .image-box p {
	padding-bottom: 15px;
}
.service-details .content-text h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-top: 10px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.service-details .content-text li {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
	padding: 5px 0px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.service-details .content-text li i {
	font-size: 12px;
	width: 14px;
	height: 14px;
	line-height: 13px;
	color: #ffffff;
	margin-right: 10px;
	background: #00c6ff;
	border-radius:2px;
	text-align: center;
}
.service-details .text h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-top: 40px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
/*** 

====================================================================
	Gallery Page
====================================================================

***/

.team-area.style-two .image-box .lightbox-image {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 99;
	align-items: center;
	justify-content: center;
	background: rgba(40, 40, 52, 0.7);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
.team-area.style-two .image-box .lightbox-image i {
	color: red;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-radius: 6px;
	border: 2px solid #ffffff
}
.team-area.style-two .image-holder-block:hover .lightbox-image {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
.team-area.style-two .image-holder-block {
	margin-bottom: 45px;
}
/*** 

====================================================================
	Faq Page
====================================================================

***/

.faq-section {
	margin: 50px 0px;
}
.faq-section .section-title {
	margin-bottom: 40px;
}
.faq-section .faq-container {
	margin: 0px 50px;
}
.faq-section .left-side {
	margin-right: 20px;
}
.faq-section .right-side {
	margin-right: 20px;
}
.faq-section .faq-area {
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.faq-section .faq-area h5 {
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	color: #222222;
	margin-bottom: 15px;
}
.faq-section .faq-area p {
	color: #848484;
	padding-bottom: 0px;
}
/*** 

====================================================================
	Error Section
====================================================================

***/

.error-area {
	padding: 200px 0px;
}
.error-area h1 {
	font-size: 70px;
	line-height: 26px;
	font-weight: 400;
	color: #343434;
	margin-top: 22px;
	margin-bottom: 30px;
}
.error-area p {
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #848484;
}
.error-area .search-box {
	position: relative;
	height: 48px;
	width: 100%;
	margin-top: 48px;
	margin-bottom: 50px;
	border: 1px solid #f9f9f9;
}
.error-area .search-box input {
	color: #222222;
	width: 100%;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
}
.error-area .search-box button {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	background: transparent;
}
/*** 

====================================================================
	Contact Us 
====================================================================

***/

.contact-us {
	margin: 50px 0px;
}
.contact-us .sec-title h3 {
	font-size: 30px;
    color: #222222;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}
.contact-us .sec-title p {
	font-size: 16px;
	line-height: 26px;
	color: #848484;
	padding-bottom: 10px;
}
.contact-us .contact-form .form-group {
	margin-bottom: 24px;
}
.contact-us .contact-form .form-group.button {
	margin-bottom: 0px;
}
.contact-us .contact-form input {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #e5e5e5;
}
.contact-us .contact-form textarea {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
	width: 100%;
	height: 130px;
	padding: 10px 20px;
	box-shadow: none;
	resize: none;
	border-radius: 0px;
	border: 1px solid #e5e5e5;
}
.contact-us .contact-info-area {
	padding: 50px 30px 50px 15px;
}
.contact-us .contact-info-area h4 {
	font-size: 30px;
	color: #333;
	line-height: 38px;
	margin-bottom: 20px;
}
.contact-us .contact-info-area .item {
	position: relative;
	padding-left: 40px;
	margin-bottom: 25px;
}
.contact-us .contact-info-area .item:last-child {
	margin-bottom: 0px;
}
.contact-us .contact-info-area .item strong {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.contact-us .contact-info-area .item p {
	font-size: 15px;
	line-height: 26px;
	color: #333;
	font-weight: 400;
	margin-top: 10px;
}
.contact-us .contact-info-area .item i {
	position: absolute;
	top: 5px;
	left: 0px;
	color: #00c6ff;
	font-size: 24px;
}
.h-tu9 img{width: 100%; height: 250px;}
.projects h3{
	font-size: 40px;
    font-weight: 600;
    line-height: 36px;
    color: #222222;
    margin-top: 45px;
    margin-bottom: 50px;
    text-transform: capitalize;
    text-align: center;
}


/*** 

====================================================================
	Google Map Section 
====================================================================

***/

.google-map-area {
	position: relative;
}
#contact-google-map {
	height: 400px;
	width: 100%;
}
/*** 

====================================================================
	Blog Page
====================================================================

***/

.blog-area.style-two {
	margin: 50px 0px;
	padding-bottom: 0px;
}
.blog-area.style-two .right-side {
	margin-left: 20px;
}
.blog-area.style-two .search-box {
	position: relative;
	margin-bottom: 30px;
}
.blog-area.style-two .search-box input {
	position: relative;
	height: 50px;
	width: 100%;
	color: #848484;
	padding: 0px 15px;
	background: #ffffff;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #f6f6f6;
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-two .search-box button {
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent;
}
.blog-area.style-two .search-box button i {
	font-size: 14px;
	color: #222222;
}
.blog-area.style-two h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 26px;
	color: #222222;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.blog-area.style-two .categories-memu-area li {
	border-bottom: 1px solid #f6f6f6;
	transition:all 0.5s ease;
}
.blog-area.style-two .categories-memu-area li a {
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	color: #848484;
	padding: 12px 0px;
	display: inline-block;
	text-transform: capitalize;
	transition:all 0.5s ease;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-two .categories-memu-area li:hover a {
	color: #00c6ff;
	transition:all 0.5s ease;
}
.blog-area.style-two .categories-memu-area li:hover {
	padding-left: 20px;
	border-bottom: 1px solid #00c6ff;
	transition:all 0.5s ease;
}
.blog-area.style-two .categories-memu-area li i {
	margin-right: 10px;
}
.blog-area.style-two .sidbar-blog-area {
	margin-top: 30px;
}
.blog-area.style-two .blog_details {
	margin-top: 30px;
}
.blog-area.style-two .sidbar-blog-area .blog_item {
	position: relative;
	padding-left: 100px;
	margin-bottom: 25px;
	overflow: hidden;
}
.blog-area.style-two .sidbar-blog-area .blog-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 85px;
	height: 85px;
}
.blog-area.style-two .sidbar-blog-area .blog-img img {
	border-radius:6px;
	border:2px solid #ccc;
}
.blog-area.style-two .sidbar-blog-area i {
	margin-right: 10px;
}
.blog-area.style-two .sidbar-blog-area p {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #848484;
}
.blog-area.style-two .sidbar-blog-area h6 {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #222222;
	margin-bottom: 10px;
}
.blog-area.style-two .archives-links {
	margin-top: 40px;
}
.blog-area.style-two .archives-links li {
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	line-height: 26px;
}
.blog-area.style-two .archives-links li {
	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
	padding: 5px 0px;
}
.blog-area.style-two .archives-links li a {
	color: #848484;
}
.blog-area.style-two .gallery-width {
	margin-top: 30px;
}
.blog-area.style-two .gallery-width .image {
	position:relative;
	float:left;
	border-radius:6px;
	width:29%;
	margin: 5px;
	overflow: hidden;
}
.blog-area.style-two .gallery-width .image img {
	position:relative;
	width:100%;
}
.blog-area.style-two .gallery-width .lightbox-image {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 99;
	align-items: center;
	justify-content: center;
	background-color:rgba(0, 0, 0, 0.6);
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
.blog-area.style-two .gallery-width .lightbox-image i {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.blog-area.style-two .gallery-width .image:hover .lightbox-image {
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}
/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	margin-top: 10px;
}
.styled-pagination li {
	position:relative;
	display:inline-block;
	margin-right: 5px;
}
.styled-pagination li a {
	position: relative;
	display: block;
	line-height: 45px;
	font-size: 18px;
	width: 45px;
	height: 45px;
	color: #848484;
	font-weight: 600;
	text-align: center;
	background: #ffffff;
	border: 1px solid #f6f6f6;
	font-family: 'Roboto', sans-serif;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}
.styled-pagination li a.prev, .styled-pagination li a.next {
	font-size:18px;
}
.styled-pagination li a:hover, .styled-pagination li a.active {
	color:#ffffff;
	background:#00c6ff;
	border-color: #00c6ff;
	transition:all 500ms ease;
}
/*** 

====================================================================
	Blog Details
====================================================================

***/

.blog-area.style-three .media-links {
	margin-top: 20px;
	border-top: 1px solid #f6f6f6;
}
.blog-area.style-three .media-links .social-links li {
	display: inline-block;
	font-size: 13px;
	line-height: 28px;
	font-weight: 400;
	color: #848484;
	padding: 12px 0px;
	margin-right: 15px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-three .media-links .social-links li i {
	color: #a2a2a2;
}
.blog-area.style-three .media-links .social-links li:hover i {
	color: #00c6ff;
}
.blog-area.style-three .item-holder-box {
	margin-bottom: 60px;
}
.blog-area.style-three .comment-area {
	margin-bottom: 80px;
}
.blog-area.style-three .comment-area h5 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 20px;
}
.blog-area.style-three .comment-area .item {
	position: relative;
	padding-left: 100px;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}
.blog-area.style-three .comment-area .item.reply {
	position: relative;
	padding-left: 80px;
	margin-left: 50px;
}
.blog-area.style-three .comment-area .image-box {
	position: absolute;
	top: 5px;
	left: 0px;
}
.blog-area.style-three .comment-area .item h6 {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #222222;
}
.blog-area.style-three .comment-area .item span {
	font-size: 14px;
	font-weight: 400;
	color: #848484;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-three .comment-area .item i {
	margin-right: 10px;
}
.blog-area.style-three .comment-area .item p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
}
.blog-area.style-three .form-area h5 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 20px;
}
.blog-area.style-three .form-group {
	margin-bottom: 20px;
}
.blog-area.style-three .form-group input {
	height: 50px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	box-shadow: none;
	padding: 10px 20px;
	display: inline-block;
	border: 1px solid #f6f6f6;
	font-family: 'Roboto', sans-serif;
}
.blog-area.style-three .form-group textarea {
	height: 160px;
	border-radius: 0px;
	box-shadow: none;
	padding: 10px 20px;
	resize: none;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #f6f6f6;
}
/*banner底部*/
.container{width: 1200px;}
.dh2{width: 100%;background: url(../images/images/index2_11.jpg) no-repeat center;height: 140px;}
.dh2 ul li{display: inline-block;color: #fff;margin-top: 35px;}
.A{width: 600px;}
.A img{display: block;float: left;padding: 0px 20px 0px 0;}
.A p{font-size: 22px;line-height: 30px;}
.A span{font-family: 'impact';font-size: 30px;}
/*.B{width: 420px;font-size: 18px;line-height: 40px;border-right: 1px solid rgba(255,255,255, 0.4);padding-left: 40px;}*/
.C{width: 580px;font-size: 16px;padding-left: 40px;}
.C img{display: block;float: left;padding: 0px 20px 0px 0;}
.C span{font-size: 30px;line-height: 40px;}
/*热销产品*/
.rxcp{width: 100%;margin: 50px auto;}
.rxcp_tit{text-align: center;}
.rxcp_show{margin-top:30px;}
.rxcp_show ul li{display: inline-block;margin-right: 10px;width: 388px;border: 1px solid #ccc;border-radius: 3px;}
.rxcp_show ul li:hover{background: #00c6ff;color: #fff;}
.rxcp_show ul li a img{display: block;margin:20px;}
.rxcp_more ul li{float: left;
    display: block;
    width: 140px;
    height: 40px;
    margin: 10px 26px;
    line-height: 20px;}
.rxcp_more ul li a{display: block;padding:10px 20px;text-align: center;border-radius: 3px;width: 140px;height: 40px;background: #ccc;color: #000;}
.rxcp_more ul li a:hover{background: red;color: #fff;border-radius: 3px;}
/*优势开始*/
.ys{width: 100%;height:500px;background: url(../images/images/ys_19.jpg) no-repeat center; margin-top:50px;}
.ys_l{width: 500px;margin-top: 90px;}
.ys_r{width: 600px;}
.ys_l h2{font-size: 30px;color: #333;float: left;}
.ys_l span{display: block;float: left;padding:3px 20px;background: red;color: #fff;border-radius:3px;font-size: 18px;margin-left: 10px;}
.ys_l p{color: #333;line-height: 36px;text-indent: 2em;font-size: 16px;padding-top: 10px;}
.ys_l h1{font-size: 36px;color: #333;padding-top: 138px;}
.ys2{width: 100%;height:515px;background: url(../images/images/ys2_21.png) no-repeat center;margin-top: 50px; }
.ys2_l{width: 600px;display: block;float:left;}
.ys2_r{width: 600px;display: block;float:right;}
.ys2_r h1{font-size: 36px;color: #333;}
.ys2_r h1 span{color: red;font-family: 'impact';font-style: italic; }
.ys2_r p{color: #333;line-height: 30px;padding-top: 16px;text-indent: 2em;font-size: 16px;}
/*产品中心*/
.cp{width: 100%;height:810px;background: url(../images/images/index2_19.jpg) no-repeat center;margin-top: 50px;}
.cp_tit{text-align: center;padding-top: 66px;}
.cp_show{margin-top: 30px;}
.cp_show a{display: block;float: left;width: 280px;height: 280px;background: #f2f2f2;text-align: center;margin-right: 20px;margin-bottom: 20px;color: #333;}
.cp_show a img{margin:10px;}
.cp_show a:hover{background: red;color: #fff;}
/*关于我们*/
.ab{width: 100%;height: 606px;background: url(../images/images/index2_20.jpg) no-repeat center;}
.ab_l{width: 470px;float: left;}
.ab_r{width: 700px;float: right;}
.ab_tit{margin-top: 90px;}
.ab_tit span{font-size: 30px;font-family: 'Arial';color: #ccc;}
.ab_tit h1{color: #333;font-size: 30px;line-height: 70px;border-bottom: 1px solid #666;}
.ab_show{font-size: 14px;color: #666;line-height: 30px;padding-top: 20px;text-indent: 2em;}
.ab_more{margin-top: 20px;}
.ab_more ul li{display: inline-block;}
.ab_more ul li a{display: block;padding: 5px 20px;border: 1px solid #333;border-radius: 3px;color: #333; }
.ab_more ul li a:hover{background: red;color: #fff;border: 1px solid red;}
/*工厂展示*/
.gczs{width: 100%;margin:0 auto;}
.gczs_tit{margin-top: 60px;text-align: center;}
.gczs_tit span{line-height: 36px;}
.gczs_show{}
.gczs_show a{border: 1px solid #ccc;margin-right: 10px;margin-bottom: 10px;display: block;width: 390px;height: 300px;float: left;}
/*广告*/
.gg{width: 100%;height:400px;background: url(../images/images/index2_26.jpg) no-repeat center;margin:50px auto;text-align: right;}
.gg_tit{margin-top: 50px;width: 427px;height: 87px;background: url(../images/images/gjj_07.png) no-repeat center;float: right;
font-size: 36px;color: #fff;line-height: 87px;padding-right: 20px;display: table;}
.gg_show{display: table;margin-top: 160px;padding-left: 580px;}
.gg_more{margin-top: 20px;}
.gg_more ul li{display: inline-block;}
.gg_more ul li a{background: #fff;display: block;padding: 8px 30px;border-radius: 3px;color: #333;}
.gg_more ul li a:hover{background: red;color: #fff;}
/*新闻中心*/
.xw{width: 100%;margin: 50px auto;}
.xw_tit{text-align: center;}
.xw_tit span{line-height: 40px;}
.xw_show{}
.sec-title a{color: #333;}
.sec-title a:hover{color: red;}
/*底部*/
.db{width: 100%;height:300px;background: url(../images/images/index2_13.jpg) no-repeat center; }
.db_s{border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin-top: 60px;padding-bottom: 30px;display: table;}
.dbs_l{float: left;color: #fff;width: 750px;margin-top: 40px;}
.dbs_l ul li{float: left;padding-right: 30px;line-height: 40px;}
.dbs_l ul li a{color: #fff;}
.dbs_l ul li a:hover{color: red;}
.dbs_r{float: right;margin-top: 40px;width: 450px;}
.dbs_r img{padding-left: 93px;}
.db_x{padding-top: 20px;color: #ccc;font-size: 14px;}
.db_x a{color: #fff;}
.db_x a:hover{color: red;}
.dbx_l{float: left;}
.dbx_r{float: right;}
/*左侧导航*/
.ddsmoothmenu-v1{
	border: 1px solid #d7d7d7;
}
.ddsmoothmenu-v1>ul>li{
  width: 238px;
  border-bottom: 1px solid #d7d7d7;
	background: #fff;
	text-align: left;
	transition: all 0.6s;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.ddsmoothmenu-v1>ul>li>a>span{
	font-size: 18px;
	color: #202020;
	display: block;
	}
.ddsmoothmenu-v1 ul li:hover{
	background:#00c6ff;
}
.ddsmoothmenu-v1>ul>li.lihover{
	background:#00c6ff;
}
.ddsmoothmenu-v1 ul li:hover a span{
	color: #fff;
}
.ddsmoothmenu-v1>ul>li.lihover a span{
	color: #fff;
}
/*公司简介*/
.ny_banner img{width: 100%;margin: 0 auto;}
.title{float: left;}
.title h4{color: #333;}
.title_2{float: right;}
/*在线留言*/
section.contact-inner-section {
    padding: 80px 0 100px;
}

.contact-inner-form {
    margin-top: 34px;
}

.form-top {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 20px;
}

.form-top input {
    height: 60px;
    border-radius: 5px;
    background-color: #f1f3ef;
    width: 100%;
    padding: 10px 20px;
    border: none;
}

.form-top input::placeholder,
.form-bottom textarea::placeholder {
    font-size: 16px;
    line-height: 28px;
    color: #797979;
    font-weight: 400;
    font-family: "Poppins";
}

.form-bottom textarea {
    width: 100%;
    height: 180px;
    border-radius: 5px;
    background-color: #f1f3ef;
    border: none;
    padding: 10px 20px;
    resize: none;
    margin-bottom: 14px;
}

.form-button button {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
    border-radius: 5px;
    padding: 12px 32px;
    overflow: hidden;
    background-color: #00c6ff;
    position: relative;
    z-index: 1;
    transition: .4s;
    border: none;
}

.form-button button:hover {
    filter: hue-rotate(360deg);
}

.form-button button::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #333;
    transition: .5s;
    z-index: -1;
    border-radius: 5px;
}

.form-button button:hover::before {
    width: 100%;
    left: 0;
    filter: hue-rotate(360deg);
}

.contact-inner-item {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 56%;
    border-bottom: 1px solid #c6c6c6;
    padding: 31px 0 26px;
	width: 100%;
}
.tab-contents .info-desc img{
	max-width: 100%;
	
}

.contact-inner-item:nth-child(1) {
    margin-top: 14px;
}

.contact-inner-item-title h6 {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    font-weight: 600;
    margin: 0;
}

.contact-inner-item-desc {
    margin: 8px 0 0;
}

.contact-inner-item-desc p {
    line-height: 26px;
    margin: 0;
}

.contact-inner-item-desc a {
    display: block;
    line-height: 26px;
    color: #797979;
}

.contact-inner-social ul li {
    display: inline-block;
    margin: 24px 2px;
}

.contact-inner-social a {
    width: 45px;
    height: 45px;
    border-radius: 22px;
    background-color: #797979;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 1;
}

.contact-inner-social a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e18a07;
    z-index: -1;
    border-radius: 30px;
    transition: .5s;
    transform: scale(0);
}

.contact-inner-social a:hover:before {
    transform: scale(1);
}

.contact-location {
    padding-bottom: 100px;
}

.contact-location iframe {
    width: 100%;
    height: 591px;
}