body {
	font: 12px/1.6 arial, tahoma, sans-serif;
	font-weight: normal;
	background: #fff;
	color: #666;
}
a,a:focus {outline: 0;}
p {
	margin: 0;
	font-weight: normal;
}
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: #a68772;
}
.bg-main {
	background: #e8021c;
	background: #b35e1b;
	border: 1px solid #149645 !important;
	border-color: #b35e1b !important;
	transition: all .5s ease;
}
.bg-main:hover, .bg-main:focus {
	border: 1px solid #b01b2c !important;
	border-color: #9f856e !important;
	background: #b01b2c !important;
	background: #9f856e !important;
}
.button.bg-main {
	border-color: #e8021c !important;
	border-color: #b35e1b !important;
}
.button.bg-main:hover {
	border-color: #e8021c !important;
	border-color: #b35e1b !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: 17px;
	color: #5a5a5a;
	;
	font-weight: bold
}
.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
}
.index_ewm {
	background: #f5f2e9;
	background: #efdbba;
}
.index_jszs {
	position: relative;
	background: #efdbba;
}
#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: bold
}
.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: 0;
	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%;
	background-size: contain;
}
.artzoomimgs {
	padding-bottom: 64%;
}
.chazoomimgs {
	padding-bottom: 75%;
}
.noinfo {
	text-align: center;
	padding: 25px 0
}
/*header begin*/
#fh5co-header .head-middle {
	background: #e8021c;
	background: #c1af99;
	line-height: 40px;
	color: #83858f;
	color: #fff;
}
#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(../images/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: #e2e2e2;
	color: #fff;
	font-size: 14px;
}
#fh5co-header .head-middle .hot-tel span {
	display: inline-block;
	margin-left: 5px;
}
#fh5co-header .header-box {
	background: #fff;
	background: #ece8dc;
}
.header-box.fixed.fixed-top {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 6;
	background: #fff;
}
#fh5co-header .header-box .logo {
	padding: 29px 0 0
}
#fh5co-header .header-box .logo h1 {}
#fh5co-header .header-box .logo .div_ewm {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    position: absolute;
    top: 26%;
    right: -30px;
    width: 50%;
}
#fh5co-header .header-box .logo .div_ewm span {
	width: 45%;
}
#fh5co-header .header-box .logo .div_ewm span strong {
	color: #333;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	display: block;
	text-align: center;
	margin-top: 10px;
}
#fh5co-header .header-box .nav {
}
#fh5co-header .header-box .nav li {
	display: inline-block;
	padding: 0px;
	margin: 0px 18px;
}
#fh5co-header .header-box .nav li:last-child {
	background: none;
	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.active a.first-level,
#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(../images/ative.png) no-repeat bottom;
	border-bottom: 5px solid #e8021c;
	border-bottom-color: #965424;
	color: #e8021c;
	color: #965424;
}
#fh5co-header .header-box .nav li .drop-menu .active a {color: #e8021c;color: #c7ae98;}
#fh5co-header .header-box .nav li ul {
	border: none;
	left: 0px;
	border-radius: 5px;
	margin: 0;
	padding: 15px;
	min-width: 146px;
	z-index: 4;
	border: none;
	top: 62px;
	box-shadow: 0 0 5px #000000;
}
#fh5co-header .header-box .nav li ul li {
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
	height: auto;
	border-left: none;
	background: none
}
#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(../images/dian2.png) no-repeat 12px center;
	font-size: 14px;
	color: #5d5d5d;
	text-align: left;
	transition: all .5s ease;
}
#fh5co-header .header-box .nav li ul li a:hover {
	background: url(../images/dian.png) no-repeat 12px center;
	color: #e8021c;
	color: #965424;
	font-weight: bold;
	border: none;
	font-weight: normal
}
.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: #96551d url(../images/suoshou.png) center center no-repeat;
	width: 34px;
	height: 34px;
	float: left;
	position: absolute;
	right: 0;
	border: none;
}
/*header end*/

/*mobile header begin */
#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: 50px;
	width: 220px;
	background: #fff;
	padding: 0px 0px 10px 30px;
	border: 0;
	z-index: 9;
}
.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: 0px 0 0 2px;
}
#fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a {
	color: #e8021c;
	color: #9f856e;
}
#fh5co-offcanvas ul li a::after {
	background: #eee;
	position: absolute;
	content: '';
	left: 0px;
	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: 0px 20px 0px 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: #e8021c;
	background: #9f856e;
	color: #fff;
	transition: none
}
#fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after {
	background: none;
	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: 0.2s;
	-o-transition: 0.2s;
	transition: 0.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: none;
}
.fh5co-nav-toggle.active i::before {
	background: none
}
.fh5co-nav-toggle.active i::after {
	background: none
}
.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(../images/coo.gif) no-repeat left top;
	width: 20px;
	height: 23px;
}
/*mobile header end */

