body {
	font:12px/1.6 arial, tahoma, sans-serif;
	font-weight:400;
	background:#fff;
	color:#666
}
p {
	margin:0;
	font-weight:400
}
h1, h2, h3, h4, h5, h6, figure {
	color:#444
}
::-webkit-selection {
color:#fff;
background:#323232
}
::-moz-selection {
color:#fff;
background:#323232
}
::selection {
color:#fff;
background:#323232
}
.text-lowercase {
	text-transform:lowercase
}
.text-uppercase, .initialism {
	text-transform:uppercase
}
.text-capitalize {
	text-transform:capitalize
}
.float_bg {
	background:url(../images/qq_3.gif) repeat-y
}
a {
	color:#333;
	text-decoration:none
}
a:focus, a:hover {
	color:#149645
}
.bg-main {
	background:#149645;
	border:1px solid #149645!important
}
.bg-main:hover, .bg-main:focus {
	border:1px solid #026d9a!important;
	background:#006d29!important
}
.button.bg-main {
	border-color:#149645!important
}
.button.bg-main:hover {
	border-color:#006d29!important
}
.passcode {
	border-left:1px solid #ddd;
	border-radius:0 4px 4px 0;
	height:32px;
	line-height:32px;
	margin:1px;
	position:absolute;
	right:0;
	text-align:center;
	top:0
}
.detail h2, .detail h3 {
	line-height:180%
}
.detail h3, .detail h1 {
	font-size:18px;
	color:#5a5a5a;
	font-weight:700
}
.layout {
	overflow:hidden;
	width:100%
}
header .layout {
	overflow:visible;
	width:100%
}
{
overflow:visible;
width:100%
}
.not-animated {
	opacity:0
}
.clear {
	clear:both
}
img {
	max-width:100%
}
ul, li {
	padding:0;
	margin:0;
	list-style:none
}
#fh5co-wrapper {
	overflow-x:hidden
}
#fh5co-page {
	position:relative;
	z-index:2;
	background:#fff;
	overflow-x:hidden
}
.fh5co-heading {
	position:relative;
	z-index:1
}
.fh5co-heading h2 {
	display:block;
	font-size:44px;
	line-height:44px;
	padding-top:45px;
	color:#000;
	font-weight:700
}
.fh5co-heading p.more {
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	font-size:14px
}
.fh5co-heading p.more a {
	display:block
}
.vertical-middle {
	width:100%;
	height:100%;
	display:table
}
.vertical-middle>div {
	display:table-cell;
	vertical-align:middle
}
.zoomimgs {
	display:block;
	width:100%;
	height:400px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover
}
.piczoomimgs {
	padding-bottom:75%
}
.artzoomimgs {
	padding-bottom:64%
}
.chazoomimgs {
	padding-bottom:75%
}
.noinfo {
	text-align:center;
	padding:25px 0
}
#fh5co-header .head-middle {
	background:#159644;
	line-height:40px;
	color:#83858f
}
#fh5co-header .head-middle .head-info {
}
#fh5co-header .head-middle .head-info .fenxiang {
	float:right;
	padding-top:3px
}
#fh5co-header .head-middle .head-info .fenxiang a {
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:10px;
	background:url(img/fengxiang.png) no-repeat 5px center
}
#fh5co-header .head-middle .head-info .fenxiang a.a2 {
	background-position:-24px center
}
#fh5co-header .head-middle .head-info .fenxiang a.a3 {
	background-position:-57px center
}
#fh5co-header .head-middle .head-info .fenxiang a.a4 {
	background-position:-90px center;
	width:28px
}
#fh5co-header .head-middle .hot-tel {
	color:#8bd7a7;
	font-size:14px
}
#fh5co-header .head-middle .hot-tel span {
	display:inline-block;
	margin-left:5px
}
#fh5co-header .header-box {
	background:#fff
}
.header-box.fixed.fixed-top {
	box-shadow:0 0 10px rgba(0, 0, 0, .15);
	width:100%;
	z-index:6;
	background:#fff
}
#fh5co-header .header-box .logo {
	padding:29px 0 0
}
#fh5co-header .header-box .nav {
}
#fh5co-header .header-box .nav li {
	display:inline-block;
	padding:0;
	margin:0 23px
}
#fh5co-header .header-box .nav li:last-child {
	background:0 0;
	margin-right:0
}
#fh5co-header .header-box .nav li a {
	color:#000;
	font-size:16px;
	padding:0;
	text-align:center;
	text-decoration:none;
	transition:none;
	line-height:58px;
	height:62px
}
#fh5co-header .header-box .nav li a .downward {
	display:none
}
#fh5co-header .header-box .nav li a:hover, #fh5co-header .header-box .nav li.currents a.first-level, #fh5co-header .header-box .nav li:hover a.first-level {
	background:url(img/ative.png) no-repeat bottom;
	border-bottom:5px solid #149645;
	color:#149645
}
#fh5co-header .header-box .nav li ul {
	border:none;
	left:0;
	border-radius:5px;
	margin:0;
	padding:15px;
	min-width:146px;
	z-index:4;
	border:none;
	top:62px;
	box-shadow:0 0 5px #000
}
#fh5co-header .header-box .nav li ul li {
	margin:0;
	padding:0;
	height:auto;
	display:block;
	height:auto;
	border-left:none;
	background:0 0
}
#fh5co-header .header-box .nav li ul li a {
	display:block;
	width:100%;
	margin:0;
	min-width:146px;
	line-height:28px;
	transition:none;
	border:none;
	height:auto;
	padding:0 15px 0 25px;
	background:url(img/dian2.png) no-repeat 12px center;
	font-size:14px;
	color:#5d5d5d;
	text-align:left
}
#fh5co-header .header-box .nav li ul li a:hover {
	background:url(img/dian.png) no-repeat 12px center;
	color:#159644;
	font-weight:700;
	border:none;
	font-weight:400
}
.pdl-b li a {
}
.pdl-b li a:hover {
}
#fh5co-header .header-box .nav li ul li ul {
	top:0
}
#fh5co-header .header-box .top-search {
	margin-top:20px;
	overflow:hidden;
	position:relative
}
.form-control {
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
#fh5co-header .header-box .top-search input.inputkey {
	float:left;
	display:block;
	width:285px
}
#fh5co-header .header-box .top-search input.go {
	background:#169643 url(img/suoshou.png) center center no-repeat;
	width:34px;
	height:34px;
	float:left;
	position:absolute;
	right:0;
	border:none
}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
	position:relative
}
#fh5co-page {
	z-index:2
}
#fh5co-offcanvas {
	display:none;
	right:0;
	overflow-y:hidden;
	position:fixed;
	z-index:8;
	top:10px;
	width:220px;
	background:#fff;
	padding:0 0 10px 30px;
	border:0
}
.offcanvas-visible #fh5co-offcanvas {
	display:block
}
#fh5co-offcanvas ul {
	padding:0;
	margin:0;
	overflow-x:hidden;
	border-radius:0
}
#fh5co-offcanvas ul li {
	list-style:none;
	position:static;
	width:100%;
	margin:0;
	padding:0
}
#fh5co-offcanvas ul li:hover, #fh5co-offcanvas ul li.current {
}
#fh5co-offcanvas ul li a {
	font-size:12px;
	color:#333;
	text-decoration:none!important;
	display:block;
	position:relative;
	line-height:34px;
	margin:0;
	padding:0 0 0 2px
}
#fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a {
	color:#149645
}
#fh5co-offcanvas ul li a::after {
background:#eee;
position:absolute;
content:'';
left:0;
bottom:0;
right:0;
height:1px
}
#fh5co-offcanvas ul li ul {
	margin:0;
	padding:0;
	z-index:6;
	position:relative;
	width:100%;
	border:0;
	box-shadow:0
}
#fh5co-offcanvas ul li ul li {
	margin:0;
	padding:0;
	display:block;
	border:none;
	line-height:28px
}
#fh5co-offcanvas ul li ul li a, #fh5co-offcanvas ul li.current ul li a {
	background:#fff;
	color:#666;
	display:block;
	padding:0 20px;
	margin:0;
	text-align:left;
	width:100%;
	font-size:12px;
	line-height:28px;
	transition:none
}
#fh5co-offcanvas ul li ul li a:hover {
	background:#149645;
	color:#fff;
	transition:none
}
#fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after {
background:0 0;
height:0;
padding:0
}
#fh5co-offcanvas ul li ul li ul {
	top:0
}
.fh5co-nav-toggle {
	cursor:pointer;
	text-decoration:none
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
background:#000
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
	outline:none;
	border-bottom:none!important
}
.fh5co-nav-toggle i {
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
*display:inline;
	width:28px;
	height:4px;
	color:#e60012;
	font:bold 14px/.4 Helvetica;
	text-transform:uppercase;
	text-indent:-55px;
	background:#000;
transition:all .2s ease-out
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
content:'';
width:28px;
height:4px;
background:#000;
position:absolute;
left:0;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}
.fh5co-nav-toggle i::before {
top:-9px
}
.fh5co-nav-toggle i::after {
bottom:-9px
}
.fh5co-nav-toggle:hover i::before {
top:-10px
}
.fh5co-nav-toggle:hover i::after {
bottom:-10px
}
.fh5co-nav-toggle.active i {
	background:0 0
}
.fh5co-nav-toggle.active i::before {
background:0 0
}
.fh5co-nav-toggle.active i::after {
background:0 0
}
.fh5co-nav-toggle {
	position:fixed;
	top:21px;
	right:10px;
	z-index:9;
	display:block;
	display:none;
	cursor:pointer
}
.fh5co-nav-toggle.active {
	right:196px!important;
	top:15px!important;
	background:url(img/coo.gif) no-repeat left top;
	width:20px;
	height:23px
}
.bottom-bg {
	background:url(img/bottom_bg.png) no-repeat center bottom;
	padding-bottom:60px
}
footer {
	font-size:12px
}
footer .footer-top {
	background:#262626 none repeat scroll 0 0;
	padding-bottom:25px;
	padding-top:15px
}
footer .footer-top .f_social li {
	width:100%;
	padding-left:30px;
	line-height:25px;
	background:url(img/icon2.png) no-repeat left -17px
}
footer .footer-top .f_social li:nth-of-type(2) {
background-position:left -41px
}
footer .footer-top .f_social li:nth-of-type(3) {
background-position:left -65px
}
footer .footer-top .f_social li:nth-of-type(4) {
background-position:left -89px
}
footer .footer-top .f_social li:nth-of-type(5) {
background-position:left -116px
}
footer .footer-top .plist {
	padding:12px 0 0 50px;
	margin-right:20px
}
footer .footer-top ul li {
	list-style:none;
	line-height:220%
}
footer .footer-top ul li a {
	color:#d2d2d2;
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	display:block
}
footer .footer-top ul li a:hover {
	color:#006d29
}
footer .footer-top h2 {
	color:#c1c1c1;
	font-size:16px;
	font-weight:700;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #868686
}
footer .footer-top .contact-foot {
	margin:12px 0 18px;
	color:#d2d2d2;
	line-height:26px
}
footer .footer-top .contact-foot p {
	line-height:26px
}
footer .footer-bot {
	padding:10px 0;
	font-size:12px;
	line-height:30px;
	background:#181818;
	color:#999
}
footer .footer-bot .foot-flink a {
	color:#999;
	line-height:100%;
	padding:0 5px
}
footer .footer-bot .foot-flink a:hover {
	color:#006d29
}
footer .footer-bot .Copyright {
	color:#999;
	text-align:right
}
footer .footer-bot .Copyright a {
	color:#999
}
footer .footer-bot .Copyright a:hover {
	color:#999;
	text-decoration:underline
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline:none
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none
}
.flexslider {
	margin:0;
	padding:0;
	position:relative;
	z-index:1
}
.flexslider .slides>li {
	-webkit-backface-visibility:hidden;
	height:740px
}
.flexslider .slides li .overlay {
	position:absolute;
	top:35%;
	left:0;
	right:0;
	bottom:0
}
.flexslider .slides li a {
	display:block;
	height:100%
}
.flexslider .slides img {
	width:100%;
	display:block
}
.flex-pauseplay span {
	text-transform:capitalize
}
.slides:after {
	content:"\0020";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
html[xmlns] .slides {
	display:block
}
* html .slides {
	height:1%
}
.no-js .slides>li:first-child {
	display:block
}
.flex-control-nav {
	position:absolute;
	bottom:20px;
	z-index:2;
	width:100%;
	text-align:center
}
.flex-control-nav li {
	display:inline-block;
	width:12px;
	height:12px;
	margin:0 4px;
*display:inline;
	zoom:1
}
.flex-control-nav a {
	display:inline-block;
	cursor:pointer;
	width:12px;
	height:12px;
	float:left;
	text-indent:-2000px;
	background:#fff;
	border-radius:50%
}
.flex-control-nav .flex-active {
	background:#149645
}
.flex-direction-nav {
	position:absolute;
	z-index:3;
	width:100%;
	top:50%
}
.flex-direction-nav li a {
	display:none;
	cursor:pointer;
	text-indent:-999em;
	position:absolute;
	top:50%;
	margin-top:-30px;
	width:40px;
	height:50px;
	line-height:50px;
	font-size:0;
	padding:0;
	margin:0;
	opacity:1;
	text-align:left;
	border-radius:0;
	color:#ddd;
	cursor:pointer;
	background:rgba(0, 0, 0, .1)
}
.flex-direction-nav li a:hover {
	background:#149645;
	color:#fff
}
.flex-direction-nav li a:before {
	display:inline-block;
	font-family:fontawesome;
	font-weight:400;
	font-style:normal;
	vertical-align:baseline;
	line-height:50px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:36px;
	cursor:pointer
}
.flex-direction-nav li a.flex-prev {
	left:70px;
	text-indent:6px
}
.flex-direction-nav li a.flex-prev:before {
	content:"\f104"
}
.flex-direction-nav li a.flex-next {
	right:70px;
	text-indent:7px
}
.flex-direction-nav li a.flex-next:before {
	content:"\f105"
}
#fh5co-product-list .bg-product {
	background:url(img/in_pro_bg.jpg) repeat;
	padding-bottom:20px
}
#fh5co-product-list .fh5co-heading h2 {
	color:#fff
}
#fh5co-product-list .fh5co-heading p.more {
	margin:30px 0 35px
}
#fh5co-product-list .fh5co-heading p.more a {
	width:130px;
	height:32px;
	background:url(img/btns.png) no-repeat -27px -230px
}
#fh5co-product-list .fh5co-heading p.more a:hover {
	background:url(img/btns.png) no-repeat -224px -229px
}
#fh5co-product-list .fh5co-heading p.desc {
	color:#fff;
	max-width:80%;
	margin:0 auto
}
#fh5co-product-list .show-list {
	padding-top:55px
}
#fh5co-product-list .tab .tab-nav {
	background:url(img/p_nav.png) repeat-x left center
}
#fh5co-product-list .tab .tab-nav li {
	margin:0;
	padding:0;
	border:none;
	background:0 0
}
#fh5co-product-list .tab .tab-nav li a {
	display:inline-block;
	padding:0 25px;
	height:32px;
	line-height:31px;
	font-size:12px;
	margin:0 8px;
	border:1px solid #d9d9d9;
	border-radius:25px;
	background:#f2f2f2
}
#fh5co-product-list .tab .tab-nav li a:hover, #fh5co-product-list .tab .tab-nav li.active a {
	background:#149645;
	color:#fff;
	border:1px solid #149645;
	text-decoration:none
}
#fh5co-product-list .tab .tab-body {
	background:0 0;
	border:none;
	padding:50px 0 25px;
	margin:0 -10px
}
#fh5co-product-list .show-list {
	position:relative;
	margin:0 -10px
}
#fh5co-product-list .show-list .owl-carousel-carousel {
}
#fh5co-product-list .show-list .item {
	margin:0 10px;
	overflow:hidden;
	background:#f2f2f2
}
#fh5co-product-list .show-list .item .media-img {
	position:relative;
	overflow:hidden
}
;
#fh5co-product-list .show-list .item .media-img .zoomimgs {
	transition:transform 1s ease 0s;
	transform:scale(1)
}
#fh5co-product-list .show-list .item .media-img .zoomimgs:hover {
	transition:transform 1s ease 0s;
	transform:scale(1.1)
}
#fh5co-product-list .show-list .item .media-img .list-mask {
	opacity:0;
	background:url(../images/p_bg.png) repeat;
	height:50px;
	position:absolute;
	bottom:-60px;
	z-index:999;
	overflow:hidden;
	width:100%;
	left:0;
	right:0;
