.header {
	background: #fff
}

.header .topbar {
	background: #333;
	padding: 15px 0
}

.header .address {
	text-align: left
}

.header .address li {
	color: #fff;
	display: inline-block;
	padding-right: 25px;
	font-size: 13px
}

.header .address li:last-child {
	padding-right: 0
}

.header .address li i {
	padding-right: 8px
}

.header .social {
	text-align: right
}

.header .social li {
	display: inline-block;
	padding-right: 18px;
	font-size: 13px
}

.header .social li:first-child a {
	color: #fff
}

.header .social li:first-child a i {
	padding-right: 8px
}

.header .social li a {
	color: #ccc;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.header .social li:last-child {
	padding-right: 0
}

.header .header-inner {
	max-height: 100px;
	padding: 25px 0;
	background: #fff;
	z-index: 95;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.header .header-inner.sticky {
	position: fixed;
	width: 100%;
	padding: 10px 0;
	top: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.32);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.32);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.32)
}

.header .header-inner.sticky .dropdown {
	top: 120%
}

.header .header-inner.sticky .search-form {
	bottom: -100px
}

.header .logo {
	padding-top: 18px
}

.header .mobile-menu {
	display: none
}

.header .main-menu {
	position: relative
}

.header .navbar {
	float: right
}

.header .nav li {
	margin-right: 15px;
	position: relative
}

.header .nav li a {
	font-weight: 500;
	text-transform: uppercase;
	color: #444;
	font-size: 16px;
	margin: 0 20px;
	padding: 15px 0;
	position: relative;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: block;
	background: transparent
}

.header .nav li:hover a {
	color: #444
}

.header .nav li:last-child,.header .nav li:last-child a {
	padding-right: 0;
	margin-right: 0
}

.header .nav li a::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 0;
	opacity: 0;
	height: 3px;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.header .nav li:hover a::before,.header .nav li.current a::before {
	width: 100%;
	opacity: 1
}

.header .nav .dropdown {
	position: absolute;
	left: 0;
	width: 220px;
	z-index: 2;
	background: #333;
	top: 130%;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	border-radius: 5px 5px 0 0;
	opacity: 0;
	visibility: hidden
}

.header .nav li:hover .dropdown {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	visibility: visible
}

.header .nav .dropdown li {
	display: block;
	width: 100%;
	margin: 0;
	float: none
}

.header .nav li .dropdown li a {
	color: #fff;
	padding: 10px 0
}

.header .nav .dropdown li a:before {
	display: none
}

.header .cart-search-bar {
	float: right;
	padding-top: 13px
}

.header .cart-search-bar li {
	display: inline-block;
	margin-left: 35px
}

.header .cart-search-bar li:last-child {
	margin-right: 0
}

.header .cart-search-bar li a {
	font-size: 18px;
	color: #a5a5a5;
	display: block;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.header .cart-search-bar .cart-item {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 100%;
	text-align: center;
	top: -8px;
	right: -12px
}

.header .search-form {
	position: absolute;
	bottom: -115px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
	z-index: 999
}

.header .search-form.s-active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}

.header .search-form input[type="text"] {
	width: 400px;
	height: 40px;
	padding-left: 10px;
	text-transform: uppercase;
	margin: 0;
	z-index: 60
}

.header .search-form input[type="submit"] {
	height: 40px;
	padding: 0 10px;
	position: absolute;
	right: 0;
	border: 0;
	color: #fff;
	top: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.header .search-form input[type="submit"]:hover {
	background: #333
}

.header .side-menu {
	position: fixed;
	right: 0;
	height: 100%;
	width: 200px;
	z-index: 6;
	background: #333;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100px);
	transition: all .4s ease
}

.header .side-menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px)
}

.header .side-menu .nav {
	padding: 90px 0
}

.header .side-menu .nav li {
	float: none;
	width: 100%
}

.header .side-menu .nav li a {
	color: #fff
}

.header .side-menu .nav li.remove a {
	padding: 0;
	font-size: 17px;
	cursor: pointer
}

.header .side-menu .nav li.remove a:before {
	display: none
}

.sufia-slider .single-slider {
	height: 750px;
	background-size: cover;
	position: relative
}

.sufia-slider .single-slider:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.1)
}

.sufia-slider .welcome-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 600px;
	background: transparent
}

.sufia-slider .welcome-text.center {
	text-align: center
}

.sufia-slider .welcome-text.right {
	text-align: right
}

.sufia-slider .welcome-text h1 {
	color: #011b18;
	font-size: 60px;
	font-weight: 600;
	text-transform: capitalize
}

.sufia-slider .welcome-text h1 span {
	display: block;
	margin-bottom: 20px
}

.sufia-slider .welcome-text .button {
	margin-top: 40px
}

.sufia-slider .welcome-text .button .btn {
	text-transform: capitalize;
	width: 160px;
	margin-right: 30px;
	border-radius: 3px;
	color: #333;
	background: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative
}

.sufia-slider .welcome-text .button .btn:hover {
	color: #fff;
	background: #29b6f6
}

.sufia-slider .welcome-text .button .btn.primary {
	background: #29b6f6;
	color: #fff
}

.sufia-slider .welcome-text .button .btn.primary:hover {
	background: #fff;
	color: #333
}

.sufia-slider .welcome-text .button .btn:last-child {
	margin: 0
}

.sufia-slider .welcome-text .b-arrow {
	background: url(:10007/home/css/img/arrow.png);
	width: 100%;
	height: 18px;
	background-repeat: no-repeat;
	margin-top: 40px
}

.sufia-slider .welcome-text.center .b-arrow {
	background-position: center
}

.sufia-slider .welcome-text.right .b-arrow {
	background-position: right
}

.sufia-slider button {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	margin-top: -40px;
	z-index: 5;
	color: #fff;
	background: rgba(255,255,255,0.30);
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}

.sufia-slider button:hover {
	color: #fff
}

.sufia-slider button.PrevArrow {
	left: 0
}

.sufia-slider button.NextArrow {
	right: 0
}

.sufia-slider .single-slider.slick-active h1 {
	animation: fadeInUp 1s both .6s
}

.sufia-slider .single-slider.slick-active .btn {
	animation: fadeInUp 1s both 1s
}

.sufia-slider .single-slider.slick-active .b-arrow {
	animation: fadeInUp 1s both 1.5s
}

.count-down.section {
	padding-top: 60px;
	padding-bottom: 90px;
	background-image: url(../image/count-bg.png);
	background-size: cover;
	background-position: center center;
}
.count-down.section .section-title h2{
    color:rgb(255,255,255);
}

.count-down .single-count {
	margin-top: 30px;
}

.project .project-nav {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center
}

.project .project-nav ul li {
	display: inline-block;
	padding: 15px;
	font-size: 20px;
	position: relative;
	cursor: pointer;
	color: #333;
	margin-right: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.project .project-nav ul li.active,.project .project-nav ul li:hover {
	color: #363636
}

.project .project-nav ul li::before {
	position: absolute;
	width: 0;
	height: 1px;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -17.5px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.project .project-nav ul li.active::before,.project .project-nav ul li:hover::before {
	width: 35px
}

.project .project-nav ul li:last-child {
	margin-right: 0
}

.project .single-project {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.project .project-head {
	position: relative
}

.project .project-head:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.52);
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%)
}