/* footer begin*/
.bottom-bg {
	background: url("../images/bottom_bg.png") no-repeat center bottom;
	background: transparent;
	padding-bottom: 60px;
}
footer {
	font-size: 12px;
}
footer .footer-top {
	background: #262626 none repeat scroll 0 0;
	background: #444 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(../images/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 .line-big {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
footer .footer-top .plist {
	padding: 10px 0 0 30px;
	padding: 0;
	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;
	transition: all .5s ease;
}
footer .footer-top ul li a:hover {
	color: #e8021c;
	color: #965424;
}
footer .footer-top h2 {
	color: #c1c1c1;
	font-size: 16px;
	font-weight: bold;
	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;
	background: #000;
	color: #999;
}
footer .footer-bot .foot-flink a {
	color: #999;
	line-height: 100%;
	padding: 0 5px;
	transition: all .5s ease;
}
footer .footer-bot .foot-flink a:hover {
	color: #e8021c;
	color: #965424;
}
footer .footer-bot .Copyright {
	color: #999;
	text-align: right
}
footer .footer-bot .Copyright a {
	color: #999;
	font-size: 13px;
	transition: all .5s ease;
}
footer .footer-bot .Copyright a:hover {
	color: #999;
	color: #e8021c;
	color: #965424;
	text-decoration: underline;
}
/* footer end*/

/*
 * 底部转换组件：plugin-fly
 */
/* 右侧固定侧边栏（保留原有样式） */
        /* 左侧菜单容器（适配新坐标） */
        .left-menu-container {
            position: fixed;
            bottom: clamp(20px, 3vw, 30px);
            left: clamp(20px, 3vw, 30px);
            z-index: 100;
            /*width: 300px;
            height: 300px;*/
        }

        /* 核心按钮（匹配效果图样式） */
        .toggle-btn {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #000;
            color: #fff;
            border: none;
            font-size: 22px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            z-index: 10;
            transition: all 0.3s ease;
        }

        .toggle-btn:hover {
            transform: scale(1.05);
        }

        /* 扇形菜单容器 */
        .fan-menu {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 300px;
            height: 300px;
            opacity: 0; 
            pointer-events: none;
            transition: opacity 0.2s ease 0.1s;
        }

        .fan-menu.active {
            opacity: 1;
            pointer-events: auto;
        }

        /* 扇形按钮（固定尺寸，匹配效果图） */
        .fan-btn {
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #000;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: 12px;
            text-align: center;
            z-index: 5;
            transform: scale(0) translate(0, 0);
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .fan-menu.active .fan-btn {
            transform: scale(1) translate(0, 0);
            opacity: 1;
            pointer-events: auto;
        }

        /* 按钮内排版（匹配效果图文字位置） */
        .fan-btn-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            line-height: 1.1;
            width: 100%;
            height: 100%;
            padding: 3px;
        }

        .fan-btn-icon {
            font-size: 14px;
            margin-bottom: 2px;
        }

        /* ========== 核心调整：精准匹配效果图坐标 ========== */
        /* 张小姐：左上，远离其他按钮（匹配截图位置） */
        .btn-zhang {
            bottom: 80px;    /* 核心按钮上方80px（上移减少） */
            left: -5px;     /* 核心按钮左侧20px（左移，远离陈/联系） */
            transition-delay: 0.1s;
        }

        /* 陈小姐：右上，和联系按钮垂直拉开距离（彻底解决重叠） */
        .btn-chen {
            bottom: 70px;    /* 核心按钮上方70px（比原来高10px） */
            left: 70px;      /* 核心按钮右侧70px（略左移） */
            transition-delay: 0.18s;
        }

        /* 联系：右下，和陈小姐垂直分离（匹配截图位置） */
        .btn-contact {
            bottom: 0px;    /* 核心按钮上方10px（上移10px，和陈小姐拉开60px距离） */
            left: 90px;      /* 和陈小姐同列，保证对齐 */
            transition-delay: 0.25s;
        }

        /* hover效果（不重叠） */
        .fan-btn:hover {
            transform: scale(1.05) translate(0, -2px);
            background: #333;
            pointer-events: auto;
        }

        /* 响应式适配：同步调整坐标，保持间距 */
        @media (max-width: 768px) {
            .btn-zhang { bottom: 70px; left: -15px; }
            .btn-chen { bottom: 60px; left: 60px; }
            .btn-contact { bottom: 10px; left: 60px; }
            .btn-zhang { bottom: 75px; left: 0px; }
            .btn-chen { bottom: 55px; left: 60px; }
            .btn-contact { bottom: 5px; left: 90px; }
        }

        @media (max-width: 480px) {
            .btn-zhang { bottom: 75px; left: 0px; }
            .btn-chen { bottom: 55px; left: 60px; }
            .btn-contact { bottom: 5px; left: 90px; }
        }

        @media (max-width: 375px) {
            .btn-zhang { bottom: 50px; left: 0px; }
            .btn-chen { bottom: 40px; left: 40px; }
            .btn-contact { bottom: 10px; left: 40px; }
            .btn-zhang { bottom: 75px; left: 0px; }
            .btn-chen { bottom: 55px; left: 60px; }
            .btn-contact { bottom: 5px; left: 90px; }
        }

/*
 * 底部转换组件：plugin-fly
 */

/*picture begin*/
.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: #e8021c;
	background: #96551d;
}
.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: 0px;
	padding: 0;
	margin: 0;
	opacity: 1;
	text-align: left;
	border-radius: 0;
	color: #ddd;
	cursor: pointer;
	background: rgba(0, 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: normal;
	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"
}
/*picture end*/