transition:.5s
}
#fh5co-product-list .show-list .item a {
	display:block;
	padding:9px 9px 10px
}
#fh5co-product-list .show-list .item h3 {
	font-size:14px;
	white-space:nowrap;
	margin:15px 0 0 0;
	color:#333
}
#fh5co-product-list .show-list .item a:hover h3 {
	color:#006d29
}
#fh5co-product-list .show-list .item p.more {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	width:160px;
	height:40px;
	background:url(img/btns.png) no-repeat left -84px
}
#fh5co-product-list .show-list .item a:hover p.more {
	background:url(img/btns.png) no-repeat -225px -84px
}
#fh5co-product-list .show-list .owl-controls .owl-buttons div {
	position:absolute;
	top:30%;
	margin-top:0;
	width:44px;
	height:58px;
	line-height:58px;
	font-size:0;
	padding:0;
	margin:0;
	background:0 0;
	opacity:1;
	text-align:left;
	border-radius:0
}
#fh5co-product-list .show-list .owl-controls .owl-buttons div:hover {
	background:#006d29
}
#fh5co-product-list .show-list .owl-controls .owl-buttons div:before {
	display:inline-block;
	font-family:fontawesome;
	font-weight:400;
	font-style:normal;
	vertical-align:baseline;
	line-height:58px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:60px
}
#fh5co-product-list .show-list .owl-controls .owl-prev {
	left:-50px;
	text-indent:5px
}
#fh5co-product-list .show-list .owl-controls .owl-prev:before {
	content:"\f104"
}
#fh5co-product-list .show-list .owl-controls .owl-next {
	right:-50px;
	text-indent:7px
}
#fh5co-product-list .show-list .owl-controls .owl-next:before {
	content:"\f105"
}
#fh5co-case-list .bg-case {
	background:#f1f1f1
}
#fh5co-case-list .fh5co-heading h2 {
	background:url(img/proj.png) no-repeat center bottom;
	padding-bottom:20px
}
#fh5co-case-list .fh5co-heading p.more {
	margin:25px 0 55px
}
#fh5co-case-list .fh5co-heading p.more a {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	width:150px;
	height:35px;
	background:url(img/btns.png) no-repeat left -86px
}
#fh5co-case-list .fh5co-heading p.more a:hover {
	background:url(img/btns.png) no-repeat -225px -86px
}
#fh5co-case-list .fh5co-heading p.desc {
	color:#000;
	font-size:24px
}
#fh5co-case-list .show-list {
	padding-top:35px
}
#fh5co-case-list .show-list .item a {
	display:block;
	padding:9px 9px 30px
}
#fh5co-case-list .show-list .item .media-img {
	position:relative;
	overflow:hidden;
	background:url(img/proj_bg.png) no-repeat;
	width:250px;
	height:250px;
	border-radius:50%;
	padding:10px;
	margin:0 auto
}
#fh5co-case-list .show-list .item .media-img .tzoomimgs {
	border-radius:50%;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