.project .single-project:hover .project-head:before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
	visibility: visible
}

.project .single-project img {
	display: block;
	width: 100%
}

.project .single-portfolio {
	position: relative;
	color: #fff
}

.project .project-hover {
	position: absolute;
	top: 0;
	z-index: 5;
	color: #fff;
	top: 50%;
	padding-left: 30px;
	padding-right: 30px;
	opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.project .single-project:hover .project-hover {
	opacity: 1;
	visibility: visible
}

.project .project-hover h4 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	font-weight: 500
}

.project .project-hover h4:before {
	position: absolute;
	width: 30px;
	height: 1px;
	content: "";
	bottom: 0
}

.project .project-hover h4 a {
	color: #fff
}

.project .button {
	margin-top: 30px;
	text-align: center
}

.project .button .btn {
	width: 170px;
	height: 50px;
	padding: 0;
	line-height: 50px;
	display: inline-block;
	border: 2px solid #e0e0e0;
	border-radius: 50px;
	text-transform: capitalize;
	color: #888;
	font-size: 15px
}

.project .button .btn:hover {
	color: #fff;
	border-color: transparent
}

.project.archive {
	padding: 70px 0
}

.project.archive .project-nav {
	text-align: left;
	padding-top: 0
}

.project.single .project-slide .project-hover {
	text-align: center;
	padding: 0 80px
}

.project.single .project-slide button {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	margin-top: -20px;
	z-index: 8;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}

.project.single .project-slide button:hover {
	color: #fff
}

.project.single .project-slide button.PrevArrow {
	left: 0
}

.project.single .project-slide button.NextArrow {
	right: 0
}

.project.single .project-descreption h2 {
	position: relative;
	display: inline-block
}

.project.single .project-descreption h2:before {
	content: "";
	position: absolute;
	left: 0;
	width: 30%;
	bottom: -15px;
	height: 2px
}

.project.single .project-descreption p {
	margin-top: 30px
}

.project.single .project-info {
	margin-top: 20px
}

.project.single .project-info li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.project.single .project-info li:last-child {
	border-bottom: 0 solid;
	padding: 0;
	margin: 0
}

.project.single .project-info li i {
	margin-right: 5px
}

.project.single .project-info li span {
	font-weight: 600;
	color: #888;
	margin-right: 5px
}

.project.single .project-info li a {
	color: #444
}

.project.single .button {
	margin-top: 30px
}

.project.single .button i {
	margin-right: 5px
}

.project.single .project-related {
	margin-top: 30px
}

.project.single .project-related h4 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	position: relative;
	display: inline-block
}

.project.single .project-related h4::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 30%;
	height: 2px
}

.project.single .project-related .slick-dots {
	text-align: center
}

.project.single .project-related .slick-dots li {
	display: inline-block;
	margin-right: 10px
}

.project.single .project-related .slick-dots button {
	font-size: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #999
}

.testimonial.section {
	position: relative;
	color: #fff;
	padding: 90px 0;
	background-image: url(../image/testimonial.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed
}

.testimonial:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.45)
}

.testimonial .testimonial-content {
	text-align: center;
	margin: 0 auto
}

.testimonial-content_body {
	margin-top: 30px
}

.testimonial-content_body_title {
	width: 100%;
	height: 350px;
	background: #22b7fd;
	margin-top: 30px
}

.testimonial-content_body_title h3 {
	font-size: 20px;
	padding-top: 30px
}

.testimonial-content_body_title p {
	padding: 30px;
	font-size: 16px;
	color: #000
}

.team .single-team {
	position: relative;
	margin-top: 50px;
	text-align: center;
	overflow: hidden
}

.team .team-head {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 280px;
	border-radius: 100%
}

.team .single-team img {
	z-index: 5;
	width: 100%;
	height: 280px;
	border-radius: 100%;
	overflow: hidden
}

.team .single-team:hover img {
	transform: translateY(-100%)
}

.team .team-head:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	visibility: hidden;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 8
}

.team .single-team:hover .team-head:before {
	visibility: visible;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	width: 100%;
	height: 280px;
	border-radius: 100%;
	overflow: hidden
}

.team .hover-team {
	position: absolute;
	color: #fff;
	top: 0;
	text-align: center;
	padding: 70px 25px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	z-index: 10
}

.team .single-team:hover .hover-team {
	opacity: 1;
	visibility: visible
}

.team .hover-team p {
	font-size: 15px;
	color: #fff
}

.team .team-social {
	margin-top: 30px
}

.team .team-social li {
	display: inline-block;
	margin-right: 10px
}

.team .team-social a {
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background: #fff;
	color: #5d4b3e;
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.team .team-social a:hover {
	background: #5a473b;
	color: #fff
}

.team .single-team:hover .team-social {
	bottom: 0;
	opacity: 1
}

.team .member-name {
	margin-top: 20px
}

.team .member-name h4 {
	font-size: 21px;
	margin-bottom: 10px;
	color: #444
}

.team .member-name p {
	color: #888
}

.team .button {
	margin-top: 30px;
	text-align: center
}

.team .button .btn {
	width: 170px;
	height: 50px;
	padding: 0;
	line-height: 50px;
	display: inline-block;
	border: 2px solid #e0e0e0;
	border-radius: 50px;
	text-transform: capitalize;
	color: #888;
	font-size: 15px
}

.team .button .btn:hover {
	color: #fff;
	border-color: transparent
}

.newslatter {
	background-image: url(../image/news.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center
}

.newslatter_title {
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px
}

.newslatter_title h3 {
	color: #FFF
}

.newslatter_title a {
	color: #FFF
}

.newslatter_title a:hover {
	background: #00834a;
	padding: 5px 10px
}

.newslatter_body img {
	margin-top: 30px
}

.newslatter_body_button ul {
	display: flex;
	justify-content: center
}

.newslatter_body_button ul li {
	background: #FFF;
	padding: 8px 20px;
	margin: 10px;
	border-radius: 5px
}

.newslatter_body_button ul li a {
	font-size: 16px;
	color: #00834a
}

.newslatter_body_button ul li:hover {
	background: #00834a
}

.newslatter_body_button ul li:hover a {
	color: #FFF;
	font-weight: 500
}

.newslatter_body_content p {
	margin-top: 30px;
	color: #FFF;
	font-size: 16px;
	text-indent: 2em
}

.newslatter_body_button {
	margin-top: 50px
}

.newsblog .single-news {
	background: #faf9f9;
	border: 1px solid #eee;
	margin-top: 50px
}

.newsblog .single-news .news-head {
	position: relative;
	overflow: hidden
}

.newsblog .news-head::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.51);
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	z-index: 8
}

.newsblog .single-news:hover .news-head:before {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%)
}

.newsblog .single-news .news-head img {
	display: block;
	width: 100%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	z-index: 3
}

.newsblog .single-news:hover .news-head img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2)
}

.newsblog .single-news .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: #333;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	left: 50%;
	margin: -20px 0 0 -20px;
	line-height: 40px;
	z-index: 9
}

