/* mobile */

body {
	font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	color: #444;
}
p {
	margin: 0;
	font-weight: normal;
}

/*顶部导航 begin*/

.main-top {
	position: relative;
	width: 100%;
}
#fh5co-header .header-box {
	border-top: 5px solid #4987ef;
}
.header-box.fixed.fixed-top {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 3;
	background: #fff
}
#fh5co-header .navbar {
	boder: none;
}
#fh5co-header .navbar-head {
	padding: 10px 0px 0 0;
}
#fh5co-header .navbar-head img {
	width: 385px;
}
#fh5co-header .navbar-body .nav {
}
#fh5co-header .navbar-body .nav li {
	margin: 0;
	padding: 0;
	display: inline;
	padding: 0 10px 0 0;
}
#fh5co-header .navbar-body .nav li a {
	color: #305dc3;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 80px;
	padding: 0 10px;
}
#fh5co-header .navbar-body .nav li a:hover, #fh5co-header .navbar-body .nav li.current a.first-level, #fh5co-header .navbar-body .nav li:hover a.first-level {
	color: #fff;
	background: #305dc3
}
#fh5co-header .navbar-body .nav li ul {
	border: none;
	left: 0px;
	border-radius: 0;
	margin: 0;
	padding: 0;
	min-width: 140px;
	z-index: 4;
	background: #fff;
	border: 1px solid #ccc;
	top: 80px;
	padding: 0;
	box-shadow: none
}
#fh5co-header .navbar-body .nav li ul:befores {
position: absolute;
top: -9px;
left: 0px;
display: inline-block;
border-right: 9px solid transparent;
border-bottom: 9px solid #ccc;
border-left: 9px solid transparent;
border-bottom-color: rgba(0,0,0,0.2);
content: '';
}
#fh5co-header .navbar-body .nav li ul:afters {
position: absolute;
top: -8px;
left: 1px;
display: inline-block;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
content: '';
}
#fh5co-header .navbar-body .nav li ul li {
	margin: 0;
	padding: 0;
	height: auto;
	display: block;
	height: auto;
}
#fh5co-header .navbar-body .nav li ul li a {
	background: #fff;
	color: #305dc3;
	display: block;
	width: 100%;
	padding: 0px 10px;
	margin: 0;
	text-align: left;
	min-width: 140px;
	line-height: 37px;
	border-bottom: 1px solid #E7E7E7;
	text-indent: 5px;
}
#fh5co-header .navbar-body .nav li ul li a:hover {
	background: #E9E9E9;
	color: #305dc3;
}
#fh5co-header .navbar-body .nav li ul li ul {
	top: 0
}
/*顶部导航 end*/

/*手机版顶部导航 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: 10px;
	width: 160px;
	background: #fff;
	padding: 0px 0px 10px 10px;
	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: 14px;
	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: #d71d22;
}
#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: 14px;
	line-height: 36px;
	transition: none
}
#fh5co-offcanvas ul li ul li a:hover {
	background: #d71d22;
	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: #fff;
}
.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: #305dc3;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #d71d22;
	transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
	content: '';
	width: 28px;
	height: 4px;
	background: #d71d22;
	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: 26px;
	right: 10px;
	z-index: 9;
	display: block;
	display: none;
	cursor: pointer;
}
.fh5co-nav-toggle.active {
	right: 129px !important;
	top: 15px !important;
	background: url(../images/coo.gif) no-repeat left top;
	width: 20px;
	height: 23px;
}
/*手机版顶部导航 end */