/* products begin*/
#fh5co-product-list .bg-product {
	background: url(../images/in_pro_bg.jpg) repeat;
	background: #c0af9b;
	background: #b48250;
	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: 35px;
	/*background: url(../images/btns.png) no-repeat -27px -230px*/
	background: #e80909;
	background: #96551d;
	border: 1px solid #e80909;
	border-color: #96551d;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    transition: all .5s ease;
}
#fh5co-product-list .fh5co-heading p.more a:hover {
	/*background: url(../images/btns.png) no-repeat -224px -229px*/
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}
#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(../images/p_nav.png) repeat-x left center
}
#fh5co-product-list .tab .tab-nav li {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
#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: none;
	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: 0.5s;
}
#fh5co-product-list .show-list .item a {
	display: block;
	padding: 9px 9px 30px;
}
#fh5co-product-list .show-list .item h3 {
	font-size: 14px;
	white-space: nowrap;
	margin: 28px 0;
	color: #333;
}
#fh5co-product-list .show-list .item a:hover h3 {
	color: #006d29;
	color: #9f856e;
}
#fh5co-product-list .show-list .item p.more {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: #e80909;
	background: #9f856e;
	background: #96551d;
    border: 1px solid #e80909;
    border-color: #9f856e;
    transition: all .5s ease;
	position: relative;
	/*background: url(../images/btns.png) no-repeat left -84px*/
}
#fh5co-product-list .show-list .item a:hover p.more {
	color: #e80909;
	color: #96551d;
	background: transparent;
    border: 1px solid #e80909;
    border-color: #96551d;
	/*background: url(../images/btns.png) no-repeat -225px -84px*/
}
#fh5co-product-list .show-list .owl-controls .owl-buttons div {
	position: absolute;
	top: 30%;
	margin-top: 0px;
	width: 44px;
	height: 58px;
	line-height: 58px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	background: none;
	opacity: 1;
	text-align: left;
	border-radius: 0;
	transition: all .5s ease;
}
#fh5co-product-list .show-list .owl-controls .owl-buttons div:hover {
	background: #006d29;
	background: #c60c0c;
	background: #9f856e;
}
#fh5co-product-list .show-list .owl-controls .owl-buttons div:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	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: 2px;
}
#fh5co-product-list .show-list .owl-controls .owl-next:before {
	content: "\f105"
}
/* case begin*/
#fh5co-case-list .bg-case {
	background: #F1F1F1
}
#fh5co-case-list .fh5co-heading h2 {
	background: url(../images/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 {
	color: #fff;
    font-size: 16px;
	font-weight: bold;
	display: inline-block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	background: #e80909;
	background: #965424;
    border: 1px solid #e80909;
    border-color: #965424;
    transition: all .5s ease;
	/*background: url(../images/btns.png) no-repeat left -86px*/
}
#fh5co-case-list .fh5co-heading p.more a:hover {
	color: #e80909;
	color: #965424;
	background: transparent;
    border: 1px solid #e80909;
    border-color: #965424;
	/*background: url(../images/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(../images/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;
	color: #965424;
}
#fh5co-case-list .show-list .item p.more {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	width: 135px;
	height: 33px;
	line-height: 33px;
	background: #e80909;
	background: #965424;
    border: 1px solid #e80909;
    border-color: #965424;
    transition: all .5s ease;
	/*background: url(../images/btns.png) no-repeat -26px -156px*/
}
#fh5co-case-list .show-list .item a:hover p.more {
	color: #e80909;
	color: #965424;
	background: transparent;
    border: 1px solid #e80909;
    border-color: #965424;
	/*background: url(../images/btns.png) no-repeat -225px -156px*/
}
/* case end*/

/* news begin*/
#fh5co-news-list .bg-news {
	padding: 25px 0 50px;
	background: url(../images/in_pro_bg.jpg) repeat;
	background: #b27f4a;
}
#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 {
	color: #fff;
	font-size: 16px;
	width: 130px;
	height: 35px;
	line-height: 35px;
	background: #e80909;
	background: #965424;
    border: 1px solid #e80909;
    border-color: #965424;
    transition: all .5s ease;
	/*background: url(../images/btns.png) no-repeat -27px -230px*/
}
#fh5co-news-list .fh5co-heading p.more a:hover {
	color: #fff;
	background: transparent;
    border: 1px solid #fff;;
	/*background: url(../images/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;
	transition: all .5s ease;
}
#fh5co-news-list .show-list .media .media-body p.desc {
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
	/* 3. 英文自动换行 */
	overflow-wrap: break-word;
	/*word-break: break-all;*/ /*换行*/
	white-space: normal; /*单词换行*/
	transition: all .5s ease;
}
#fh5co-news-list .show-list .media a:hover .media-body h3,
#fh5co-news-list .show-list .media a:hover .media-body p.desc {
	color: #333;
	color: #fff;
}
#fh5co-news-list .show-list .owl-controls .owl-buttons div {
	position: absolute;
	top: 30%;
	margin-top: 0px;
	width: 44px;
	height: 58px;
	line-height: 58px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	background: none;
	opacity: 1;
	text-align: left;
	border-radius: 0
}
#fh5co-news-list .show-list .owl-controls .owl-buttons div:hover {
	background: none
}
#fh5co-news-list .show-list .owl-controls .owl-buttons div:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	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"
}
/* about begin*/
.index_about {
	position: relative;
	background: #ddb68b;
}
#fh5co-about-us .bg-about {
	padding-top: 90px;
}
#fh5co-about-us .video-bg {
	background: url(../images/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: bold;
	line-height: 37px;
	color: #e8021c;
	color: #856651;
	color: #333;
	color: #96551d;
}
#fh5co-about-us .content .intro {
	font-size: 14px;
	line-height: 24px;
	color: #362c20;
	color: #333;
	margin: 30px 0 15px;
	/* 3. 英文自动换行 */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5; /* 3行后省略 */
	-webkit-box-orient: vertical;
	overflow-wrap: break-word;
	/*word-break: break-all;*/ /*换行*/
	white-space: normal; /*单词换行*/
}
#fh5co-about-us .content .more a {
	display: block;
	width: 125px;
	height: 35px;
	background: #e8021c;
	background: #96551d;
	line-height: 35px;
	text-align: center;
	border: none;
	color: #fff;
	font-size: 13px;
	border: 1px solid transparent;
	transition: all .5s ease;
    position: relative;
}
#fh5co-about-us .content .more a:hover {
	color: #e8021c;
	color: #96551d;
	background: transparent;
	border: 1px solid #e8021c;
	border-color: #96551d;
}
/* about end*/