.newsblog .single-news:hover .link {
	top: 50%;
	opacity: 1;
	visibility: visible
}

.newsblog .news-content {
	padding: 30px
}

.newsblog .news-content h4 {
	margin-bottom: 10px;
	font-size: 18px
}

.newsblog .news-content h4 a {
	color: #363636;
	cursor: pointer;
	text-transform: capitalize
}

.newsblog .news-content .date {
	color: #bbb;
	font-size: 13px;
	margin-bottom: 15px
}

.newsblog .news-content p {
	color: #999;
	font-size: 15px
}

.newsblog .news-content .btn {
	margin-top: 15px;
	font-size: 15px;
	padding: 0;
	background: transparent;
	border: 0
}

.newsblog .news-content .btn:hover {
	color: #333
}

.newsblog .news-content .btn:hover span {
	-webkit-animation-name: hvr-icon-buzz-out;
	animation-name: hvr-icon-buzz-out;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.newsblog .button {
	text-align: center
}

.newsblog .button .btn {
	width: 170px;
	height: 50px;
	margin-top: 70px;
	padding: 0;
	line-height: 50px;
	display: inline-block;
	border: 2px solid #e0e0e0;
	border-radius: 50px;
	text-transform: capitalize;
	color: #888;
	font-size: 15px
}

.newsblog .button .btn:hover {
	color: #fff;
	border-color: transparent
}

.newsblog.single .news-head::before {
	display: none
}

.newsblog.single .news-head::before {
	display: none
}

.newsblog.single .single-news .link {
	display: none
}

.newsblog .layout-resize {
	max-width: 900px;
	margin: 0 auto;
	float: none
}

.newsblog.single {
	padding: 20px 0 70px;
	background: #f5f5f5
}

.newsblog .single-news.video .news-head:before {
	display: none
}

.newsblog.single .single-news {
	background: #fff;
	padding: 15px
}

.newsblog.single .news-content h4 {
	font-size: 25px
}

.newsblog.single .news-head iframe {
	height: 400px;
	width: 100%
}

.newsblog.single .pagination {
	display: block;
	padding-left: 0;
	margin: 50px 0 0;
	border-radius: 4px;
	text-align: center
}

.newsblog.single .pagination li {
	display: inline-block
}

.newsblog.single .pagination li a {
	color: #333;
	background: #faf9f9;
	padding: 10px 25px
}

.newsblog.single .pagination li:hover a,.newsblog.single .pagination li.active a {
	border-color: transparent;
	color: #fff
}

.newsblog.single .news-slide .single-slide {
	overflow: hidden;
	position: relative
}

.newsblog.single .news-slide button {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	margin-top: -20px;
	z-index: 8;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}

.newsblog.single .news-slide button:hover {
	color: #fff
}

.newsblog.single .news-slide button.PrevArrow {
	left: 0
}

.newsblog.single .news-slide button.NextArrow {
	right: 0
}

.newsblog .form .search {
	position: relative
}

.newsblog .form .s-button {
	position: absolute;
	right: 0;
	top: 0
}

.newsblog .form .s-button i {
	position: absolute;
	left: 9px;
	top: 20px;
	content: "";
	color: #fff;
	font-size: 13px
}

.newsblog .form .search input[type="text"] {
	border: 0 solid;
	width: 100%;
	height: 50px;
	background: #f5f5f5;
	padding-left: 10px
}

.newsblog .form .search input[type="submit"] {
	height: 50px;
	width: 81px;
	border: 0 solid;
	color: #fff;
	right: 0;
	padding-left: 13px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.newsblog .form .search input[type="submit"]:hover {
	background: #333
}

.newsblog .blog-sidebar {
	margin-top: 50px
}

.newsblog .single-sidebar {
	border-bottom: 1px solid #42acf6;
	margin-bottom: 30px;
	background: #fff;
	padding: 15px
}

.newsblog .single-sidebar:last-child {
	margin: 0;
	border: 0
}

.newsblog .single-sidebar h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	display: inline-block;
	position: relative
}

.newsblog .single-sidebar h2:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 2px;
	content: ""
}

.newsblog .single-sidebar ul li a {
	color: #888
}

.newsblog .latest .single-post {
	overflow: hidden;
	margin-bottom: 20px
}

.newsblog .latest .single-post:last-child {
	margin-bottom: 0
}

.newsblog .latest .single-post .post-img {
	float: left;
	margin-right: 10px
}

.newsblog .latest .single-post img {
	width: 60px;
	height: 60px;
	border-radius: 100%
}

.newsblog .latest .post-info {
	display: table-cell;
	vertical-align: top
}

.newsblog .latest .post-info h4 {
	margin: 0;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 25px;
	font-weight: 400
}

.newsblog .latest .post-info a {
	color: #888;
	font-size: 16px;
	font-weight: 400
}

.newsblog .latest .post-info h4:hover a {
	color: #4eb1f7
}

.newsblog .latest .post-info p {
	margin: 0;
	font-weight: 500
}

.newsblog .category ul li {
	margin-bottom: 5px;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.newsblog .category ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.newsblog .call-to-action .call-inner {
	padding: 60px;
	text-align: center
}

.newsblog .call-inner h4 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 28px
}

.newsblog .call-inner .btn {
	color: #fff;
	padding: 11px 23px;
	background: #444
}

.newsblog .call-inner .btn i {
	margin-right: 10px;
	color: #fff
}

.newsblog .tags ul li {
	display: inline-block;
	margin-right: 5px
}

.newsblog .tags ul li a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	background: #444
}

.newsblog.single .news-content {
	padding: 20px 20px 0
}

.newsblog .news-share {
	text-align: left;
	padding: 20px
}

.newsblog .news-share ul {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.newsblog .news-share ul li {
	display: inline-block;
	margin: 0 6px 6px 0
}

.newsblog .news-share ul li.share {
	text-transform: uppercase;
	font-weight: 500
}

.newsblog .news-share ul li.share i {
	margin-left: 5px
}

.newsblog .news-share ul li a {
	display: block;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background: #252525
}

.newsblog .prev-next {
	padding: 20px
}

.newsblog .prev-next ul {
	overflow: hidden
}

.newsblog .prev-next ul li.prev {
	float: left
}

.newsblog .prev-next ul li.next {
	float: right
}

.newsblog .prev-next ul li i {
	border: 1px solid #ccc;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
	font-size: 23px;
	color: #777;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.newsblog .prev-next ul li:hover i {
	background: #42acf6;
	color: #fff;
	border-color: transparent
}

.newsblog .prev-next ul li a {
	text-transform: uppercase;
	font-weight: 500
}

.newsblog .prev-next ul li a {
	text-transform: uppercase;
	font-weight: 700
}

.newsblog .prev-next ul li:hover a {
	color: #252525
}

.newsblog .blog-comments {
	padding: 20px 20px 0
}

.newsblog .blog-comments h2 {
	text-align: left;
	text-transform: capitalize;
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center
}

.newsblog .blog-comments h2::before {
	position: absolute;
	left: 50%;
	margin-left: -15%;
	bottom: -1px;
	content: "";
	width: 30%;
	height: 2px;
	content: "";
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.newsblog .single-comments {
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: 30px
}

.newsblog .single-comments .main {
	overflow: hidden
}

.newsblog .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%
}

.newsblog .single-comments .body {
	float: left;
	width: 80%
}

.newsblog .single-comments img {
	width: 65px;
	height: 65px;
	border-radius: 100%
}

.newsblog .single-comments h4 {
	margin: 5px 0 0;
	font-size: 16px;
	text-align: left;
	font-weight: 400
}

.newsblog .single-comments .meta {
	font-size: 13px;
	margin: 0;
	color: #888;
	font-weight: 400
}

.newsblog .single-comments p {
	font-size: 13px
}

.newsblog .single-comments a {
	text-transform: capitalize;
	font-size: 13px
}

.newsblog .single-comments a:hover {
	color: #444
}

.newsblog .login {
	text-align: center
}

.newsblog .blog-comments .login a {
	font-size: 13px;
	color: #888;
	text-transform: uppercase
}

.newsblog .blog-comments .login i {
	font-size: 16px;
	margin-right: 10px
}

#contact {
	background: #f5f5f5
}