#fh5co-case-list .show-list .item h3 {
	font-size:14px;
	white-space:nowrap;
	margin:28px 0;
	color:#333
}
#fh5co-case-list .show-list .item a:hover h3 {
	color:#006d29
}
#fh5co-case-list .show-list .item p.more {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	width:135px;
	height:33px;
	background:url(img/btns.png) no-repeat -26px -156px
}
#fh5co-case-list .show-list .item a:hover p.more {
	background:url(img/btns.png) no-repeat -225px -156px
}
#fh5co-news-list .bg-news {
	padding:25px 0 50px;
	background:url(img/in_pro_bg.jpg) repeat
}
#fh5co-news-list .fh5co-heading {
	position:relative
}
#fh5co-news-list .fh5co-heading h2 {
	color:#fff;
	padding:0
}
#fh5co-news-list .fh5co-heading p.more {
	position:absolute;
	right:0;
	top:5px
}
#fh5co-news-list .fh5co-heading p.more a {
	width:130px;
	height:32px;
	background:url(img/btns.png) no-repeat -27px -230px
}
#fh5co-news-list .fh5co-heading p.more a:hover {
	background:url(img/btns.png) no-repeat -224px -229px
}
#fh5co-news-list .show-list {
	padding:60px 0 0;
	margin:0 43px
}
#fh5co-news-list .show-list .media {
	margin:0 10px
}
#fh5co-news-list .show-list .media a {
	display:block
}
#fh5co-news-list .show-list .media .media_img {
	border:5px solid #fff
}
#fh5co-news-list .show-list .media .media_img img {
	height:150px;
	width:190px
}
#fh5co-news-list .show-list .media .media_img {
	margin-right:40px
}
#fh5co-news-list .show-list .media a .media-body h3 {
	font-size:24px;
	color:#fff;
	margin-bottom:5px
}
#fh5co-news-list .show-list .media .media-body p.desc {
	color:#fff;
	font-size:14px;
	line-height:1.8
}
#fh5co-news-list .show-list .owl-controls .owl-buttons div {
	position:absolute;
	top:30%;
	margin-top:0;
	width:44px;
	height:58px;
	line-height:58px;
	font-size:0;
	padding:0;
	margin:0;
	background:0 0;
	opacity:1;
	text-align:left;
	border-radius:0
}
#fh5co-news-list .show-list .owl-controls .owl-buttons div:hover {
	background:0 0
}
#fh5co-news-list .show-list .owl-controls .owl-buttons div:before {
	display:inline-block;
	font-family:fontawesome;
	font-weight:400;
	font-style:normal;
	vertical-align:baseline;
	line-height:58px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:60px
}
#fh5co-news-list .show-list .owl-controls .owl-prev {
	left:-50px;
	text-indent:5px
}
#fh5co-news-list .show-list .owl-controls .owl-prev:before {
	content:"\f104"
}
#fh5co-news-list .show-list .owl-controls .owl-next {
	right:-50px;
	text-indent:7px
}
#fh5co-news-list .show-list .owl-controls .owl-next:before {
	content:"\f105"
}
#fh5co-about-us .bg-about {
	padding-top:90px
}
#fh5co-about-us .video-bg {
	background:url(img/video.png) no-repeat left center;
	background-size:cover;
	min-height:424px;
	width:494px;
	padding:20px
}
#fh5co-about-us .content h2 {
	font-size:36px;
	font-weight:700;
	line-height:37px;
	color:#159644
}
#fh5co-about-us .content .intro {
	font-size:14px;
	line-height:24px;
	color:#362c20;
	margin:30px 0 15px
}
#fh5co-about-us .content .more a {
	display:block;
	width:125px;
	height:35px;
	background:#139545;
	line-height:35px;
	text-align:center;
	border:none;
	color:#fff
}
#fh5co-technology-list .fh5co-heading p.more {
	margin:35px 0 55px
}
#fh5co-technology-list .fh5co-heading p.more a {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	width:150px;
	height:35px;
	background:url(img/btns.png) no-repeat left -86px
}
#fh5co-technology-list .fh5co-heading p.more a:hover {
	background:url(img/btns.png) no-repeat -225px -86px
}
#fh5co-technology-list .show-list {
	position:relative;
	margin:0 -10px;
	padding:20px 0 60px
}
#fh5co-technology-list .show-list .item .media-img {
	position:relative;
	overflow:hidden;
	border:5px solid #ddd;
	width:200px;
	height:200px;
	border-radius:50%;
	padding:6px;
	margin:0 auto
}
#fh5co-technology-list .show-list .item .media-img .tzoomimgs {
	border-radius:50%;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