/* technology begin*/
#fh5co-technology-list .fh5co-heading p.more {
	margin: 35px 0 55px
}
#fh5co-technology-list .fh5co-heading p.more a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	background: #e80909;
	background: #965424;
    border: 1px solid #e80909;
    border-color: #965424;
    transition: all .5s ease;
	/*background: url(../images/btns.png) no-repeat left -86px*/
}
#fh5co-technology-list .fh5co-heading p.more a:hover {
	color: #e8021c;
	color: #965424;
	background: transparent;
    border: 1px solid #e80909;
    border-color: #965424;
	/*background: url(../images/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;
	line-height: 1.5;
	white-space: nowrap;
	margin: 28px 0;
	color: #333;
	
	/* 3. 英文自动换行 */
	overflow-wrap: break-word;
	/*word-break: break-all;*/ /*换行*/
	white-space: normal; /*单词换行*/

	/* 强制不换行 */
	white-space: nowrap;
	/* 超出隐藏 */
	overflow: hidden;
	/* 文字溢出省略号 */
	text-overflow: ellipsis;
	transition: all .5s ease;
}
#fh5co-technology-list .show-list .item a:hover h3 {
	color: #e8021c;
	color: #965424;
}
#fh5co-technology-list .show-list .item p.desc {
	font-size: 12px;
	color: #333;
	line-height: 1.3;
	/* 2. 核心多行溢出代码 */
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 控制显示行数：3行后溢出省略 */
	-webkit-box-orient: vertical;
	overflow: hidden;

	/* 3. 英文自动换行 */
	overflow-wrap: break-word;
	/*word-break: break-all;*/ /*换行*/
	white-space: normal; /*单词换行*/
}
#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: 0px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	background: #e8021c;
	background: #965424;
	opacity: 1;
	text-align: left;
	border-radius: 50%;
	transition: all .5s ease;
}
#fh5co-technology-list .show-list .owl-controls .owl-buttons div:hover {
	background: #e8021c;
	background: #bdab93;
}
#fh5co-technology-list .show-list .owl-controls .owl-buttons div:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 30px;
}
#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"
}
/* technology end*/

/* inner begin*/
/* products begin*/
.show-product .item {
	color: #666;
	display: block;
	background: #f2f2f2;
	padding: 8px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	transition: all .5s ease;
}
.show-product .item:hover {
	border: 1px solid #e8021c;
	border-color: #9f856e;
	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: #808080
}
.show-product .item:hover h3 a {
	color: #149645;
	color: #9f856e;
}
.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 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: #e8021c;
	background: #b35e1b;
	border: 1px solid #b35e1b;
	border-color: #b35e1b;
	transition: all .5s ease;
	/*background: url(../images/btns.png) no-repeat left -84px*/
}
.show-product .item:hover .more a {
	color: #e8021c;
	color: #b35e1b;
	border: 1px solid #e8021c;
	border-color: #b35e1b;
	background: transparent;
	/*background: url(../images/btns.png) no-repeat -225px -84px*/
}
/* products end*/


#fh5co-content_show {
	padding: 15px 0px 30px;
}
#channel-box-id #fh5co-content_show {
	padding: 0px;
}
#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(../images/erji_bg.png) no-repeat right center;
}
#fh5co-content_show .inner-nav li:last-child {
	background: none
}
#fh5co-content_show .inner-nav li a {
	color: #333;
	padding: 10px 25px;
	padding-right: 35px;
	display: inline-block;
	font-size: 16px;
	transition: all .5s ease;
}
#fh5co-content_show .inner-nav li a:hover, #fh5co-content_show .inner-nav li a#lsed {
	color: #e8021c;
	color: #b35e1b;
}
#fh5co-content_show .detail {
	font-size: 14px;
	padding: 0px 0;
	line-height: 180%;
}
#fh5co-content_show .content_detail .detail {
}
#fh5co-content_show .detail a {
	color: rgb(89, 89, 89);
}
#fh5co-content_show .detail a:hover {
	color: #e8021c;
	color: #b35e1b;
}
#fh5co-content_show .detail h1 {
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	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: 0px;
	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: normal
}
.inner-title-bg {
	background: url(../images/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: normal;
	margin: 0;
	overflow: hidden;
	padding: 0;
	word-break: break-all;
	color: #e8021c;
	color: #9f856e;
	color: #96551d;
	font-size: 36px;
}
.inner-title-bg .title h2 a {
	color: #e8021c;
}
.inner-title-bg .title .bread {
	padding: 0px 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: #e8021c;
	color: #b35e1b;
}
.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 .left_div {
	position: relative;
	background: #f5f5f5;
}
#fh5co-content_show .leftbar .div_txt {
	position: relative;
	padding: 10px;
}
#fh5co-content_show .leftbar .div_txt .contact_img {
	max-width: 100%;
	margin: 0 auto 10px;
	display: block;
}
#fh5co-content_show .leftbar .div_txt .h4 {
	position: relative;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	margin: 10px auto;
	display: block;
}
#fh5co-content_show .leftbar .div_txt .span {
	position: relative;
	color: #666;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	display: block;
	margin: 10px auto;
}
#fh5co-content_show .leftbar .div_txt .strong {
	position: relative;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}