#contact.personal {
	background: #fff
}

#contact .form-group {
	position: relative
}

#contact .form-group:last-child {
	margin: 0
}

#contact .form-group i {
	position: absolute;
	font-size: 16px;
	padding: 15px 12px
}

#contact .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #bbb;
	padding-left: 15px;
	border-radius: 5px
}

#contact .form-group textarea {
	border: 1px solid #bbb;
	padding: 10px;
	width: 100%;
	padding-left: 15px;
	border-radius: 3px;
	resize: none
}

#contact .form-group .button {
	display: block;
	height: 44px;
	border-radius: 3px;
	border: 0 solid;
	padding: 0 35px;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	color: #fff
}

#contact .form-group .button:hover {
	background: #252525
}

#contact .form-group .button i {
	position: relative;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	padding: 0
}

#contact .map {
	width: 100%;
	height: 385px
}

.header.personal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 93
}

.header.personal .header-inner {
	padding: 15px 0
}

.header.personal .search-form {
	bottom: -105px
}

.header.personal .side-menu .nav {
	padding: 28px 0
}

.about-me.section {
	padding: 50px 0 100px
}

.about-me .my-image {
	position: relative
}

.about-me .my-image,.about-text {
	margin-top: 50px
}

.about-me .my-image:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.18);
	content: "";
	z-index: 15;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.about-me .my-image i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	text-align: center;
	left: 50%;
	margin: -15px 0 0 -15px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	z-index: 16;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

.about-me .my-image a:hover i {
	background: #333
}

.about-me .my-image:hover:before,.about-me .my-image:hover i {
	opacity: 1;
	visibility: visible
}

.about-me img {
	border-radius: 10px;
	border-left: 5px solid
}

.about-me .social {
	text-align: center;
	margin-top: 15px
}

.about-me .social li {
	display: inline-block;
	margin-right: 10px
}

.about-me .social a {
	background-color: #333;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 50%;
	color: #fff;
	display: block;
	text-align: center
}

.about-me .social li:hover a,.about-me .social li.active a {
	color: #fff
}

.about-me .about-text h3 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px
}

.about-me .about-text h3:before {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 50px;
	height: 2px;
	content: ""
}

.about-me .about-text p {
	margin-bottom: 10px;
	color: #555
}

.about-me .progress-bar-main {
	overflow: hidden;
	margin-bottom: 25px
}

.about-me .progress-bar-main:last-child {
	margin-bottom: 0
}

.about-me .progress-text {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px
}

.about-me .progress-text p {
	float: left;
	color: #555;
	font-weight: 500
}

.about-me .progress-bar {
	background: #f7f7f7;
	height: 10px;
	position: relative;
	width: 100%;
	border-radius: 5px
}

.about-me .progress-bar .prog-bg {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 5px;
	position: relative
}

.about-me .progress-bar-main:nth-child(2n+1) .progress-bar .prog-bg {
	background: #333
}

.about-me .progress-bar .prog-bg span {
	text-align: right;
	position: absolute;
	right: 0;
	top: -32px;
	color: #555;
	font-size: 14px;
	font-weight: 500
}

#mail {
	background: #f5f5f5;
	text-align: center
}

#mail .button {
	margin-top: 10px
}

#mail .button .btn {
	padding: 12px 35px;
	background: #333;
	color: #fff
}

#mail .button i {
	margin-right: 5px
}

.footer .footer-top {
	background: #232328;
	padding: 60px 0 90px
}

.footer .single-widget {
	margin-top: 30px
}

.footer .footer-logo {
	margin-bottom: 20px
}

.footer .single-widget h2 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
	text-transform: uppercase
}

.footer .about p {
	color: #eee
}

.footer .button .btn {
	margin-top: 20px;
	padding: 10px 35px;
	text-transform: capitalize;
	border-radius: 50px;
	border: 1px solid transparent
}

.footer .button .btn:hover {
	background: transparent;
	border-color: #fff
}

.footer .contact ul li {
	color: #eee;
	position: relative;
	padding-left: 40px;
	font-family: 'Roboto',sans-serif;
	margin-bottom: 10px
}

.footer .contact ul li:last-child {
	margin: 0
}

.footer .contact ul li i {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	left: 0;
	margin-top: -15px;
	font-size: 16px
}

.footer .contact ul li a {
	color: #fff
}

.footer .social-icon li {
	float: left;
	width: 50%;
	margin-bottom: 10px
}

.footer .social-icon li:last-child {
	margin: 0
}

.footer .social-icon li a {
	color: #eee
}

.footer .social-icon li a:hover {
	color: #82b440
}

.footer .social-icon li a i {
	margin-right: 10px;
	width: 20px
}

.footer.style2 .footer-top {
	padding: 90px 0
}

.footer.style2 .footer-top {
	text-align: center
}

.footer.style2 .footer-logo {
	margin-bottom: 50px;
	text-align: center;
	display: inline-block
}

.footer.style2 .social li {
	display: inline-block;
	margin-right: 10px
}

.footer.style2 .social a {
	background-color: #2a2a2f;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	color: #fff;
	display: block;
	text-align: center
}

.footer.style2 .social li:hover a,.footer.style2 .social li.active a {
	color: #fff
}

.footer .copyright {
	padding: 12px 0;
	background: #1d1d21
}

.footer .copyright p {
	color: #bbb;
	font-size: 14px
}

.product {
	width: 100%;
	margin-bottom: 50px
}

.title_header>p {
	height: 75px;
	background: #06C;
	margin: 25px auto 5px auto;
	font-size: 32px;
	text-align: center;
	line-height: 75px;
	color: #FFF;
	font-weight: 400;
	border-top-left-radius: .2em;
	border-top-right-radius: .2em
}

.title_body {
	margin: 10px auto 0 auto;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-color: 1px solid #c1c1c1
}

@media screen and (max-width:768px) {
	.title_body {
		display: none
	}

	.title_header {
		display: none
	}
}

.product_1,.product_2,.product_3,.product_4,.product_5 {
	background: #e4e4e4
}