/* 底部 begin*/
footer .foot-top {
	background: #32373C;
	padding: 35px 0 30px;
}
footer .foot-top .nav-list h3 {
	color: #dadada;
	font-size: 18px;
	margin-bottom: 7px;
}
footer .foot-top .nav-list a {
	color: #ccc;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	padding: 0px;
}
footer .foot-top .nav-list ul li {
	border-left: none;
}
footer .foot-top .nav-list ul li a {
	padding: 0px;
	color: #e4f1fe;
	font-size: 14px;
	line-height: 23px;
}
footer .foot-top .nav-list ul li a:hover {
	color: #305dc3;
}
footer .foot-top .foot-contact {
	font-size: 14px;
}
footer .foot-top .foot-contact b {
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
	color: #e4f1fe;
	line-height: 1;
	margin-top: 5px;
}
footer .foot-top .foot-contact a {
	display: block;
	color: #ccc;
	width: 195px;
	height: 42px;
	margin-top: 20px;
	line-height: 42px;
	background: #207dab;
	border-radius: 21px;
	overflow: hidden;
}
footer .foot-top .foot-contact .service-time {
	color: #dadada;
}
footer .foot-top .foot-contact a i {
	margin-right: 8px
}
footer .foot-top .social {
	text-align: center;
}
footer .foot-top .social li {
	display: inline-block;
	margin-left: 5px;
}
footer .foot-top .social li a {
	margin-top: 3px;
	display: inline-block;
	width: 32px;
	height: 32px;
	color: #999;
	text-align: center;
	line-height: 28px;
	font-size: 26px;
	margin-right: 2px;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	margin-bottom: 0;
	background: none
}
footer .foot-top .social li a .icon-weixin {
	color: #83b944
}
footer .foot-top .social li a .icon-qq {
	color: #dadada
}
footer .foot-top .social li a .icon-weibo {
	color: #f96868
}
footer .foot-top .social li a:hover .icon-qq {
	color: #305DC3
}
footer .foot-top .social #f-weixin-id {
	position: relative;
	z-index: 7
}
footer .foot-top .social .weixint-content {
	background-clip: padding-box;
	border: 1px solid rgba(204, 213, 219, 0.8);
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	left: -42px;
	min-height: 32px;
	padding: 0;
	position: absolute;
	text-align: left;
	bottom: 46px;
	white-space: normal;
	width: 116px;
	background: #fff;
	;
	z-index: 8
}
footer .foot-top .social .weixint-content:before {
	position: absolute;
	bottom: -9px;
	left: 46px;
	width: 0;
	height: 0;
	content: '';
}
footer .foot-top .social .weixint-content:after {
	position: absolute;
	bottom: -8px;
	left: 46px;
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	border-left: 8px solid transparent;
	content: '';
}
footer .foot-top .social .weixint-content img {
	width: 210px;
	height: 210px;
}
footer .foot-bot {
	background: #282D32;
	color: #fff;
	padding: 20px 0;
	line-height: 1.8
}
footer .foot-bot a {
	color: #fff
}
footer .foot-bot a:hover {
	color: #fff;
	text-decoration: underline
}
/* 底部 end*/

/*首页轮换图片 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 {
	display: none;
	-webkit-backface-visibility: hidden;
}
.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: 15px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	cursor: pointer;
	width: 10px;
	height: 10px;
	float: left;
	text-indent: -2000px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
}
.flex-control-nav .flex-active {
	background-color: rgba(0, 0, 0, 0.3);
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
}
.flex-direction-nav li a {
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-indent: -999em;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}
.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url("../images/slider-arrow.png") no-repeat -130px 50%;
	opacity: 1;
}
.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url("../images/slider-arrow.png") no-repeat -6px 50%;
	opacity: 1;
}
.flex-direction-nav li a.flex-next:hover {
	background: url("../images/slider-arrow.png") no-repeat -6px 50%;
	opacity: 0.75;
}
.flex-direction-nav li a.flex-prev:hover {
	background: url("../images/slider-arrow.png") no-repeat -130px 50%;
	opacity: 0.75;
}





/*手机底部导航*/
#toolbar {
	display: none;
}
 @media screen and (max-width:1000px) {
#quirydialog .qdialog-head {
	width: 600px
}
#fh5co-header .navbar-head img {
	width: 385px;
	margin-top: 6px;
}
#fh5co-header .navbar-body .nav li {
	padding: 0 0px;
}
#fh5co-header .navbar-body .nav li a {
	padding: 0 10px;
}
#fh5co-header .navbar-body .nav li ul li a {
	text-indent: 0px;
}
#fh5co-service-list {
	padding: 40px 0
}
#fh5co-service-list .item {
	margin-bottom: 30px;
}
#fh5co-content_show .product-detail .content-img {
	margin-bottom: 30px;
}
#fh5co-content_show .product-detail .content-img {
	margin-bottom: 30px;
}
#fh5co-content_show .inner-nav .nav {
	text-align: center
}
#fh5co-content_show .product_search {
	padding: 10px 0 5px;
}
#fh5co-content_show .product_search .float-right {
	float: none !important;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