#fh5co-content_show .leftbar h3 {
	height: 49px;
	line-height: 49px;
	background: #e8021c;
	background: #b35e1b;
	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(../images/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(../images/dian.png) no-repeat 14px center;
	color: #e8021c;
	color: #b35e1b;
	font-weight: normal;
}
#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: 0px 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 0px;
	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: bold;
	background: url(../images/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: bold
}
#fh5co-content_show .contactboxs h2 {
	color: #333;
	font-weight: bold;
	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: bold;
}
/*Rec Products*/
#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;
}
/*pager*/
.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: none
}
.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%
}
/*article*/
#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: bold;
	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: bold
}
.article-media .media-body h3 a {
	color: #333;
	font-size: 16px;
	line-height: 100%;
	transition: all .5s ease;
}
.article-media .media-body h3 a:hover {
	color: #e8021c;
	color: #b35e1b;
}
.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 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	width: 150px;
	height: 35px;
	line-height: 35px;
	background: #e8021c;
	background: #b35e1b;
	border: 1px solid #e8021c;
	border-color: #b35e1b;
	transition: all .5s ease;
	/*background: url(../images/btns.png) no-repeat left -86px*/
}
.article-media .media-body p.more a:hover {
	color: #e8021c;
	color: #b35e1b;
	background: transparent;
	border: 1px solid #e8021c;
	border-color: #b35e1b;
	/*background: url(../images/btns.png) no-repeat -225px -86px*/
}
/*inner banner*/
.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;
}
/*service*/
.SonlineBox {
	width: 139px;
	font-size: 12px;
	overflow: hidden;
	z-index: 6;
}
.SonlineBox .openTrigger {
	width: 31px;
	height: 130px;
	position: absolute;
	top: 0px;
	z-index: 1;
	cursor: pointer;
	background: #149645 url(../images/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; /*height:335px;*/
	border: 2px solid #149645;
	background: #ffffff/* url(../images/greenbg.jpg) no-repeat*/;
	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 0.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 0px auto;
	text-align: center;
}
.SonlineBox .contentBoxC .listBox .Tlist span {
	float: left;
	line-height: 22px;
}
.SonlineBox .contentBoxC .listBox .Tlist a {/*float:left;*/
}
.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 0;
	color: #333;
	font-size: 12px;
	line-height: 26px;
	background: url(../images/telbg.jpg) 0 0 no-repeat;
	text-align: center;
	font-weight: bold;
}
/*service end*/


/*bottom*/
#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 .logo img {width: 200px;}
#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: 0px;
}
}
 @media screen and (max-width:760px) {
 	#fh5co-header .header-box .logo .div_ewm {display: none;}
 	#fh5co-header .header-box .logo h1 a img {width: 55% !important;}
.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;
	display: none;
}
#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: 0px;
	margin-top: -10px;
	background: none;
	color: #fff;
	font-size: 22px;
	border: none;
	transition: none;
	padding: 0;
}
#article-box-id #fh5co-content_show .show_content {
	margin-left: 0px;
}
#fh5co-content_show .inner-title {
	padding: 30px 0 20px;
}
.flex-direction-nav {
	display: none;
	display: block;
}
.flex-direction-nav li a.flex-prev {
    left: 10px;
}
.flex-direction-nav li a.flex-next {
    right: 10px;
}
.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;
	font-size: 35px;
}
#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: 0px;
}
#fh5co-case-list .show-list .item .media-img {
	width: 250px;
	height: 250px;
	background-size: cover
}
#fh5co-news-list .bg-news {
	padding: 35px 0 0px
}
#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: bold;
	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: 0px;
}
#fh5co-content_show .inner-nav li a {
	padding: 10px 15px;
}
/*mobile bottom*/
.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 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: 0px;
}
}
 @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: bold;
	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 0px;
}
.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;
	display: block;
	bottom: 0 !important;
}
.flex-control-paging li a {
    background: rgba(255, 255, 255, 0.6);
    width: 8px !important;
    height: 8px !important;
}
.flexslider .slides > li {
	height: 216px;
}
#fh5co-about-us .video-bg {
	min-height: auto;
	width: auto;
	padding: 0px;
}
#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
}
}
/* inner end*/