.product_1 li,.product_2 li,.product_3 li,.product_4 li,.product_5 li {
	font-size: 16px;
	padding: 8px 0 8px 30px;
	border-bottom: 1px dotted #00834a
}

.product_1 li:hover,.product_2 li:hover,.product_3 li:hover,.product_4 li:hover,.product_5 li:hover {
	background: #00834a
}

.product_dropdown {
	margin-left: -30px;
	margin-top: 10px;
	background: #FFF
}

.product_dropdown li {
	padding-left: 50px;
	border-top: 1px dotted #000;
	border-bottom: 0;
	padding-top: 5px;
	font-size: 14px
}

.product_dropdown li:last-child {
	margin-bottom: -8px
}

.product_dropdown li:hover {
	background: #ccc
}

.product_dropdown li:hover a {
	color: #000!important
}

.product_1 li:last-child,.product_2 li:last-child,.product_3 li:last-child,.product_4 li:last-child,.product_5 li:last-child {
	border-bottom: 0
}

.product_dropdown li a {
	color: #00834a!important
}

.product_1_header,.product_2_header,.product_3_header,.product_4_header,.product_5_header {
	background-image: url(../image/product_title.jpg);
	width: 100%;
	border-top: 8px solid #2a2a2a;
	border-bottom: 8px solid #2a2a2a
}

.product_1_header a,.product_2_header a,.product_3_header a,.product_4_header a,.product_5_header a {
	font-size: 18px;
	font-weight: 400;
	color: #FFF!important;
	padding-left: 30px
}

.product_1_header a:hover,.product_2_header a:hover,.product_3_header a:hover,.product_4_header a:hover,.product_5_header a:hover {
	color: #0066cd!important
}

.product_1 li a,.product_2 li a,.product_3 li a,.product_4 li a,.product_5 li a {
	color: #000
}

.product_1 li:hover a,.product_2 li:hover a,.product_3 li:hover a,.product_4 li:hover a,.product_5 li:hover a {
	color: #FFF
}

.down {
	border: 2px solid #999;
	margin: -3px auto 0 auto
}

.title_2 {
	text-align: right;
	padding-bottom: 5px
}

.title_1 {
	text-align: left;
	color: #0066cd;
	font-size: 22px
}

.mgs {
	border-bottom: 2px solid #00834a;
	margin-top: 25px
}