#fh5co-content_show .product_search form {
	margin-left: -8px;
}
#fh5co-content_show .product_search input.inputkey {
	width: 100%
}
#fh5co-content_show .product_search button {
	position: absolute;
	right: -15px;
	top: 0px;
}
.line-big {
	margin-left: -10px;
	margin-right: -10px
}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}
}
 @media screen and (max-width:760px) {
 #fh5co-team-list .bg-team {
	padding: 25px 0 25px;
}
.fh5co-heading h1 {
	font-size: 26px;
	text-align: center;
	margin: 0px 0px 11px;
}
.fh5co-heading h2, #fh5co-info-list h3 {
	font-size: 26px;
}
.fh5co-heading span {
	font-size: 14px;
}
#quirydialog .qdialog-head {
	width: 360px
}
#fh5co-offcanvas .nav {
	display: block;
	borer: none
}
.fh5co-nav-toggle {
	display: block;
}
.fh5co-heading .title-box {
	padding-right: 70px;
}
#fh5co-header {
	position: static !important;
	height: auto !important
}
#fh5co-header .navbar-head {
	padding: 0 0 10px 0;
	position: relative
}
#fh5co-header .navbar-body {
	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;
}
#fh5co-header .navbar-head img {
	width: 130px;
	margin-top: 10px;
}
#article-box-id #fh5co-content_show .show_content {
	margin-left: 0px;
}
#fh5co-bottom-info .bg-bottom p {
	padding: 0
}
#fh5co-info-list .video-content {
	text-align: center;
	margin-bottom: 30px;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay .social {
	overflow: hidden;
	padding: 10px;
}
#fh5co-team-list .show-list .owl-controls .owl-buttons div {
	display: none
}
.flex-direction-nav {
	display: none
}
/*手机底部导航*/
.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:480px) {
#quirydialog .qdialog-head {
	width: auto !important
}
#fh5co-header .navbar-head img {
	width: 300px;
}
#fh5co-service-list .xl6 {
	width: 100% !important
}
#fh5co-service-list {
	padding: 30px 0px 0
}
#fh5co-service-list .content {
	padding-top: 30px;
}
#fh5co-content_show .detail h1 {
	font-size: 14px;
}
#fh5co-product-list .bg-product {
	padding: 30px 0
}
#fh5co-product-list .tab .tab-nav {
	padding: 20px 0 0;
}
#fh5co-product-list .tab .tab-nav li a {
	padding: 8px 5px;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay .social {
	display: none
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay .inner {
	display: none
}
#fh5co-news-list .bg-news {
	padding: 25px 0 0px;
}
#fh5co-news-list .show-list {
	padding-top: 20px;
}
#fh5co-info-list .bg-info {
	padding: 25px 0 30px;
}
.show-product .xl6 {
	width: 100% !important
}
.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;
}
.article-media .media-body h3 {
	line-height: 100%;
	font-size: 16px;
}
.article-media .media-body h3 a {
	font-size: 16px;
	line-height: 150%
}
#fh5co-content_show .inner-nav .nav li a {
	padding: 0 6px;
}
#fh5co-content_show .contact-box {
	padding: 25px 10px 35px;
}
}