/* ======go to top ======*/
.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(../images/icon-gotop-fixed.png) no-repeat center center;
}
.backToTop:hover {
	background-color: #000;
}
.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul  a{color:#555;display:block;padding: 2px 13px;  border: 1px solid #ddd;float: left;margin: 0 5px;}
.dede_pages ul  a.page-num-current{color: #fff; background:#ddd;background: #b35e1b;}

#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;}
   #fh5co-about-us .content h2{ font-size:22px !important}
   #fh5co-about-us .content .intro{ margin-top:10px !important}
}



/*
* header
*/

.header_top .wrap .row {
	position: relative;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bar {
	background: #f4f4f4;
	position: relative;
	clear: both;
	z-index: 101;
	height: 32px;
	line-height: 32px;
	color: #676665;
	overflow: hidden;
}

.bar a {
	color: #676665;
}

.bar ul li {
	float: left;
}

.bar ul li i {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 9px;
	background: #fff;
	margin: 0 4px
}

/* 社会化标志 */
.bar .link a {
	display: inline-block;
	float: left;
	background: url(../images/social.jpg) no-repeat;
	vertical-align: middle;
	margin-top: 7px;
	margin-right: 16px;
	width: 25px;
	height: 28px;
}

.bar .link .link01 {
	background-position: 0 0;
}

.bar .link .link02 {
	background-position: -43px 0
}

.bar .link .link03 {
	background-position: -87px 1px
}

.bar .link .link04 {
	background-position: -130px 1px
}

.bar .link .link05 {
	background-position: -173px 0
}

.bar .link .link06 {
	background-position: -216px 0
}

/*
* top
*/
.fixedMenu {
	    position: fixed;
	    top: 30%;
	    right: 0px;
	    z-index: 999;
	}
	.fixedMenu li {
		position: relative;
		
	}
	
	.fixedMenu {
		position: fixed;
		top: 20%;
		right: 0px;
		z-index: 999;
		box-shadow: 0px 0px 3px #999;
		display: inline;
	}
	
	.fixedMenu .fixedMenu_ico {
		width: 70px;
		height: 80px;
		cursor: pointer;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: 1px solid #fff;
		flex-direction: column;
		font-size: 12px;
	}
	.fixedMenu .fixedMenu_ico p {
		color: #333;
		font-size: 13px;
		line-height: 1.3;
		text-align: center;
		/* 3. 英文自动换行 */
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* 3行后省略 */
		-webkit-box-orient: vertical;
		overflow-wrap: break-word;
		/*word-break: break-all;*/ /*换行*/
		white-space: normal; /*单词换行*/
	}
	.fixedMenu_ico img{
		width: 30px;
	}
	.fixedMenu .fixedMenu_ico i {
		font-size: 28px;
		color: #333;
	}
	
	.fixedMenu li:last-of-type .fixedMenu_ico {
		border: none;
	}
	
	.fixedMenu .fixedMenu_ico:hover {
		background-color: #f1f1f1;
	}
	
	.fixedMenu .fixedMenu_ico:hover i {
		color: #333;
	}
	
	.fixedMenu .fixedMenu_text {
		position: absolute;
		top: 0px;
		right: 70px;
		height:80px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0px 15px;
		color: #333;
		font-size: 18px;
		background-color: #fff;
		 white-space: nowrap;
	}
	
	.fixedMenu_yc {
		transition: 0.3s;
		transform: scale(0);
	}
	
	.fixedMenu li:hover .fixedMenu_yc {
		transform: scale(1);
	}
	
	.fixedMenu .fixedMenu_img {
		position: absolute;
		top: 0px;
		right: 70px;
		padding: 10px;
		background: #fff;
	}
	
	.fixedMenu .fixedMenu_img img {
		width: 150px;
		max-width: 150px;
	}
.top1 {
	display: none;
	background: #fff;
	opacity: 1;
	text-align: center;
	cursor: pointer;
	width: 70px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
}

.top1 {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.top1:hover {
	background: #eee;
}

.top1 img {
	width: 35px;
	vertical-align: middle;
}
.left-menu-container {display: none;}
@media (max-width: 760px) {
	.left-menu-container {display: block;}
}

.containerss {
    max-width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.header {
    background: linear-gradient(135deg, #0088ff, #0055cc);
    color: white;
    padding: 20px;
    text-align: center;
}

.header h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.content {
    display: flex;
    flex-wrap: wrap;
    /*min-height: 600px;*/
    /*height: 100vh;*/
}

.map-container {
    flex: 2;
    min-width: 300px;
    height: 600px;
    height: 100vh;
    position: relative;
}

#map {
    width: 100%;
    height: 500px;
}

.info-panel {
    flex: 1;
    min-width: 300px;
    padding: 30px;
    background: #f9f9f9;
    border-left: 1px solid #eee;
}

.company-info {
    background: white;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.company-info h2 {
    color: #0088ff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #0088ff;
}

.info-item {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}

.info-item i {
    color: #0088ff;
    margin-right: 10px;
    margin-top: 3px;
    font-size: 18px;
}

.info-item span {
    font-weight: bold;
    color: #333;
    min-width: 60px;
    display: inline-block;
}

.info-item p {
    color: #666;
    line-height: 1.6;
}

.contact-btn {
    display: inline-block;
    background: #0088ff;
    color: white;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
    margin-top: 10px;
}

.contact-btn:hover {
    background: #0055cc;
}

.instructions {
    background: #fff8e1;
    padding: 15px;
    border-radius: 5px;
    border-left: 4px solid #ffc107;
    margin-top: 20px;
    font-size: 14px;
}

.instructions h3 {
    color: #ff9800;
    margin-bottom: 10px;
}

.cn_pc_a.active,
.en_pc_a.active {color: #96551d;}
.cn_m_a.active,
.en_m_a.active {color: #000;}

@media (max-width: 768px) {
	#mobileNav .search-btn {
	    position: absolute;
	    right: 20px;
	    top: 12px;
	    right: 10px;
	    top: 5px;
	    border: 1px solid #96551d;
	}
    .content {
        flex-direction: column;
    }
    
    .map-container, .info-panel {
        width: 100%;
    }
    
    .info-panel {
        border-left: none;
        border-top: 1px solid #eee;
    }
    .flex-direction-nav li a {
    	opacity: 1 !important;
    	width: 30px;
	    height: 40px;
	    line-height: 40px;
	    text-indent: 4px !important;
    }
    .flex-direction-nav li a:before {
	    line-height: 40px;
	    font-size: 20px;
    }
}

@media (max-width: 1199px) {
	.fixedMenu {
		position: fixed;
		top: 43%;
	}
	.fixedMenu .fixedMenu_ico {
		width: 40px;
		height: 50px;
	}
	.fixedMenu_ico img{
		width: 20px;
	}
	.top1 img {
	    width: 20px;
	}
	.top1 {
		width: 40px;
		height: 50px;
	}
}


/* 地图容器全屏显示 */
#map-container {
    width: 100vw;
    width: 100%;
    height: 50vh;
}
/* 美化弹窗样式 */
.info-box {
  padding: 15px;
  font-size: 15px;
  line-height: 1.8;
  min-width: 220px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border: 1px solid #f0f0f0;
}
.info-box strong {
  color: #e53935;
  font-size: 16px;
}

.contact_left {padding: 0 10px;}
.contact_right {padding: 0 10px;}

/*首页轮播图*/
/* 轮播容器基础样式 */
#fh5co-hero {
    width: 100%;
    max-width: 100%; /* 轮播图宽度，可自定义 */
    margin: 0 auto;
    position: relative;
}

/* 核心：flexslider 必须加相对定位，否则按钮定位跑偏 */
.flexslider {
    position: relative;
    width: 100%;
    height: auto; /* 轮播图高度，可自定义 */
    overflow: hidden;
    border: none; /* 去掉默认边框 */
}

/* 轮播图片自适应 */
.flexslider .slides img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，填满容器 */
}

/* 修复切换按钮样式（关键：确保可点击、不被遮挡） */
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-prev, .flex-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-decoration: none;
    z-index: 9999; /* 最高层级，避免被覆盖 */
    cursor: pointer;
    font-size: 18px;
    border-radius: 50%; /* 圆形按钮，可选 */
    pointer-events: auto; /* 强制开启点击 */
    opacity: 0 !important; /* 强制显示 */
    display: block !important; /* 覆盖插件默认隐藏 */
}
#fh5co-hero:hover .flex-prev, 
#fh5co-hero:hover .flex-next {opacity: 1 !important;}
/* 左按钮位置 */
.flex-prev {
    left: 20px;
}

/* 右按钮位置 */
.flex-next {
    right: 20px;
}

/* 鼠标悬停效果 */
.flex-prev:hover, .flex-next:hover {
    background: rgba(0, 0, 0, 0.8);
    background: #96551d !important;
    color: #fff;
    text-decoration: none;
}

/* 分页圆点样式（可选，优化美观） */
.flex-control-nav {
    bottom: 20px; /* 圆点距离底部位置 */
}
.flex-control-paging li a {
    background: rgba(255, 255, 255, 0.6);
    width: 12px;
    height: 12px;
}
.flex-control-paging li a.flex-active {
    background: #fff;
}
/*首页轮播图*/

.kefuwap {
    display: none;
}
@media (max-width: 768px) {
    .kefupc {
        display: block;
    }
    .fixedMenu .fixedMenu_ico p {
	    color: #333;
	    font-size: 0.5rem;
	}
}
@media (min-width: 768px) {
}


/* 容器：响应式居中 + 网格布局（简洁循环） */
.btn-box {
    width: 100%;
    max-width: 100%;
    margin: 0px auto 20px;
    /* 核心：网格布局实现循环式排版，替代原有的行嵌套 */
    display: grid;
    display: none;
    /* 大屏：2列均分；小屏：1列 */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /*border: 1px solid #ddd;*/
}
/* 清除a标签默认样式 */
.btn-box a {
    text-decoration: none;
    color: #333;
    display: block; /* 让a标签撑满容器 */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 按钮基础样式（a标签容器）- 网格项 */
.btn-item {
    height: 65px;
    height: auto;
    margin: 5px;
    border: 1px solid #ddd;
    /*border-left: none;*/
    position: relative;
    overflow: hidden;
}
/* 网格布局下的边框优化（循环补全） */
.btn-item:nth-child(2n+1) { /* 奇数项（第一列）补左边框 */
    /*border-left: 1px solid #ddd;*/
}
.btn-item:nth-child(-n+2) { /* 前两项（第一行）补上边框 */
    /*border-top: 1px solid #ddd;*/
}
/* a标签核心样式 */
.btn-link {
    width: 100%;
    height: 100%;
    line-height: 1.3;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}
/* 激活态（替换为#b48250主色） */
.btn-item.active .btn-link {
    background-color: #b48250;
    color: #fff;
}
/* hover动画（适配新主色） */
.btn-item:not(.active):hover .btn-link {
    color: #b48250;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(180, 130, 80, 0.18);
}
/* 背景渐变动画（新主色） */
.btn-item:not(.active)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(180, 130, 80, 0.05), transparent);
    transition: all 0.6s ease;
    z-index: 1;
}
.btn-item:not(.active):hover::before {
    left: 100%;
}
/* 响应式优化：小屏幕（≤768px） */
@media (max-width: 768px) {
    .btn-box {
        grid-template-columns: 1fr; /* 强制1列布局 */
    }
    /* 小屏幕边框重置（循环补全） */
    .btn-item {
        /*border-left: 1px solid #ddd !important;*/
        /*border-top: none !important;*/
    }
    .btn-item:first-child { /* 仅第一个项补上边框 */
        /*border-top: 1px solid #ddd !important;*/
    }
    /* 移动端弱化动画，更简洁 */
    .btn-item:not(.active):hover .btn-link {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(180, 130, 80, 0.12);
    }
}
@media (max-width: 760px) {
	.btn-box {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

@media (max-width: 1199px) {
	.search-box,.tel-box {display: none;}
	.search-btn {
	    position: absolute;
	    right: 10px;
	    top: 5px;
	}
	.fixedMenu .fixedMenu_ico p {font-size: .5rem;}
	.header-main .container {
		display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: space-between;
	}
}
@media (max-width: 999px) {
	.nav-mobile-btn {position: relative;}
	.mobile-fixed-bar .nav-mobile-btn {position: absolute;right: 0;top:0;}
	.mobile-fixed-bar.show .nav-mobile-btn {
		position: absolute;right: 10px;top:10px;
		position: relative;
        right: inherit;
        top: inherit;
	}
}
@media (max-width: 768px) {
	.mobile-fixed-bar.show {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.nav-mobile-btn {
		position: relative;
        right: inherit;
        top: inherit;
	}
}


.div_footer {
    background-color: #444444;
    color: #ffffff;
    padding: 50px 0 20px;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    gap: 20px;
    align-items: flex-start;
}

.brand-area {
    padding-right: 20px;
}

.brand-title {
    font-size: 22px;
    color: #ff3333;
    margin-bottom: 15px;
    font-weight: bold;
}
.brand-title img {
	max-width: 100%;
	width: 400px;
}
.brand-title span {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-left: 8px;
}

.brand-info {
    color: #dddddd;
    font-size: 14px;
    line-height: 1.7;
}

/* 导航栏目 - 桌面端样式 */
.footer-column h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #666;
    display: inline-block;
}

.footer-column ul {
    list-style: none;
}

.footer-column ul li {
    margin-bottom: 10px;
}

.footer-column ul li a {
    color: #dddddd;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}

.footer-column ul li a:hover {
    color: #ff3333;
}
/* ===== 重点1：平板电脑端（769px-992px）定制优化 ===== */
@media (max-width: 992px) and (min-width: 769px) {
    /* 页脚整体调整 */
    .div_footer {
        padding: 45px 0 18px;
        background-color: #3e3e3e; /* 比桌面端稍浅，适配平板视觉 */
    }

    /* 布局重构：2行2列，更适配平板宽高比 */
    .footer-container {
        grid-template-columns: 1fr 1fr; /* 两列布局，避免3列拥挤 */
        gap: 35px; /* 增大间距，呼吸感更强 */
        padding: 0 30px; /* 增大左右内边距 */
    }

    /* 品牌区占满第一行，突出展示 */
    .brand-area {
        grid-column: 1 / 3; /* 跨两列 */
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1); /* 分割线区分区域 */
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between; /* 左右分布，更利用平板宽度 */
    }

    .brand-title {
        font-size: 23px;
        margin-bottom: 0; /* 取消底部间距 */
    }

    .brand-title img {
		max-width: 100%;
		width: 40%;
	}

    .brand-info {
        font-size: 13px;
        color: #cccccc;
        max-width: 100%; /* 限制宽度，避免文字过长 */
        text-align: left;
    }

    /* 导航栏目优化：每行两个，比例协调 */
    .about-column {
        grid-row: 2;
        grid-column: 1;
    }

    .product-column {
        grid-row: 2;
        grid-column: 2;
    }

    .case-column {
        grid-row: 3;
        grid-column: 1 / 3; /* 案例展示跨两列，单独一行 */
        margin-top: 0;
        margin-bottom: 10px;
    }

    /* 导航栏目通用优化 */
    .footer-column {
        background-color: rgba(255,255,255,0.04); /* 轻量背景块，区分栏目 */
        padding: 18px 20px;
        border-radius: 6px; /* 圆角更柔和 */
    }

    .footer-column h3 {
        font-size: 16px;
        margin-bottom: 15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #666;
        display: block;
        text-align: center;
    }

    /* 产品/案例栏目链接两列显示，减少高度 */
    .product-column ul, .case-column ul {
        columns: 2;
        column-gap: 15px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .about-column ul {
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
    }

    .footer-column ul li {
        margin-bottom: 10px;
        break-inside: avoid;
    }

    .footer-column ul li a {
        font-size: 13px;
    }

    /* 版权区优化 */
    .copyright {
        margin: 30px auto 0;
        padding: 15px 10px;
        font-size: 11px;
        border-top: 1px solid rgba(255,255,255,0.1);
        color: #aaaaaa;
    }
}

/* ===== 重点2：手机端（≤768px）保留之前的优化 ===== */
@media (max-width: 768px) {
    .div_footer {
        padding: 40px 0 15px;
        background-color: #3a3a3a;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 25px;
    }

    .brand-area {
        padding-right: 0;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .brand-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .brand-title img {
		max-width: 100%;
		width: 300px;
	}

    .brand-title span {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        font-size: 15px;
        color: #cccccc;
    }

    .brand-info {
        font-size: 13px;
        line-height: 1.8;
        color: #cccccc;
        max-width: 90%;
        margin: 0 auto;
    }

    .footer-column {
        background-color: rgba(255,255,255,0.05);
        padding: 20px 15px;
        border-radius: 8px;
    }

    .footer-column h3 {
        display: block;
        text-align: center;
        font-size: 17px;
        margin-bottom: 18px;
        padding-bottom: 10px;
        border-bottom: 1px solid #666;
    }

    .footer-column ul {
        text-align: center;
        columns: 2;
        column-gap: 10px;
        max-width: 300px;
        margin: 0 auto;
    }

    .footer-column ul li {
        margin-bottom: 12px;
        break-inside: avoid;
    }

    .footer-column ul li a {
        font-size: 13px;
        display: inline-block;
        padding: 2px 8px;
    }

    .copyright {
        margin: 35px auto 0;
        padding: 15px 10px;
        font-size: 11px;
        border-top: 1px solid rgba(255,255,255,0.1);
        color: #aaaaaa;
    }
}