.product_slider {
	min-height: 300px;
	background: url(../image/news-banner.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat
}

.product_main {
	width: 100%;
	height: 100%;
	margin-top: 20px
}

.product_main_explain_bottom button {
	margin-top: 10px
}

.product_main_explain_bottom p,.product_main_explain_bottom button {
	width: 100%;
	padding: 8px 0;
	background: #06C;
	text-align: center;
	border-radius: 2px
}

.product_main_explain_bottom p a,.product_main_explain_bottom button {
	color: #FFF;
	font-size: 16px
}

.product_main_explain_bottom p:hover,.product_main_explain_bottom button:hover {
	background: #000
}

.product_main_explian_biaoti_1,.product_main_explian_biaoti_2,.product_main_explian_biaoti_3 {
	display: inline-flex
}

.product_main_explian_biaoti_1 p,.product_main_explian_biaoti_2 p,.product_main_explian_biaoti_3 p {
	font-size: 16px;
	color: #0066cd
}

.product_main_explian_biaoti_1 b,.product_main_explian_biaoti_2 b,.product_main_explian_biaoti_3 b {
	font-size: 15px
}

.product_main_explain_bottom {
	padding-top: 200px
}

.title_2 a {
	color: #0066cd
}

.title_2 a:hover {
	color: #0066cd;
	text-decoration: underline
}

.product_img img {
	margin-top: 20px
}

.product_img h4 {
	color: #000;
	text-align: center;
	background: #CCC;
	padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product_img h4:hover {
	color: #FFF;
	background: #C30;
    overflow: visible;
}

.product_table {
	width: 100%;
	height: 100%;
	margin: 10px 0;
	border-color: #004c2b;
	border-collapse: collapse
}

.product_parameter_3_header {
	color: #FFF;
	font-size: 18px;
	text-align: center;
	background: #00834a;
	padding: 10px 0;
	border-bottom: 2px solid #333
}

.product_td_1 {
	padding: 1px 0 1px 8px;
	color: #000
}

.product_td_2 {
	text-align: center
}

.product_td_3 {
	padding-left: 8px
}

.product_parameter_3_footer {
	padding: 5px 8px;
	font-size: 16px
}

.product_tr_1 {
	background: #EEE
}

.product_tr_2 {
	background: #d0d0d0
}

.product_main_select {
	display: flex;
	flex-wrap: wrap;
	padding-top: 25px
}

.product_main_select_title {
	margin: 8px 8px 10px 0
}

.text1 {
	border: 1px solid #95b9e7;
	padding: 3px 10px;
	display: block;
	background: #f5f5f5;
	text-align: center;
	width: 90px
}

#select_text {
	border: 1px solid #95b9e7;
	padding: 3px 12px
}

.product_main_select_title p {
	text-align: center
}

.product_main_select_title button {
	background: #95b9e7;
	padding: 4px 12px;
	color: #000;
	margin: 24px 15px 0 30px;
	border-radius: 2px
}

.product_main_select_title button:hover {
	color: #FFF;
	background: #000
}

.product_bold {
	width: 100%;
	height: 1px;
	background: #00834a;
	margin-top: 20px
}

.Industry {
	margin-top: 10px
}

/**.Industry ul li {
	float: left;
	padding: 15px;
	line-height: 5px;
	border: 1px solid #CCC
}

.Industry ul a {
	color: #000;
	font-size: 16px
}

.Industry ul li:hover {
	background: #C30
}*/
.Industry a{
	font-size: 1.2em;
	color: #fff;
	text-align: center;
}
.Industry div:hover{
	background: #d7d7d7;
}
.Industry div:hover a{
	color: #000;
}
.Industry div{
	border-radius:3px;
	background: #015176;
	padding: 8px 10px;
	text-align: center;
	margin: 5px 5px 0px 0px;
}
.product_parameter {
	padding-top: 25px
}

.product_parameter_1 {
	border-bottom: 3px solid #F60;
	background: #CCC;
	border-top: 1px solid #F30;
	border-radius: 1px
}

.product_parameter_1>b {
	font-size: 18px;
	color: #000;
	padding: 10px
}

.product_parameter_2>p {
	text-indent: 2em;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 16px
}

.product_parameter_2 {
	padding-top: 15px
}

.product_parameter_footer {
	display: inline-flex;
	width: 100%;
	padding-top: 25px
}

.product_parameter_footer_1,.product_parameter_footer_2 {
	margin: 0 auto;
	font-size: 16px;
	color: #0066cd
}

.product_parameter_footer_1 a,.product_parameter_footer_2 a {
	color: #F30
}

.product_parameter_footer_1 a:hover,.product_parameter_footer_2 a:hover {
	color: #000
}

.select_header {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border-bottom: 2px solid #C30;
	background: #CCC;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-bottom: 20px
}

.select_body {
	padding: 10px
}

.select_body button {
	background: #95b9e7;
	padding: 4px 12px;
	color: #000;
	margin: 30px 15px 0 30px;
	border-radius: 2px
}

.select_body button:hover {
	background: #000;
	color: #FFF
}

.select_body>p {
	text-align: center;
	font-size: 16px;
	padding-bottom: 5px;
	color: #000
}

.select_body_input2 {
	background: #e7e7e7;
	height: 33px
}

.content_select {
	width: 100%;
	height: 100%;
	background: url(:10007/home/images/timg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover
}

.product_lectotype_img {
	float: left;
	margin-bottom: 30px
}

.product_lectotype_img img {
	margin-top: 20px
}

.product_lectotype_img h4 {
	color: #000;
	text-align: center;
	background: #CCC;
	padding: 10px
}

.product_lectotype_img h4:hover {
	color: #FFF;
	background: #C30
}

.select_title h4 {
	text-align: center;
	color: #F30;
	font-size: 36px;
	padding: 5px 10px
}

.select_title {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #C30;
	background: #CCC;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.lectotype_paging ul li {
	border: 1px solid #FFF;
	padding: 3px 15px;
	margin: 20px 5px 50px 5px;
	color: #FFF
}

.lectotype_paging ul li:hover {
	background: #F30
}

.lectotype_paging ul {
	display: flex;
	justify-content: center
}

.lectotype_paging {
	clear: both
}

.lectotype_active {
	background: #F30
}

.nav_ny {
	border-bottom:1px solid #e6e6e6;
	margin-top: 20px;
	display: flex;
	justify-content: space-between
}

.news_search {
	margin: 5px 10px
}

.news_search>input[type="text"] {
	padding: 1px;
	border: 1px solid #00834a
}

.news_search button {
	padding: 2px 10px;
	background: #00834a;
	color: #FFF
}

.news_search button:hover {
	background: #000
}

.nav_ny ul {
	display: flex
}

.nav_ny ul li {
	padding: 8px;
	margin-right: 1px;
}

.nav_ny ul li a {
	font-size: 18px;
	color: #00834a
}

.nav_ny ul li:hover {
	background: #00834a
}

.nav_ny ul li:hover a {
	color: #FFF
}

.nav_ny .active a {
	color: #00834a
}

.main_classification ul li {
	display: inline-block;
	background: #00834a;
	padding: 8px 15px;
	margin-top: 10px
}

.main_classification ul li a {
	color: #FFF;
	font-size: 16px
}

.posnavs.tc h2 {
	text-align: center;
	margin-top: 50px
}

.fl {
	float: left
}

.pa {
	position: absolute
}

.main_new {
	width: 100%;
	height: auto;
	overflow: hidden
}

.main_new .newlist {
	padding: 30px 0
}

.main_new .newlist ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative
}

.main_new .newlist ul li .new_l {
	padding-left: 0;
	padding-right: 50px
}

.main_new .newlist ul li .new_l a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.main_new .newlist ul li .new_l .line {
	width: 140px;
	height: 1px;
	background: #af7b32;
	top: 50%;
	right: -62px;
	z-index: 4
}

.main_new .newlist ul li .new_l .line:before {
	content: "";
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -5px
}

.main_new .newlist ul li img {
	width: 100%
}

.main_new .newlist ul li .new_r {
	padding-right: 0;
	padding-left: 50px;
	margin-top: 5%;
	animation-delay: .25s
}

.main_new .newlist ul li .new_r .new_time {
	width: 110px;
	height: 110px;
	background: #ddc8ac;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	text-align: center;
	padding: 35px 0
}

.main_new .newlist ul li .new_r .new_time span {
	display: block;
	font-style: italic;
	color: #59411f;
	font-size: 16px
}

.main_new .newlist ul li .new_r .new_text {
	margin-left: 140px;
	padding-top: 14px
}

.main_new .newlist ul li .new_r .new_text dd {
	width: 100%;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	font-size: 16px;
	color: #333
}

.main_new .newlist ul li .new_r .new_text dd a {
	color: #333
}

.main_new .newlist ul li .new_r .new_text dt {
	width: 100%;
	height: 44px;
	line-height: 22px;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 10px;
	overflow: hidden
}

.main_new .newlist ul li .new_r .new_textbox {
	width: 100%;
	height: 112px
}

.main_new .newlist ul li .new_r:hover .new_textbox {
	border: 1px solid #af7b32
}

.main_new .newlist ul li .new_r:hover .new_textbox .new_time {
	background: #af7b32;
	color: #fff
}

.main_new .newlist ul li .new_r:hover .new_time span {
	color: #fff
}

.main_new .newlist ul li .new_r:hover dd a {
	color: #af7b32
}

.main_new .newlist ul li.li2 .new_l {
	padding-left: 50px;
	padding-right: 0;
	float: right
}

.main_new .newlist ul li.li2 .new_l .line {
	left: -70px!important
}

.main_new .newlist ul li.li2 .new_l .line:before {
	left: 100%
}

.main_new .newlist ul li.li2 .new_r {
	padding-right: 50px;
	padding-left: 0
}

.main_new .newlist ul li.li2 .new_r .new_time {
	float: right
}

.main_new .newlist ul li.li2 .new_r .new_text {
	margin-right: 140px;
	margin-left: 0
}

.main_new .newlist ul li .new_l .newimg_more {
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
	left: 0;
	background-color: rgba(51,51,51,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f333333,endcolorstr=#2f333333);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.main_new .newlist ul li .new_l:hover .newimg_more {
	opacity: 1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.main_new .newlist ul li .new_l .newimg_more span {
	text-align: center;
	line-height: 380px;
	color: #af7b32;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/line.png) center no-repeat;
	background-size: 100% 100%;
	font-size: 32px
}

.pagination-wrapper {
	clear: both;
	display: flex;
	justify-content: center;
	margin-top: 50px
}

.pagination-wrapper ul li a {
	color: #000
}

.pagination-wrapper ul li a:hover {
	color: #F30
}

.news_slider {
	min-height: 300px;
	background-image: url(../image/news-banner.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.news_product_header {
	display: flex;
	justify-content: space-between;
    border-bottom:1px solid #CCC;
	margin-top: 50px
}

.news_product_about ul li {
	display: inline-block;
	padding: 5px;
}

.news_product_about ul li a:hover {
	color:#000;
    text-decoration: underline
}

.news_product_about ul li a {
	color: #00834a;
	font-size: 18px
}

.news_product_about_title ul li {
	display: inline-block;
	line-height: 30px
}

.news_product_about_title ul li a {
	color: #00834a
}

.news_product_about_title ul li a:hover {
	color: #000;
	text-decoration: underline
}

.news_text {
	padding-right: 10px;
	color: #00834a
}

.news_product_body_title h2 {
	text-align: center;
	margin-top: 30px
}

.title_data {
	display: flex;
	justify-content: center;
	margin-top: 10px
}

.title_size {
	margin: 0 20px 20px 0
}

.title_size a {
	color: #00834a
}

.title_size a:hover {
	color: #F30
}

.news_product_body_footer {
	margin-top: 20px;
	border-top: 1px solid #00834a;
	padding-top: 10px;
	margin-bottom: 100px
}

.news_product_body_footer a {
	color: #00834a
}

.news_product_body_footer a:hover {
	color: #000
}

.news_product_body_content img {
	margin: 10px 0
}

.data_header {
	height: 30px;
	margin: 50px auto;
	border-bottom: 1px solid #CCC
}

.data_header ul li {
	float: left;
	padding: 0 5px
}

.data_header ul li a {
	color: #C30
}

.data_header ul li a:hover {
	color: #000;
	text-decoration: underline
}

.data_sort {
	height: 37px;
	margin-bottom: 20px;
	border: 1px solid #CCC
}

.data_sort ul li {
	float: left;
	border-right: 1px solid #CCC;
	padding: 5px 10px;
	color: #000
}

.data_sort ul li:hover {
	background: #F30;
	color: #FFF
}

.data_footer_table {
	width: 100%;
	border-collapse: collapse;
	border-color: #FFF
}

.data_footer_table td {
	border-color: #CCC
}

.data_footer_table_td {
	display: flex;
	justify-content: space-between
}

.data_footer_table_td_ul ul {
	display: flex
}

.data_footer_table_td_ul ul li {
	border: 1px solid #999;
	padding: 3px 10px;
	margin: 5px 10px;
	color: #000
}

.data_footer_table_td_ul ul li:hover {
	background: #F30;
	color: #FFF
}

.data_footer_table_td>p {
	padding: 8px 0 0 5px
}

.data_footer_table_td>p a {
	color: #F30
}

.data_footer_table_td>p a:hover {
	color: #000
}

.about_us_left_header {
	width: 100%;
	height: 100%;
	background: #00834a;
	margin-top: 30px
}

.about_us_left_header>h3 {
	font-family: "MS Serif","New York",serif;
	padding-top: 20px;
	text-align: center;
	color: #FFF;
	font-size: 32px;
	font-weight: bold
}

.about_us_left_header p {
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	color: #FFF
}

.about_us_left_header_ul {
	margin: 30px 10px 30px 10px
}

.first {
	background: #CCC!important;
	color: #00834a!important;
	font-size: 24px!important
}

.about_us_left_header_ul ul li {
	background: #FFF;
	padding: 5px 10px;
	margin: 1px 10px 1px 10px;
	text-align: center;
	font-size: 22px;
	color: #666
}

.about_us_left_header_ul ul li:hover {
	background: #CCC;
	color: #00834a;
	font-size: 24px
}

.about_us_left_footer {
	color: #FFF;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	background: #00834a;
	border-radius: 8px;
	padding-bottom: 10px
}

.about_us_left_footer p {
	padding-top: 20px;
	font-size: 20px
}

.about_us_left_footer b {
	padding-top: 5px;
	font-size: 24px
}

.about_us_right_header {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 20px
}

.about_us_right_header ul li {
	display: inline-block;
	font-size: 12px
}

.about_us_right_header>b {
	font-size: 18px;
	color: #00834a;
	border-left: 3px solid #00834a;
	padding-left: 5px
}

.about_us_right_header ul li a {
	color: #00834a
}

.about_us_right_header ul li a:hover {
	color: #000;
	text-decoration: underline
}

.about_us_right_footer>p {
	text-indent: 2em;
	padding: 0 20px 30px 20px;
	font-size: 18px;
	line-height: 28px
}

.about_us_right_footer>p img {
	margin-top: 20px
}

.about_us_right_footer>img {
	margin: 30px 10px 30px 10px
}

.about_us_right_footer_2 img {
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: 30px
}

.contact_us_header {
	width: 100%;
	height: 100%
}

.contact_us_header_title1 {
	margin-top: 50px;
	border-bottom: 1px solid #333
}

.contact_us_header_title1 h1 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px
}

.contact_us_header_title2 p {
	text-align: center;
	font-size: 20px;
	padding-top: 10px
}

.contact_us_header_title {
	width: 100%;
	height: 100%;
	margin-top: 30px
}

.contact_us_header_title_body h3 {
	font-size: 28px;
	font-weight: bold;
	padding: 30px 0 0 30px
}

.contact_us_header_title_body {
	border-left: 1px solid #333
}

.contact_us_header_title_body_1 p {
	padding-left: 30px
}

.contact_us_header_title_body_2 p {
	padding-left: 30px;
	font-size: 18px;
	padding-top: 10px
}

.contact_us_header_title_body_2 {
	padding-bottom: 30px
}

.contact_us_footer_1 img {
	height: 200px;
	padding: 20px 10px
}

.contact_us_footer_1 {
	float: right
}

.contact_us_header_title_header1,.contact_us_header_title_header2 {
	display: flex;
	justify-content: flex-end
}

.message_header {
	width: 100%;
	height: 100%;
	margin: 30px auto
}

.message_header h2 {
	text-align: center
}

.message_header_title_left,.message_header_title_right {
	width: 100px;
	height: 1px;
	background: #666;
	margin-top: 12px
}

.message_header_title {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.message_header_title p {
	font-size: 18px;
	padding: 0 10px;
	color: #666
}

.form_span {
	color: #ff4242;
	padding-left: 5px;
	font-size: 16px
}

.form_name {
	font-size: 16px;
	color: #666;
	font-weight: 200
}

.form_input>input {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	padding-left: 8px
}

.form-button>button {
	padding: 8px 24px;
	background: #28b7f7;
	color: #FFF;
	border-radius: 3px;
	font-size: 16px
}

.form-button>button:hover {
	background: #1c1c1c
}

.message {
	margin-bottom: 50px
}

.engineering {
	width: 100%;
	height: 100%;
	margin-top: 50px
}

.engineering_biaoti {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCC
}

.engineering_biaoti h2 {
	padding-bottom: 10px;
	color: #00834a
}

.engineering_biaoti ul {
	display: flex
}

.engineering_biaoti ul li,.engineering_biaoti ul li a {
	color: #00834a
}

.engineering_biaoti ul li a:hover {
	text-decoration: underline;
	color: #000
}

.engineering_body_title {
	height: 100%;
	margin-top: 30px;
	background: -webkit-linear-gradient(right top,#FFF,#eaeaea);
	background: -o-linear-gradient(bottom left,#FFF,#eaeaea);
	background: -moz-linear-gradient(bottom left,#FFF,#eaeaea);
	background: linear-gradient(bottom left,#FFF,#eaeaea)
}

.engineering_body_img {
	margin: 10px;
	height: 100%;
	background: #FFF
}

.engineering_body_img img {
	padding: 10px 10px;
	width: 100%;
	height: 265px;
	overflow: hidden
}

.engineering_body_img img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-transform: scale(1.1)
}

.engineering_body_img a {
	color: #00834a
}

.engineering_body_img a:hover {
	color: #000
}

.engineering_body_img h3 {
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
	padding-bottom: 8px
}

.engineering_section {
	margin-bottom: 100px
}

.engineering_alone_header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #00834a;
	padding-bottom: 10px;
	margin-top: 50px
}

.engineering_alone_header h3 a {
	color: #00834a
}

.engineering_alone_header h3 a:hover {
	color: #FFF;
	background: #00834a;
	padding: 3px 5px;
	border-radius: 3px
}

.engineering_alone_header ul li {
	display: inline-block
}

.engineering_alone_header ul li a {
	color: #00834a
}

.engineering_alone_header ul li a:hover {
	color: #000;
	text-decoration: underline
}

.engineering_alone_header ul li:last-child {
	background: #00834a;
	color: #FFF;
	padding: 2px 5px;
	max-width: 100px;
	white-space: nowrap;
	text-align: center
}

.engineering_alone_body_img {
	margin-top: 20px;
	height:100%;
}
.engineering_alone_body_img img{
	height:400px;
	width:100%;
}

.engineering_alone_body_title h2 {
	color: #00834a;
	margin-top: 20px
}

.engineering_alone_body_title_1 {
	display: flex;
	padding-top: 20px;
	font-size: 17px
}

.engineering_alone_body_title_1 p {
	line-height: 20px
}

.engineering_alone_body_title_2 {
	background: #00834a;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	border-radius: 3px;
	margin-top: 210px
}

.engineering_alone_body_title_2:hover {
	color: #000;
	font-size: 18px
}

.engineering_alone_footer {
	clear: both;
	padding-top: 30px
}

.engineering_alone_footer_title {
	color: #00834a;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px
}

.engineering_alone_footer_body p {
	text-indent: 2em;
	font-size: 16px;
	padding-top: 20px
}

.industrial {
	width: 100%;
	height: 100%;
	margin-top: 50px
}

.industrial_biaoti {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCC
}

.industrial_biaoti h2 {
	padding-bottom: 10px;
	color: #00834a
}

.industrial_biaoti ul {
	display: flex
}

.industrial_biaoti ul li,.industrial_biaoti ul li a {
	color: #00834a
}

.industrial_biaoti ul li a:hover {
	text-decoration: underline;
	color: #000
}

.industrial_body_title {
	height: 100%;
	margin-top: 30px;
	background: -webkit-linear-gradient(right top,#FFF,#eaeaea);
	background: -o-linear-gradient(bottom left,#FFF,#eaeaea);
	background: -moz-linear-gradient(bottom left,#FFF,#eaeaea);
	background: linear-gradient(bottom left,#FFF,#eaeaea)
}

.industrial_body_img {
	margin: 10px;
	height: 100%;
	background: #FFF
}

.industrial_body_img img {
	padding: 10px 10px;
	width: 100%;
	height: 265px;
	overflow: hidden
}

.industrial_body_img img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-transform: scale(1.1)
}

.industrial_body_img a {
	color: #00834a
}

.industrial_body_img a:hover {
	color: #000
}

.industrial_body_img h3 {
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
	padding-bottom: 8px
}

.industrial_section {
	margin-bottom: 100px
}

.industrial_alone_header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #00834a;
	padding-bottom: 10px;
	margin-top: 50px
}

.industrial_alone_header h2 {
	color: #00834a
}

.industrial_alone_header ul li {
	display: inline-block
}

.industrial_alone_header ul li a {
	color: #00834a
}

.industrial_alone_header ul li a:hover {
	color: #000;
	text-decoration: underline
}

.industrial_alone_header ul li:last-child {
	background: #00834a;
	color: #FFF;
	padding: 2px 5px;
	max-width: 100px;
	white-space: nowrap;
	text-align: center
}

.industrial_alone_body ul {
	display: flex;
	justify-content: center
}

.industrial_alone_body ul li {
	margin: 5px 10px 20px 10px
}

.industrial_alone_left {
	padding-bottom: 50px
}

.industrial_alone_left_title h2 {
	color: #FFF;
	text-align: center;
	padding-top: 20px
}

.industrial_alone_left_title {
	background: #00834a;
	height: 120px;
	margin-top: 50px
}

.industrial_alone_left_title p {
	color: #FFF;
	text-align: center;
	font-size: 18px;
	padding-top: 10px
}

.industrial_alone_left_img {
	background: #00834a;
	margin-top: 10px
}

.industrial_alone_left_img img {
	padding: 15px;
	height: 300px;
	width: 100%;
	overflow: hidden
}

.industrial_alone_left_img p {
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding-bottom: 10px
}

.industrial_alone_left_img:hover p {
	color: #000
}

.industrial_alone_left_img:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-transform: scale(1.05)
}

.industrial_alone_content img {
	padding: 20px 10px;
	width: 100%;
	height: 600px
}
/*blue*/
.header .address li i,.header .social li:hover a,.header .social li:first-child a i,.header .cart-search-bar li:hover a,.header .side-menu .nav li:hover a,.header .nav li:hover a,
.header .nav li.current a,.header .nav .dropdown li:hover a,.features .single-features i,.project .project-hover h4:hover a,.newsblog .news-content h4:hover a,.newsblog .news-content .btn,.newsblog .category ul li:hover a,.newsblog .single-comments a,.newsblog .blog-comments .login a:hover,.sufia-personal .personal-text p span,.my-timeline .single-timeline h2 span,.supia-app-main .app-text h1 .typed-cursor,.newsblog .latest .post-info p,.footer .social-icon li a:hover {
	color: #29B6F6;
}

.section-title h2::before,.button .btn:hover,.button .btn.primary,.header .cart-search-bar .cart-item,.header .search-form input[type="submit"],.header .nav li a::before,.breadcrumbs ul li.active a,.header .slicknav_nav a:hover,.breadcrumbs h2:before,.breadcrumbs h2:after,.sufia-slider button:hover,.count-down .count::before,.sufia-slider .welcome-text .button .btn.primary,.sufia-slider .welcome-text .button .btn:hover,.project .project-nav ul li::before,.project .project-hover h4:before,.project.single .project-slide button:hover,.project.single .project-descreption h2:before,.project.single .project-related h4:before,.team .team-head:before,.newsblog .single-news .link:hover,.newslatter input[type="submit"],.newsblog.single .pagination li:hover a,.newsblog.single .pagination li.active a,.newsblog.single .news-slide button:hover,.newsblog .form .search input[type="submit"],.newsblog .single-sidebar h2:before,.newsblog .call-to-action .call-inner,.newsblog .tags ul li a:hover,.newsblog .news-share ul li:hover a,.sufia-personal .personal-text .info li::before,.sufia-personal .personal-text .button .btn:hover,.sufia-personal .personal-text .button .btn.primary,.about-me .social li:hover a,.about-me .progress-bar .prog-bg,
.about-me .social li.active a,.about-me .my-image i,.about-me .about-text h3:before,.about-me .single-skill .progress-bar,.supia-app-main .app-text .button .btn:hover,.supia-app-main .app-text .button .btn.primary,.app-features .app-single-features i,.app-screnshoot button.PrevArrow:hover,
.app-screnshoot button.NextArrow:hover,.sufia-video-area .video-text .btn:hover,.sufia-video-area .video-text .btn.primary,.footer .social li:hover a,
.footer .social li.active a,.newsblog .blog-comments h2::before,#scrollUp,.k-line,.project.single .project-related .slick-dots li.slick-active button,.newsblog .call-inner .btn:hover,#contact .form-group .button {
	background: #29B6F6;
}

.about-me img{
	border-left-color:#29B6F6;
}
.app-screnshoot button{
	background: rgba(66, 172, 246, 0.40);
}