#fh5co-technology-list .show-list .item h3 {
	font-size:16px;
	white-space:nowrap;
	margin:28px 0;
	color:#333
}
#fh5co-technology-list .show-list .item a:hover h3 {
	color:#006d29
}
#fh5co-technology-list .show-list .item p.desc {
	font-size:12px;
	color:#999
}
#fh5co-technology-list .show-list .owl-carousel-carousel {
}
#fh5co-technology-list .show-list .item {
	margin:0 10px
}
#fh5co-technology-list .show-list .owl-controls .owl-buttons div {
	position:absolute;
	top:30%;
	margin-top:0;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:0;
	padding:0;
	margin:0;
	background:#279a54;
	opacity:1;
	text-align:left;
	border-radius:50%
}
#fh5co-technology-list .show-list .owl-controls .owl-buttons div:hover {
	background:#006d29
}
#fh5co-technology-list .show-list .owl-controls .owl-buttons div:before {
	display:inline-block;
	font-family:fontawesome;
	font-weight:400;
	font-style:normal;
	vertical-align:baseline;
	line-height:40px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:50px
}
#fh5co-technology-list .show-list .owl-controls .owl-prev {
	left:-50px;
	text-indent:5px
}
#fh5co-technology-list .show-list .owl-controls .owl-prev:before {
	content:"\f104"
}
#fh5co-technology-list .show-list .owl-controls .owl-next {
	right:-50px;
	text-indent:6px
}
#fh5co-technology-list .show-list .owl-controls .owl-next:before {
	content:"\f105"
}
.show-product .item {
	color:#666;
	display:block;
	background:#f2f2f2;
	padding:8px;
	margin-bottom:15px;
	border:1px solid #ccc
}
.show-product .item:hover {
	border:2px solid #279a54;
	padding:7px
}
.show-product .item .media-img {
	overflow:hidden
}
.show-product .item .content {
}
.show-product .item h3 {
	font-size:14px;
	margin:20px 0 35px;
	white-space:nowrap;
	overflow:hidden
}
.show-product .item h3 a {
	color:gray
}
.show-product .item h3 a:hover {
	color:#149645
}
.show-product .item .desc {
	color:#999;
	line-height:1.8;
	padding:0 3px
}
.show-product .item .more {
	margin-bottom:15px
}
.show-product .item .more a {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	width:160px;
	height:40px;
	background:url(img/btns.png) no-repeat left -84px
}
.show-product .item:hover .more a:hover {
	background:url(img/btns.png) no-repeat -225px -84px
}
#fh5co-content_show {
	padding:15px 0 30px
}
#channel-box-id #fh5co-content_show {
	padding:0
}
#fh5co-content_show .inner-title {
	padding:90px 0 50px
}
#fh5co-content_show .show_body {
	font-size:12px
}
#fh5co-content_show .inner-nav {
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;
	margin-bottom:30px
}
#fh5co-content_show .inner-nav li {
	margin:0;
	padding:0;
	display:inline;
	background:url(img/erji_bg.png) no-repeat right center
}
#fh5co-content_show .inner-nav li:last-child {
	background:0 0
}
#fh5co-content_show .inner-nav li a {
	padding:10px 25px;
	padding-right:35px;
	display:inline-block;
	font-size:16px
}
#fh5co-content_show .inner-nav li a:hover, #fh5co-content_show .inner-nav li a#lsed {
	color:#159644
}
#fh5co-content_show .detail {
	font-size:14px;
	padding:0 0;
	line-height:180%
}
#fh5co-content_show .content_detail .detail {
}
#fh5co-content_show .detail a {
	color:#595959
}
#fh5co-content_show .detail a:hover {
	color:#149645
}
#fh5co-content_show .detail h1 {
	font-size:22px;
	text-align:left;
	font-weight:700;
	text-align:center;
	margin-bottom:5px
}
#fh5co-content_show .detail img {
	height:auto!important;
	max-width:100%;
	vertical-align:middle;
	margin:11px 0
}
#fh5co-content_show .detail .content-img img {
}
#fh5co-content_show .detail p {
	text-indent:0;
	font-size:14px;
	line-height:2;
	margin-bottom:15px;
	color:#666
}
#fh5co-content_show .detail .description {
	padding:0;
	font-size:14px
}
#fh5co-content_show .qhd-title {
	text-align:center
}
#fh5co-content_show .qhd-title span {
	margin:0 5px;
	font-size:12px;
	color:#a3afb7
}
#fh5co-content_show .qhd-title {
	margin-bottom:25px;
	padding-top:6px
}
#fh5co-content_show .qhd-title strong {
	font-weight:400
}
.inner-title-bg {
	background:url(img/comhd_bg_03.jpg) repeat-x left bottom;
	height:64px
}
.inner-title-bg .title {
	height:60px;
	line-height:60px;
	text-align:left
}
.inner-title-bg .title h2 {
	display:inline-block;
	font-weight:400;
	margin:0;
	overflow:hidden;
	padding:0;
	word-break:break-all;
	color:#149645;
	font-size:36px
}
.inner-title-bg .title h2 a {
	color:#149645
}
.inner-title-bg .title .bread {
	padding:0 0 0;
	font-size:12px;
	color:#999
}
.inner-title-bg .title .bread a {
	font-size:12px;
	color:#666
}
.inner-title-bg .title .bread a:hover {
	color:#149645
}
.inner-title-bg .title .bread a i {
	display:inline-block;
	margin-right:5px
}
#fh5co-content_show .leftbar {
	min-height:400px;
	padding-right:10px
}
#fh5co-content_show .leftbar h3 {
	height:49px;
	line-height:49px;
	background:#159644;
	text-align:center;
	color:#fff;
	font-family:arial;
	font-size:18px
}
#fh5co-content_show .leftbar .menu-bot img {
	max-width:100%
}
#fh5co-content_show .submenu {
	background:#f8f8f8
}
#fh5co-content_show .submenu li {
	font-size:14px;
	padding:0;
	margin:0
}
#fh5co-content_show .submenu li:last-child {
	border-bottom:none
}
#fh5co-content_show .submenu li a {
	height:40px;
	line-height:40px;
	display:block;
	color:#4c4c4c;
	background:#ededed url(img/dian2.png) no-repeat 14px center;
	padding:0 0 0 30px;
	border-bottom:1px solid #e5e5e5
}
#fh5co-content_show .submenu li.active a, #fh5co-content_show .submenu li a:hover {
	background:#ededed url(img/dian.png) no-repeat 14px center;
	color:#159644;
	font-weight:400
}
#fh5co-content_show .contact-boxss p {
	margin-bottom:6px
}
#fh5co-content_show .contact-boxss em {
	color:#8cc53e;
	font-size:16px
}
#fh5co-content_show .solution-boxs .item {
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:15px
}
#fh5co-content_show .product-detail {
	padding:0 0 30px;
	background:#fff
}
#fh5co-content_show .product-detail img {
	max-width:100%;
	overflow:hidden;
	vertical-align:middle;
	margin:11px 0
}
#fh5co-content_show .product-detail .content-img {
	overflow:hidden;
	width:90%
}
#fh5co-content_show .product-detail .content-img img {
	width:100%;
	overflow:hidden;
	vertical-align:middle
}
#fh5co-content_show .product-detail h1 {
	border-bottom:1px solid #ddd;
	color:#000;
	font-size:18px;
	line-height:33px;
	padding-bottom:6px
}
#fh5co-content_show .product-detail .p_desc {
	color:#999;
	line-height:24px;
	padding:15px 0 0;
	font-size:12px
}
#fh5co-content_show .product-detail .kefu_bnts {
	background:#279a54;
	color:#fff;
	width:120px;
	height:40px;
	line-height:40px;
	text-decoration:none;
	font-size:16px;
	display:block;
	text-align:center
}
#fh5co-content_show .product-detail .kefu_bnts:hover {
	background:#006d29
}
#fh5co-content_show .product-detail .description {
	line-height:28px;
	font-size:14px
}
#fh5co-content_show .product-detail .description p {
	line-height:28px
}
#fh5co-content_show .product-detail .detail-title {
	position:relative;
	height:55px
}
#fh5co-content_show .product-detail .detail-title h2 {
	padding:20px 0;
	font-weight:700;
	background:url(img/pro_show_bg.png) no-repeat 230px center;
	text-align:left;
	color:#159644;
	font-size:30px
}
#fh5co-content_show .product-detail table td {
	text-align:center
}
#fh5co-content_show .product-detail #quirydialog {
	display:none
}
#quirydialog .qdialog-head {
	font-size:16px;
	border-bottom:1px solid #ddd;
	padding-bottom:7px;
	margin-bottom:20px;
	width:900px;
	padding-right:10px
}
#quirydialog .field {
	padding-right:10px
}
#fh5co-content_show .about-boxs img {
	float:left;
	margin-right:32px
}
#fh5co-content_show .about-boxs h2 {
	color:#159644;
	font-size:30px;
	font-weight:700
}
#fh5co-content_show .contactboxs h2 {
	color:#333;
	font-weight:700;
	font-family:Georgia;
	font-size:34px;
	padding:20px 0
}
#fh5co-content_show .contactboxs .moreinfo {
	color:#159644;
	font-size:16px
}
#fh5co-content_show .contactboxs .contact {
	color:#333;
	font-weight:700
}
#fh5co-content_show .Related-products h3 {
	font-size:20px;
	color:#444;
	margin-bottom:20px
}
#fh5co-content_show .Related-products .show-list a {
	border:1px solid #e6e6e6;
	display:block
}
#fh5co-content_show .Related-products .show-list a h3 {
	font-size:12px;
	margin-top:10px
}
#fh5co-content_show .Related-products .show-list a:hover h3 {
	color:#149645
}
.table span {
	margin-right:10px
}
.content_detail .pager {
	font-size:14px
}
.content_detail .pager a {
	border:none;
	color:#666
}
.content_detail .pager a:focus, .content_detail .pager a:hover {
	color:#149645;
	background:0 0
}
.content_detail .pager li {
	display:block;
	text-align:left;
	line-height:200%
}
#fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover {
	background:#149645;
	color:#fff
}
#fh5co-content_show .pagination .active a {
	color:#fff
}
#fh5co-content_show .pagination li {
	margin:0 3px
}
#fh5co-content_show video {
	max-width:100%
}
#fh5co-content_show .article-media li {
	border-bottom:1px dashed #e0e0e0;
	padding:10px 0 20px
}
.article-media .media .caldata .content {
	padding:10px;
	background:#f2f2f2;
	text-align:center;
	margin-right:8px;
	color:#666
}
.article-media .media .caldata .content p {
	text-align:center
}
.article-media .media .caldata .content p.day {
	font-size:24px;
	color:#666;
	font-weight:700;
	padding-bottom:5px
}
.article-media .media .caldata .content p.mon-year {
	font-size:13px
}
.article-media .media .media_img {
	width:250px;
	margin-right:20px
}
.article-media .media .media_img a {
	border-color:-moz-use-text-color;
	border-style:none;
	border-width:medium;
	padding:0
}
.article-media .media .media_img a:hover {
	border-color:-moz-use-text-color;
	border-style:none;
	border-width:medium;
	background:#fff4ce none repeat scroll 0 0
}
.article-media .media .media_img img {
	width:250px
}
.article-media li {
	margin-bottom:12px
}
.article-media .media .time {
	color:#aaa;
	font-size:12px;
	display:inline-block;
	margin-top:3px
}
.article-media .media-body h3 {
	font-size:16px;
	margin-bottom:5px;
	font-weight:700
}
.article-media .media-body h3 a {
	color:#333;
	font-size:16px;
	line-height:100%
}
.article-media .media-body h3 a:hover {
	color:#149645
}
.article-media .media-body p.desc {
	color:#666;
	line-height:20px;
	font-size:12px
}
.article-media .media-body p.more {
	margin-top:10px
}
.article-media .media-body p.more a {
	font-size:14px;
	font-weight:700;
	display:inline-block;
	width:150px;
	height:35px;
	background:url(img/btns.png) no-repeat left -86px
}
.article-media .media-body p.more a:hover {
	background:url(img/btns.png) no-repeat -225px -86px
}
.slideshow {
	height:310px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.slideshow .container {
	position:relative;
	height:100%
}
.slideshow h3 {
	position:absolute;
	top:53%;
	color:#fff;
	font-size:30px;
	height:30px;
	left:0;
	right:148px
}
.slideshow h3 a {
	color:#fff
}
.SonlineBox {
	width:139px;
	font-size:12px;
	overflow:hidden;
	z-index:6
}
.SonlineBox .openTrigger {
	width:31px;
	height:130px;
	position:absolute;
	top:0;
	z-index:1;
	cursor:pointer;
	background:#149645 url(img/greenopen.jpg) no-repeat
}
.SonlineBox .titleBox {
	width:135px;
	height:35px;
	line-height:35px;
	background:#149645;
	border-bottom:2px solid #149645
}
.SonlineBox .titleBox span {
	margin-left:5px;
	color:#fff;
	font-size:12px
}
.SonlineBox .contentBoxC {
	width:135px;
	border:2px solid #149645;
	background:#fff;
	position:absolute;
	z-index:2
}
.SonlineBox .contentBoxC .closeTrigger {
	width:25px;
	height:25px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
-webkit-transition:all .8s ease-out
}
.SonlineBox .contentBoxC .closeTrigger:hover {
	-webkit-transform:scale(1) rotate(360deg)
}
.SonlineBox .contentBoxC .listBox {
	overflow:hidden;
	margin-bottom:10px
}
.SonlineBox .contentBoxC .listBox .Tlist {
	display:block;
	width:86%;
	height:22px;
	margin:10px auto 0;
	text-align:center
}
.SonlineBox .contentBoxC .listBox .Tlist span {
	float:left;
	line-height:22px
}
.SonlineBox .contentBoxC .listBox .Tlist a {
}
.SonlineBox .contentBoxC .listBox .WWList {
	line-height:18px;
	height:18px
}
.SonlineBox .contentBoxC .listBox .SkypeList {
	line-height:23px;
	height:23px
}
.SonlineBox .contentBoxC .otherBox {
	clear:both;
	height:115px;
	text-align:center
}
.SonlineBox .contentBoxC .otherBox img {
	width:105px;
	height:105px
}
.SonlineBox .contentBoxC .telBox {
	display:block;
	padding:36px 0 10px;
	color:#333;
	font-size:12px;
	line-height:26px;
	background:url(img/telbg.jpg) 0 0 no-repeat;
	text-align:center;
	font-weight:700
}
#toolbar {
	display:none
}
@media(max-width:1199px) and (min-width:1001px) {
#fh5co-middle-list .about-us .center_a_span2 {
font-size:15px
}
.flexslider .slides>li {
height:500px
}
.slideshow {
height:320px
}
#fh5co-header .header-box .nav li {
margin:0 19px
}
#fh5co-about-us .content .desc {
padding-left:20px
}
footer .footer-top .plist {
padding:12px 0 0 20px;
margin-right:20px
}
}
@media screen and (max-width:1000px) {
#quirydialog .qdialog-head {
width:600px
}
#fh5co-header .header-box .nav li {
margin:0 7px
}
#fh5co-header .header-box .logo {
padding:21px 0 0
}
#fh5co-header .header-box .nav li ul li a {
}
.flexslider .slides>li {
height:380px
}
.slideshow {
height:280px
}
#fh5co-product-list .fh5co-heading p.desc {
max-width:100%
}
#fh5co-about-us .video-bg, #fh5co-about-us .content .desc, #fh5co-about-us .content .more, #fh5co-about-us .content .more a, footer .footer-bot .Copyright, footer .footer-bot .foot-flink {
text-align:center;
margin:0 auto
}
#fh5co-case-list .show-list .item .media-img {
width:200px;
height:200px;
background-size:cover
}
#fh5co-about-us .content .intro {
text-align:left
}
footer .footer-top .plist {
padding:12px 0 0 10px;
margin-right:10px
}
#fh5co-content_show .about-boxs {
text-align:center
}
#fh5co-content_show .about-boxs img {
float:none!important;
margin-right:0
}
}
@media screen and (max-width:760px) {
.fh5co-heading span, #fh5co-middle-list .fh5co-heading span {
}
#quirydialog .qdialog-head {
width:360px
}
#fh5co-offcanvas .nav {
display:block;
borer:none
}
.fh5co-nav-toggle {
display:block
}
#fh5co-header .header-box .logo {
padding:8px 0
}
#fh5co-header .header-box .logo img {
width:200px
}
#fh5co-header .header-box {
border:none
}
#fh5co-header .icon-navicon {
position:absolute;
top:50%;
right:0;
margin-top:-10px;
background:0 0;
color:#fff;
font-size:22px;
border:none;
transition:none;
padding:0
}
#article-box-id #fh5co-content_show .show_content {
margin-left:0
}
#fh5co-content_show .inner-title {
padding:30px 0 20px
}
.flex-direction-nav {
display:none
}
.slideshow {
height:170px
}
#fh5co-news-list .industry-news .inner {
padding-left:0
}
.flexslider .slides>li {
height:260px
}
.margin-large-bottom {
margin-bottom:20px
}
.fh5co-heading h2 {
padding-top:30px
}
#fh5co-about-us .bg-about {
padding:50px 0 20px
}
#fh5co-about-us .video-bg {
background-size:cover
}
#fh5co-product-list .fh5co-heading p.more {
margin:20px 0
}
#fh5co-product-list .show-list {
padding-top:30px
}
#fh5co-case-list .fh5co-heading p.more {
margin:15px 0 25px
}
#fh5co-case-list .fh5co-heading p.desc {
font-size:16px
}
#fh5co-case-list .show-list {
padding-top:25px
}
#fh5co-case-list .show-list .item h3 {
margin:8px 0
}
#fh5co-case-list .show-list .margin-large-bottom {
margin-bottom:0
}
#fh5co-case-list .show-list .item .media-img {
width:250px;
height:250px;
background-size:cover
}
#fh5co-news-list .bg-news {
padding:35px 0 0
}
#fh5co-news-list .show-list .media .media_img.float-left {
float:none!important;
width:190px;
margin:0 auto 20px
}
#fh5co-news-list .show-list .media a .media-body h3 {
line-height:1.3;
font-size:16px;
font-weight:700;
margin-bottom:10px
}
#fh5co-news-list .show-list .media .media-body p.desc {
font-size:12px
}
#fh5co-news-list .show-list .media a .media-body h3, #fh5co-news-list .show-list .media .media-body p.desc {
text-align:center
}
#fh5co-news-list .show-list {
padding:45px 0 0
}
#fh5co-technology-list .fh5co-heading p.more {
margin:25px 0 30px
}
.inner-title-bg .title h2 {
font-size:24px
}
.article-media .media .media_img {
width:150px;
margin-right:12px
}
.article-media .media .media_img img {
width:150px
}
.article-media .media .time {
display:none
}
#fh5co-content_show .contactboxs h2 {
padding:0
}
#fh5co-content_show .inner-nav li a {
padding:10px 15px
}
.blank55 {
height:55px;
line-height:1px;
clear:both
}
#toolbar {
color:#fff;
width:100%;
height:54px;
position:fixed;
bottom:0;
left:0;
z-index:8;
background:#000;
display:block
}
#toolbar a {
width:100%;
color:#fff;
display:block;
padding:5px 0 0;
line-height:23px;
font-size:14px
}
#toolbar a span {
font-size:22px;
display:block
}
}
@media screen and (max-width:520px) {
#fh5co-about-us .video-bg {
min-height:auto;
width:auto;
padding:0
}
}
@media screen and (max-width:480px) {
#quirydialog .qdialog-head {
width:auto!important
}
#fh5co-header .header-box .logo {
padding:6px 0
}
#fh5co-header .header-box .logo img {
width:150px
}
#fh5co-product-list .tab .tab-nav li a {
padding:0 10px;
margin:0 3px
}
.fh5co-nav-toggle {
top:13px
}
#fh5co-content_show .detail h1 {
font-size:16px;
font-weight:700;
margin:0
}
#fh5co-content_show .qhd-title span {
font-size:12px
}
.article-media .media .caldata .content {
padding:5px
}
.article-media .media .media_img {
width:82px;
margin-right:10px
}
.article-media .media .media_img img {
width:80px;
padding:1px
}
.article-media .media .time, .article-media .media .desc {
display:none
}
.article-media img {
width:80px
}
#fh5co-content_show .article-media li {
padding:10px 0
}
.article-media .media-body h3 {
line-height:100%;
font-size:14px
}
.article-media .media-body h3 a {
font-size:14px;
line-height:150%
}
.article-media .media-body p.more {
display:none
}
.slideshow {
height:120px
}
.flex-control-nav {
display:none
}
.flexslider .slides>li {
height:216px
}
#fh5co-about-us .video-bg {
min-height:auto;
width:auto;
padding:0
}
#fh5co-content_show .inner-nav li a {
padding:10px 8px;
font-size:14px;
padding-right:12px
}
}
@media screen and (max-width:420px) {
.show-product .xl6 {
width:100%!important
}
}
.backToTop {
	display:none;
	width:35px;
	height:35px;
	position:fixed;
	_position:absolute;
	right:5px;
	bottom:60px;
	_bottom:"auto";
	cursor:pointer;
	z-index:9;
	background:#666 url(img/icon-gotop-fixed.png) no-repeat center center
}
.backToTop:hover {
	background-color:#000
}
.dede_pages {
	height:28px;
	padding:20px 0;
	font-size:14px;
	text-align:center
}
.dede_pages ul {
	display:inline-block;
	margin:0 auto;
	padding:0
}
.dede_pages ul li {
	float:left;
	font-family:microsoft yahei;
	margin:0 2px;
	padding:0 10px;
	line-height:25px;
	background:#fff;
	border:1px solid #d8dadf
}
.dede_pages ul li a {
	float:left;
	color:#555;
	display:block
}
.dede_pages ul li:hover {
	text-decoration:none;
	color:#fff;
	border:1px #333 solid;
	background-color:#333
}
.dede_pages ul li:hover a {
	color:#fff
}
.dede_pages ul li:hover a:hover {
	color:#fff;
	text-decoration:none
}
.dede_pages ul li.thisclass {
	background-color:#333;
	color:#fff;
	border:1px #333 solid
}
.dede_pages ul li.thisclass a {
	color:#fff
}
.dede_pages .pageinfo {
	line-height:30px;
	padding-left:5px
}
.dede_pages strong {
	font-weight:400
}
#maximg img {
	max-width:100%;
	height:auto!important
}
@media screen and (max-width:768px) {
header {
position:fixed;
top:0;
width:100%;
left:0;
z-index:8
}
body {
padding-top:52px
}
}