/* 织梦帮（dedesos.com）做最好的织梦整站模板下载网站 */
body {
	font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun', arail;
	position: relative;
	font-weight: 400;
	background-color: #fff;
	color: #777;
}
p {
	margin: 0;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, figure {
	color: #444;
}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
::-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(http://www.filmflex.cn/skin/images/qq_3.gif) repeat-y
}
a {
color:#444text-decoration:none
}
a:focus, a:hover {
	color: #e60012;
}
.bg-main {
	background: #e60012;
	border: 1px solid #e60012 !important
}
.bg-main:hover, .bg-main:focus {
	border: 1px solid #026d9a !important;
	background: #c00 !important
}
.button.bg-main {
	border-color: #e60012 !important
}
.button.bg-main:hover {
	border-color: #c00 !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: bold
}
.layout {
	overflow: hidden;
	width: 100%;
}
header .layout, footer .layout {
	overflow: visible;
	width: 100%;
}
{
overflow:visible;
width: 100%;
}
.not-animated {
	opacity: 0
}
.clear {
	clear: both
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none
}
.line-big {
	margin-left: -15px;
	margin-right: -15px
}
.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: 15px;
	padding-left: 15px
}
#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 {
	border-bottom: 1px solid #777;
	color: #777;
	font-size: 36px;
	font-weight: 700;
	margin: 0 auto 65px;
	padding-bottom: 22px;
	text-transform: uppercase;
	width: 160px;
	position: relative;
	text-align: center;
}
.fh5co-heading h2:after {
	background: #777;
	bottom: -3px;
	content: "";
	height: 5px;
	left: 45%;
	position: absolute;
	width: 15px;
	z-index: 999;
}
.zoomimgs {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/
}
.artzoomimgs {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/
}
/*顶部导航 begin*/
.main-top {
	position: relative;
	width: 100%;
}
#fh5co-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;

	z-index: 6;
	background: rgba(0, 0, 0, 0.8);
}
#fh5co-header .header-box {
}
.header-box.fixed.fixed-top {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 6;
	background: rgba(0, 0, 0, 0.8);
}
#fh5co-header .navbar {
	boder: none;
}
#fh5co-header .navbar-head {
	padding: 10px 0px 0 0;
}
#fh5co-header .navbar-head img {
	width: 180px;
}
#fh5co-header .navbar-body .nav {
}
#fh5co-header .navbar-body .nav li {
	margin: 0;
	padding: 0;
	display: inline;
	padding: 0 23px;
}
#fh5co-header .navbar-body .nav li a {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	padding: 15px 0px;
	border-bottom: 3px solid transparent;
	transition: none
}
#fh5co-header .navbar-body .nav li a .downward {
	display: none
}
#fh5co-header .navbar-body .nav li a:hover, #fh5co-header .navbar-body .nav li.current a.first-level {
	color: #e60012;
	border-bottom: 3px solid #e60012
}
#fh5co-header .navbar-body .nav li ul {
	display: none;
	border: none;
	left: 0px;
	border-radius: 0;
	margin: 0;
	padding: 0;
	min-width: 140px;
	z-index: 4;
	border: none;
	top: 93px;
	box-shadow: none;
	background: rgba(0,0,0,.6);
}
#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 {
	display: block;
	width: 100%;
	padding: 0px 10px;
	margin: 0;
	text-align: left;
	min-width: 140px;
	line-height: 45px;
	transition: background 0.5s ease 0s;
	color: #fff;
	background: none;
	text-indent: 5px;
}
#fh5co-header .navbar-body .nav li ul li a:hover {
	background: #000;
	color: #fff;
}
#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 40px;
	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: 0px 0 0 2px;
}
#fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a {
	color: #e60012;
}
#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: #e60012;
	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: #e60012;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #fff;
	transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
	content: '';
	width: 28px;
	height: 4px;
	background: #fff;
	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: 18px;
	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 {
	background: #181818;
	color: #DCDCDC;
	padding: 15px 0
}
footer a {
	color: #DCDCDC;
}
footer .foot-link {
	text-align: right
}
footer .foot-link a {
	margin: 0 0 0 8px;
}
/* 底部 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;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
.flexslider .slides li .overlay {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	bottom: 0;
}
.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: #fff;
	border-radius: 50%;
	border: 1px solid #c7c7c7
}
.flex-control-nav .flex-active {
	background: #e60012;
	border: 1px solid #e60012
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
}
.flex-direction-nav li a {
	display: block;
	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: #e60012;
	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"
}
#fh5co-hero .flexslider .container {
	position: relative
}
#fh5co-hero .flexslider .slider-text {
	display: table;
	height: 100%;
	width: 100%;
	position: absolute;
	text-align: center;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
	line-height: 100%;
	color: #fff;
	font-size: 72px;
	font-weight: 300;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-shadow: none;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-txt {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 59px;
	margin-top: 0;
	text-shadow: none;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-more {
	font-size: 16px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-more a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding: 12px 40px;
	border: 1px solid #e60012;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner p.f-more a:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}
.hvr-sweep-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e60012;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
#fh5co-banner-list{
	display:none;}
#fh5co-banner-list .bannerflexslider .slides li img {
	width: 100%
}
#fh5co-banner-list .bannerflexslider .slides li {
	height: 792px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
#fh5co-banner-list .bannerflexslider .slides li a {
	display: block;
	width: 100%;
	height: 792px;
}
#fh5co-banner-list .bannerflexslider .flex-control-nav {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 95%;
	width: 12px;
}
#fh5co-banner-list .bannerflexslider .flex-control-nav li {
	display: block;
	margin: 7px 0;
}
#fh5co-banner-list .features-nav {
	background-color: #222;
	height: 792px;
}
#fh5co-banner-list .features-nav li {
	cursor: pointer;
	height: 33.33%;
	padding: 0 65px 0 70px;
	border-bottom: 1px solid #333;
	transition: background 400ms linear 0;
}
#fh5co-banner-list .features-nav li:last-child {
	border-bottom: 0 none;
}
#fh5co-banner-list .features-nav .media .txt-num {
	margin-right: 57px;
	padding: 5px 0;
}
#fh5co-banner-list .features-nav .media {
	padding: 0;
}
#fh5co-banner-list .features-nav .media p:last-child {
	margin-bottom: 0;
}
#fh5co-banner-list .features-nav .media i {
	border: 2px solid #333;
	color: #777;
	font-size: 30px;
	font-style: normal;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
	position: relative;
	transition: all 350ms linear 0;
	display: block;
	margin-top: 5px;
}
#fh5co-banner-list .features-nav .media i:after {
	border-style: solid;
	border-width: 10px;
	bottom: 24px;
	content: "";
	height: 0;
	position: absolute;
	right: -20px;
	opacity: 0;
	transition: opacity 500ms linear 0;
}
#fh5co-banner-list .features-nav li:hover .media i:after, #fh5co-banner-list .features-nav li.active .media i:after {
	opacity: 1;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e60012;
}
#fh5co-banner-list .features-nav .active {
	background-color: #333;
}
#fh5co-banner-list .features-nav .active .media i, #fh5co-banner-list .features-nav li:hover .media i {
	color: #FFFFFF;
	background-color: #e60012;
	border-color: #e60012;
}
#fh5co-banner-list .features-nav .media-content h3 {
	color: #999;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 25px;
	line-height: 100%
}
#fh5co-banner-list .features-nav .media-content p {
	color: #666666;
	font-size: 18px;
	font-weight: 300;
	line-height: 33px;
}
.vertical-middle {
	width: 100%;
	height: 100%;
	display: table;
}
.vertical-middle > div {
	display: table-cell;
	vertical-align: middle;
}
/*首页轮换图片 end*/

/* 首页产品展示 begin*/
#fh5co-product-list .bg-product {
	
	padding: 105px 0 100px
}
.producttop {
	padding-top: 60px;
	padding-right: 0;
	padding-left: 0;
	background-color: #000;
}
.producttop1 {
	padding-top: 60px;
	padding-right: 0;
	padding-left: 0;

}
.producttop2 {
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;

}
.producttop3 {
	padding-top: 120px;
	padding-right: 0;
	padding-left: 0;

}
#fh5co-product-list .tab .tab-nav {
	margin: 0;
	padding: 0px 0 0;
}
#fh5co-product-list .tab .tab-nav li {
	margin: 0;
	padding: 0;
}
#fh5co-product-list .tab .tab-nav li a {
	display: inline-block;
	font-size: 20px;
	margin: 0;
	border-radius: 0;
	
	border: none;
	color: #777;
	padding: 10px 26px;
	transition: all 0.25s ease 0s;
	
}
#fh5co-product-list .tab .tab-nav li.active a {
	color: #efefef;
	text-decoration: none;
	background-color: #e60012;
}
#fh5co-product-list .tab .tab-body {
	background: none;
	border: none;
	padding-top: 65px;
}
#fh5co-product-list .tab .tab-body .pro-item {
	overflow: hidden;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img {
	position: relative;
	overflow: hidden
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	opacity: 0;
	background: url(../images/overlay-bg.png) repeat center center;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 100%;
	height: 100%;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img a {

}
#fh5co-product-list .tab .tab-body .pro-item:hover .portfolio-img .overlay {
	opacity: 1;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .zoomimgs {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
#fh5co-product-list .tab .tab-body .pro-item:hover .portfolio-img .zoomimgs {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
	text-transform: uppercase;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img i {
	font-size: 26px;
	padding: 10px;
	margin-left: 8px;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay i:hover {
	color: #fff;
}
#fh5co-product-list .tab .tab-body .pro-item:hover .portfolio-img h3, #fh5co-product-list .tab .tab-body .pro-item:hover .portfolio-img i {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.noinfo {
	text-align: center;
	font-size: 20px;
}




/* 产品中心 begin*/
.show-product a {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	color: #37474f;
	display: block;
	background: #fff;
}
.show-product a .media-img {
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	width: 100%;
	overflow: hidden
}
.show-product a:hover {
	color: #000;
	text-decoration: none;
}
.show-product a:hover .media-img {
	opacity: 0.6;
}
.show-product a .show-content {
	padding: 15px 15px 30px;
}
.show-product a .show-content h3 {
	margin: 10px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 8px;
	white-space: nowrap
}
.show-product a .show-content p.desc {
	font-size: 14px;
	color: #999;
	line-height: 1.6
}
.show-product a .show-content p.more {
	border: 1px solid #e22835;
	padding: 6px 15px;
	font-size: 14px;
	line-height: 1.5;
	display: inline-block;
	margin-top: 25px
}
.show-product a .show-content p.more:hover {
	background: #e22835;
	color: #fff
}
.show-product a h3 {
	font-size: 14px;
	padding: 15px 8px;
	color: #2a333c;
	white-space: nowrap;
	overflow: hidden;
	background: #f2f2f2
}
.show-product a:hover h3 {
	color: #e60012
}
/* 产品中心 end*/


/* 资讯 begin*/
.show-art-list a {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	color: #37474f;
	display: block;
	background: #e5e5e5;
	padding: 10px 15px 25px 15px
}
.show-art-list a .media-img {
	width: 100%;
	overflow: hidden
}
.show-art-list a:hover {
	color: #fff;
	text-decoration: none;
	background: #E60012
}
.show-art-list a p.desc {
	font-size: 14px;
	color: #999;
	line-height: 2;
	height: 85px;
	overflow: hidden
}
.show-art-list a h3 {
	font-size: 16px;
	padding: 15px 0px 6px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
}
.show-art-list a:hover h3, .show-art-list a:hover p.desc {
	color: #fff
}
/* 资讯 end*/

/* 首页公司新闻 begin*/
#fh5co-company-list .bg-company {
	background: #4D4D4D url(../images/company-bg.png) no-repeat center center;
	background-size: cover;
	padding: 95px 0 70px;
}
#fh5co-company-list .fh5co-heading h2 {
	color: #fff;
	border-color: #fff
}
#fh5co-company-list .fh5co-heading h2:after {
	background: #fff
}
#fh5co-company-list .show-list .media_img {
	width: 95px;
	overflow: hidden;
	margin-right: 30px;
}
#fh5co-company-list .show-list .media_img img {
	width: 95px;
	height: 85px
}
#fh5co-company-list .show-list .media {
	margin-right: 10px;
	margin-bottom: 30px;
}
#fh5co-company-list .show-list .media-body h3 {
	color: #fff;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 100%;
	white-space: nowrap;

}
#fh5co-company-list .show-list .media-body p.desc {
	color: #999999;
	font-size: 19px;
	font-weight: 300;
	line-height: 30px;
}
#fh5co-company-list .show-list a:hover h3 {
	color: #e60012
}
/*首页服务热线*/
#fh5co-hot-line .bg-tel {
	background: #ccc url(../images/tel-bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 200px;
	padding-right: 0;
	padding-bottom: 500px;
	padding-left: 0;
}
#fh5co-hot-line h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 300;
	line-height: 55px;
	margin: 0 auto;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	border: 0;
	position: relative;
	padding-bottom: 22px;
}
#fh5co-hot-line h2:after {
	background-color: #fff;
	bottom: -12px;
	content: "";
	height: 5px;
	left: 50%;
	position: absolute;
	width: 15px;
	z-index: 999;
	margin-left: -7.5px;
}
#fh5co-hot-line h2:before {
	background-color: #fff;
	bottom: -10px;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -55px;
	position: absolute;
	width: 110px;
	z-index: 999;
}
/*首页设计团队*/
#fh5co-team-list .bg-team {
	padding: 100px 0 90px;
	background-color: #181818;	
}
#fh5co-team-list .container {
}
#fh5co-team-list .show-list {
	padding: 0px 40px;
	position: relative;
}
#fh5co-team-list .show-list .item {
	margin: 0 15px;
	overflow: hidden
}
#fh5co-team-list .show-list .item .portfolio-img {
	overflow: hidden;
	width: 100%;
}
#fh5co-team-list .show-list .item .content {
	background-color: #333;
	padding-bottom: 25px;
}
#fh5co-team-list .show-list .item .content h3 {
	color: #777;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 30px;
	padding: 0 10px;
	margin-bottom: 10px;
}
#fh5co-team-list .show-list .item .content p.desc {
	color: #777;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 18px;
	padding: 0 10px;
}
#fh5co-team-list .show-list .item .content:hover {
	color: #fff;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	background-color: #e60012;
}
#fh5co-team-list .show-list .item .content:hover h3, #fh5co-team-list .show-list .item .content:hover p.desc {
	color: #fff;
}
#fh5co-team-list .show-list .owl-controls .owl-buttons div {
	position: absolute;
	top: 40%;
	margin: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 0px;
	padding: 0;
	background: none;
	border: 1px solid #333;
	opacity: 1;
	text-align: left;
	border-radius: 0;
	color: #777
}
#fh5co-team-list .show-list .owl-controls .owl-buttons div:hover {
	background: #e60012;
	border-color: #e60012;
	color: #fff
}
#fh5co-team-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: 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 28px;
}
#fh5co-team-list .show-list .owl-controls .owl-prev {
	left: -40px;
	text-indent: 4px;
}
#fh5co-team-list .show-list .owl-controls .owl-prev:before {
	content: "\f104";
}
#fh5co-team-list .show-list .owl-controls .owl-next {
	right: -40px;
	text-indent: 6px;
}
#fh5co-team-list .show-list .owl-controls .owl-next:before {
	content: "\f105"
}
/*首页客户案例*/
#fh5co-case-list .bg-case {
	background: url(../images/case-bg.jpg) no-repeat center center;
	background-size: cover;
	
	padding-top: 200px;
	padding-right: 0;
	padding-bottom: 250px;
	padding-left: 0;
}
#fh5co-case-list .bg-case1 {
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}

#fh5co-case-list .bg-case1 .show-list .item .content h3{
	color: #000000;

}
#fh5co-case-list .bg-case1 .show-list .item .content p.desc{
color: #000000;

}
.bg-case2 {

	padding-top: 120px;

}
#fh5co-case-list .bg-case2 .show-list .item .content h3{
	color: #000000;

}
#fh5co-case-list .bg-case2 .show-list .item .content p.desc{
color: #000000;

}
.bg-case3 {

	padding-top: 120px;

	background-color: #000000;

}
.bg-case3 p{
	 color:#FFF;

}
.bg-case4 {
	background: url(../images/GS4.png) no-repeat center center;
	background-size: cover;
	padding-top: 120px;

}
#fh5co-case-list .bg-case4 .show-list .item .content p.desc{
color: #ffffff;

}
.bg-case5 {
	
	padding-top: 120px;

}
#fh5co-case-list .bg-case6 {
	background: url(../images/20201027161853265.png) no-repeat center center;
	background-size: cover;
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 660px;
	padding-left: 0;
}
#fh5co-case-list .bg-case7 {
	background: url(../images/bg-6.png) no-repeat center center;
	background-size: cover;
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 720px;
	padding-left: 0;
}
#fh5co-case-list .bg-case5 .show-list .item .content h3{
	color: #000000;

}
#fh5co-case-list .bg-case5 .show-list .item .content p.desc{
color: #000000;

}
#fh5co-case-list .show-list .item .content h3 {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 16px;
}
#fh5co-case-list .show-list .item .content:hover h3 {
	color: #e60012;
}
#fh5co-case-list .show-list .item .content p.desc {
	color: #999;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
	line-height: 1.6
}
#fh5co-case-list .show-list .owl-theme .owl-controls {
	margin-top: 20px;
}
#fh5co-case-list .show-list .owl-theme .owl-controls .owl-page.active span {
	background: #e60012;
}
/* 首页业界资讯 begin*/
#fh5co-industry-list .bg-industry {
	background: #fff;
	padding: 95px 0 40px;
}
#fh5co-industry-list .show-list .media_img {
	width: 150px;
	overflow: hidden;
	margin-right: 30px;
	position: relative
}
#fh5co-industry-list .show-list .media_img img {
	width: 150px;
	height: 130px
}
#fh5co-industry-list .show-list .media_img .date {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	left: 0px;
	margin-left: 8px;
	margin-top: 0;
	padding: 5px 8px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	background: #e60012;
}
#fh5co-industry-list .show-list .media_img .date span {
	display: block;
	font-size: 16px;
	line-height: 18px;
	margin-top: 2px;
}
#fh5co-industry-list .show-list .media {
	margin-right: 10px;
	margin-bottom: 30px;
}
#fh5co-industry-list .show-list .media-body h3 {
	margin-bottom: 15px;
	line-height: 100%;
	white-space: nowrap;

}
#fh5co-industry-list .show-list .media-body h3 a {
	color: #777;
	font-size: 22px;
	font-weight: 400;
}
#fh5co-industry-list .show-list .media-body h3 a:hover {
	color: #e60012
}
#fh5co-industry-list .show-list .media-body p.desc {
	color: #999999;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 6px;
}
#fh5co-industry-list .show-list .media-body .time {
	font-size: 14px;
	color: #aaa;
}
/* 首页联系我们 begin*/
#fh5co-contact-us .bg-contact {
	background: #000;
	padding: 85px 0 50px;
}
#fh5co-contact-us .contact-form .input {
	background: #151515;
	color: #666;
	font-size: 16px;
	font-weight: 300;
	height: 50px;
	padding: 6px 12px;
	outline: none;
	border: none;
	margin-bottom: 10px;
	border-radius: 0
}
#fh5co-contact-us .contact-form .areainput {
	background: #151515;
	color: #666;
	font-size: 16px;
	font-weight: 300;
	resize: none;
	padding-top: 15px;
	padding: 15px 12px;
	width: 100%;
	outline: none;
	border: none;
	margin-bottom: 10px;
	min-height: 170px;
}
#fh5co-contact-us .contact-form .button {
	width: 100%;
	font-size: 16px;
	background: #e60012;
	color: #fff;
	border: none;
	height: 50px;
	padding: 6px 12px;
	margin-top: 10px;
}
#fh5co-contact-us .contact-form .form-validatecode {
	padding: 0 0 5px
}
#fh5co-contact-us .contact-form img {
	margin: 0;
	padding: 0
}
#fh5co-contact-us .contact-about {
	padding: 25px;
	background: #111;
	-webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.3);
	border-radius: 2px;
}
#fh5co-contact-us .contact-about h3 {
	transition: all;
	-webkit-transition: all;
	padding: 5px 0px;
	line-height: 1.2;
	border-bottom-width: 2px;
	color: rgb(229, 0, 18);
	font-size: 48px;
}
#fh5co-contact-us .contact-about p.title {
	transition: all;
	-webkit-transition: all;
	margin-bottom: 8px;
	padding: 14px 0px 6px;
	color: rgb(68, 68, 68);
	line-height: 54px;
	font-family: 'Noto Sans S Chinese Light', NotoSansHans-Light, 微软雅黑;
	font-size: 44px;
	white-space: normal;
}
#fh5co-contact-us .contact-about p.info {
	transition: all;
	-webkit-transition: all;
	margin-bottom: 0px;
	padding: 0px;
	color: rgb(68, 68, 68);
	line-height: 30px;
	font-family: 'Microsoft YaHei', 'Helvetica Neue', Tahoma, Arial, 微软雅黑, 宋体, 黑体;
	white-space: normal;
}
#fh5co-contact-us .contactlink {
	margin-top: 20px;
	padding: 25px;
	background: #111;
	-webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.3);
	border-radius: 2px;
}
#fh5co-contact-us .contactlink h3 {
	font-size: 16px;
	margin-bottom: 20px;
	color: #646363;
}
#fh5co-contact-us .contactlink .links a {
	display: inline-block;
	margin: 0 6px 10px 0;
	color: #646363;
	white-space: nowrap;
}
#fh5co-contact-us .contactlink .links a:hover {
	color: #fff;
}
/* 内页 begin*/
#fh5co-content_show {

	padding-bottom: 20px;
}
#fh5co-content_show .show_body {
	font-size: 14px;
}
#fh5co-content_show .detail {
	font-size: 16px;

	line-height: 180%;
	color: rgb(89, 89, 89);
}

#fh5co-content_show .detail a {
	color: rgb(89, 89, 89);
}
#fh5co-content_show .detail a:hover {
	color: #e60012
}

#fh5co-content_show .detail h1{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 22px;
}
#fh5co-content_show .detail img {
	height: auto !important;
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 11px;
}
#fh5co-content_show .detail img {
	margin: 11px 0;
	max-width: 100%
}
#fh5co-content_show .detail .content-img img {
}
#fh5co-content_show .detail p {
	text-indent: 0;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 16px;
	color: rgb(89, 89, 89);
}
#fh5co-content_show .detail .description {
	padding: 0 20px;
	font-size: 14px;
}
#fh5co-content_show .qhd-title {
	text-align: center
}
#fh5co-content_show .qhd-title span {
	margin: 0 5px;
	font-size: 14px;
	color: #333333
}
#fh5co-content_show .qhd-title {

	margin-bottom: 25px;
	padding-top: 6px;
}
#fh5co-content_show .qhd-title strong {
	font-weight: normal
}
#fh5co-content_show .contact-box h2 {
	font-size: 16px;
	font-weight: bold
}
#fh5co-content_show .title {
	border-bottom: 1px solid #dedede;
	height: 60px;
	line-height: 60px;
	text-align: left;
	margin-top: 30px
}
#fh5co-content_show .title h2 {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	line-height: 60px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	word-break: break-all;
	color: #555;
	text-indent: 8px;
}
#fh5co-content_show .title h2 a {
	color: #555;
}
#fh5co-content_show .title .bread {
	padding: 0px 0 0;
	font-size: 14px;
	color: #999
}
#fh5co-content_show .title .bread a {
	font-size: 14px;
	color: #999
}
#fh5co-content_show .title .bread a:hover {

	color: #E71C22;
}
#fh5co-content_show .title .bread .on {

	color: #E71C22;
}
#fh5co-content_show .title .bread a i {
	display: inline-block;
	margin-right: 5px;
}
#fh5co-content_show .leftbar {
	position: relative;
	padding-right: 35px;
}
#fh5co-content_show .leftbar h3 {
	color: #fff;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	position: relative;
	background: #222
}
#fh5co-content_show .leftbar h3 a, #fh5co-content_show .leftbar h3 a:hover {
	color: #fff;
}
#fh5co-content_show .leftbar .nav {
	background: #4d4d4d
}
#fh5co-content_show .leftbar .nav li {
	line-height: 45px;
	height: 45px;
}
#fh5co-content_show .leftbar .nav li a {
	color: #ddd;
	display: block;
	padding: 0 20px;
	line-height: 45px
}
#fh5co-content_show .leftbar .nav li a:hover {
	background: #efefef;
	color: #333
}
/*分页*/
.table span {
	margin-right: 10px;
}
.content_detail .pager {
	font-size: 14px;
	padding: 0;
	margin: 0
}
.content_detail .pager a {
	border: none;
	color: #666;
}
.content_detail .pager a:focus, .content_detail .pager a:hover {
	color: #e60012;
	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 {
	color: #fff;
	background-color: #000000;
}
#fh5co-content_show .pagination .active a {
	color: #fff
}
#fh5co-content_show .pagination li {
	margin: 0 3px;
}
#fh5co-content_show video {
	max-width: 100%
}
.thisclass {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #e60012;
	color: #FFF;
}
#fh5co-content_show .pagination li:first-child {
	width: 55px;
	height: 35px;
	line-height: 35px;
}
#fh5co-content_show .pagination li:last-child {
	width: 55px;
	height: 35px;
	line-height: 35px;
}
.index-box{
    max-width: 1228px;
    margin: auto;
}
.index-advantage{
    background-image: url(../images/bg-3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-title{
    padding-top: 100px;
    font-size: 50px;
    line-height: 50px;
    color: #C3191E;
    text-align: center;
}
.index-title span{
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #3c3b3b;
}
.index-title span:after{
    display: block;
    margin-top: 20px;
    content: "";
    margin-left: auto;
    margin-right: auto;
    width: 147px;
    height: 4px;
    background: #C3191E
}
.index-advantage-list{
    margin-top: 50px;
    padding-bottom: 65px;
}
.index-advantage-list ul {
    font-size: 0;
}
.index-advantage-list ul li{
    display: inline-block;
    width: 33.333%;
    height: 290px;
    padding: 0 45px;
    background-color: #999999;
    box-sizing:border-box;
    transition: 0.4s ease;
    border-right:1px solid #8c8c8c;
    border-bottom:1px solid #8c8c8c;
}
.index-advantage-list-title{
    padding-top: 85px;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    transition: 0.4s ease;
}
.index-advantage-list-title:before{
    display: inline-block;
    content: "";
    margin-right: 10px;
    width: 4px;
    height: 22px;
    background-color: #650101;
    vertical-align: initial;
    transition: 0.4s ease;
}
.index-advantage-list-text{
    margin-top: 30px;
    padding-left: 14px;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 25px;
    transition: 0.4s ease;
}
.index-advantage-list ul li:hover{
    background-color: #650101;
    border-right:1px solid #650101;
    border-bottom:1px solid #650101;
}
.index-advantage-list ul li:hover .index-advantage-list-title{
    color: #ccc;
}
.index-advantage-list ul li:hover .index-advantage-list-title:before{
    background-color: #ccc;
}
.index-advantage-list ul li:hover .index-advantage-list-text{
    color: #ccc;
}
.index-problem{
    background-image: url(../images/bg-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-problem-list{
    margin-top: 25px;
    padding-bottom: 95px;
}
.index-problem-list ul{
    font-size: 0;
}
.index-problem-list ul li{
    display: inline-block;
    position: relative;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 65px;
}
.index-problem-list ul li:nth-of-type(3n){
    margin-right: 0;
}
.index-problem-list ul li>img{
    width: 100%
}
.index-problem-list ul li:hover .index-problem-list-box{
    background-color: transparent;
}
.index-problem-list ul li:hover .index-problem-list-title{
    color: #880000;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.index-problem-list ul li:hover .index-problem-list-title:before,.index-problem-list ul li:hover .index-problem-list-text{
    display: none;
}
.index-problem-list-box{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    transition: 0.4s ease;
}
.index-problem-list-able{
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    text-align: center;;
}
.index-problem-list-title{
    font-size: 20px;
    color: #fff;
}
.index-problem-list-title:before{
    display: block;
    content: "";
    margin-left: auto;
    margin: auto;
    margin-bottom: 20px;
    width: 87px;
    height: 3px;
    background-color: #fff;
}
.index-problem-list-text{
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    min-height: 45px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}
.index-core{
    background-image: url(../images/bg-2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-core-list{
    margin-top: 95px;
    padding-bottom: 145px;
}
.index-core-list ul{
    font-size: 0;
}
.index-core-list ul li{
    display: inline-block;
    padding-left: 100px;
    width: calc(50% - 100px);
    margin-bottom: 35px;
}
.index-core-list ul li:nth-of-type(9),.index-core-list ul li:nth-of-type(10){
    margin-bottom: 0;
}
.index-core-list-img{
    display: inline-block;
    vertical-align: middle;
}
.index-core-list-text{
    display: inline-block;
    margin-left: 15px;
    font-size: 25px;
    color: #fff;
    line-height: 25px;
    vertical-align: middle;
}
.index-core-list-text span{
    display: block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 14px;
}

/*文章*/
#fh5co-content_show .article-media li {
	border-bottom: 1px solid #eee;
	padding: 5px 0 15px
}
.article-media .media .media_img {
	width: 152px;
	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: 150px;
}
.article-media li {
	margin-bottom: 12px;
}
.article-media img {
	display: block;
	width: 150px;
}
.article-media .media .time {
	color: #a3afb7;
}
.article-media .media-body h3 {
	font-size: 18px;
	margin-bottom: 12px;
}
.article-media .media-body h3 a {
	color: #2a333c;
	font-size: 18px;
	line-height: 100%;
	font-weight: normal
}
.article-media .media-body h3 a:hover {
	color: #e60012;
}
.article-media .media-body p {
	color: #76838f;
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 10px;
}
/*内页banner*/
.slideshow {
	height: 600px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative
}
.slideshow1 {
	height: 900px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative
}
.slideshow h3 {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	color: #fff;
	font-size: 36px;
	height: 36px;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0 0 15px rgb(0, 0, 0);
}
.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: 0px;
	z-index: 1;
	cursor: pointer;
	background: #a9060e url(http://www.filmflex.cn/skin/images/greenopen.jpg) no-repeat;
}
.SonlineBox .titleBox {
	width: 135px;
	height: 35px;
	line-height: 33px;
	background: #a9060e;
	border-bottom: 2px solid #a9060e;
}
.SonlineBox .titleBox span {
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
}
.SonlineBox .contentBoxC {
	width: 135px; /*height:335px;*/
	border: 2px solid #a9060e;
	background: #ffffff/* url(http://www.filmflex.cn/skin/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 10px 10px;
	color: #a9060e;
	font-size: 14px;
	line-height: 26px;
	font-family: '微软雅黑';
	background: url(../images/telbg.jpg) 0 0 no-repeat;
	text-align: center;
	font-weight: bold;
	word-wrap : break-word;
}
/*在线客服 end*/


/*手机底部导航*/
#toolbar {
	display: none;
}
 @media (max-width:1199px) and (min-width:1001px) {
#fh5co-banner-list .features-nav li {
	padding: 0 30px;
}
#fh5co-content_show .leftbar {
	padding-right: 25px;
}
}
 @media screen and (max-width:1000px) {
#quirydialog .qdialog-head {
	width: 600px
}
#fh5co-header .navbar-head img {
	width: 120px;
	margin-top: 6px;
}
#fh5co-header .navbar-body .nav li {
	padding: 0 10px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
	font-size: 40px
}
#fh5co-banner-list .features-nav li {
	padding: 0 20px;
}
#fh5co-banner-list .features-nav .media .txt-num {
	margin-right: 27px;
}
#fh5co-banner-list .features-nav .media-content h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
#fh5co-banner-list .features-nav .media-content p {
	font-size: 14px;
	line-height: 1.8
}
#fh5co-company-list .show-list .media-body p.desc, #fh5co-industry-list .show-list .media-body p.desc {
	font-size: 14px;
	line-height: 1.5
}
#fh5co-contact-us .contact-about h3 {
	font-size: 30px;
}
#fh5co-contact-us .contact-about p.title {
	font-size: 24px;
	line-height: 1.5
}
footer .foot-link a {
	margin: 0 0 0 4px;
}
.slideshow {
	height: 420px;
}
.slideshow1 {
	height: 420px;
}
.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) {
	     .index-core-list{
        margin-top: 40px;
        padding-bottom: 35px;
    }
	  .index-core-list ul li{
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        margin-bottom: 25px;
    }
    .index-core-list ul li:nth-of-type(9), .index-core-list ul li:nth-of-type(10) {
        margin-bottom: 25px;
    }
    .index-core-list ul li:last-child{
        margin-bottom: 0;
    }
index-advantage-list-title{
        font-size: 20px;
        line-height: 20px;
    }
    .index-advantage-list ul li{
        padding: 0 25px;
        height: 240px;
    }
    .index-advantage-list-text{
        margin-top: 15px;
    }
    .index-advantage-list-text{
        font-size: 14px;
        line-height: 22px;
    }
    .index-advantage-list {
        margin-top: 25px;
        padding-bottom: 35px;
    }
    .index-advantage-list ul li{
        width: 100%;
        margin-right: 0;
        height: auto;
        padding: 20px 10px;
    }
    .index-advantage-list-title{
        padding-top: 0px;
    }	
	 .index-problem-list ul li{
        margin-bottom: 35px
    } 
	  .index-problem-list ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .index-problem-list ul li:last-child{
        margin-bottom: 0;
    }
#fh5co-hero{display:none;}
#fh5co-banner-list{
	display:block;}
.fh5co-heading h2 {
	font-size: 28px;
}
.fh5co-heading span {
	font-size: 14px;
}
#quirydialog .qdialog-head {
	width: 360px
}
#fh5co-offcanvas .nav {
	display: block;
	borer: none
}
.fh5co-nav-toggle {
	display: block;
}
#fh5co-header {
	height: 70px;
}
#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: 100px;
	margin-top: 10px;
}
#article-box-id #fh5co-content_show .show_content {
	margin-left: 0px;
}
#fh5co-banner-list .bannerflexslider .flex-control-nav {
	top: auto;
	left: auto;
	width: 100%;
	text-align: center;
	bottom: 10px;
}
#fh5co-banner-list .bannerflexslider .flex-control-nav li {
	display: inline-block;
	margin: 0 3px;
}
#fh5co-banner-list .bannerflexslider .slides li {
	height: 600px;
}
#fh5co-banner-list .bannerflexslider .slides li a {
	height: 600px;
}
#fh5co-banner-list .features-nav {
	height: auto;
	padding: 0
}
#fh5co-banner-list .features-nav div.content {
	padding: 20px 0
}
#fh5co-banner-list .features-nav .media .txt-num {
	margin-right: 37px;
}
#fh5co-banner-list .features-nav .media-content h3 {
	font-size: 30px;
	margin-bottom: 20px;
}
#fh5co-banner-list .features-nav .media-content p {
	font-size: 18px;
	line-height: 1.8
}
#fh5co-company-list .show-list .media-body p.desc, #fh5co-industry-list .show-list .media-body p.desc {
	font-size: 16px;
	line-height: 1.5
}
footer {
	text-align: center
}
footer .foot-link {
	text-align: center;
	margin-top: 10px;
}
.flex-direction-nav {
	display: none
}
.slideshow {
	height: 360px;
}
.slideshow1 {
	height: 480px;
}
.slideshow h3 {
	font-size: 24px;
	top: 58%
}
/*手机底部导航*/
.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-heading h2 {
	margin: 0 auto 40px;
}
#fh5co-header .navbar-head img {
	width: 100px;
}
#fh5co-banner-list .bannerflexslider .slides li {
	height: 300px;
}
#fh5co-banner-list .bannerflexslider .slides li a {
	height: 300px;
}
#fh5co-banner-list .features-nav li {
	padding: 0 10px;
}
#fh5co-banner-list .features-nav div.content {
	padding: 15px 0
}
#fh5co-banner-list .features-nav .media .txt-num {
	margin-right: 22px;
}
#fh5co-banner-list .features-nav .media i {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin-top: 0px;
}
#fh5co-banner-list .features-nav .media i:after {
	border-width: 5px;
	bottom: 9px;
	right: -10px;
}
#fh5co-banner-list .features-nav .media-content h3 {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1
}
#fh5co-banner-list .features-nav .media-content p {
	font-size: 14px;
	line-height: 1.8
}
#fh5co-company-list .show-list .media, #fh5co-industry-list .show-list .media {
	margin-bottom: 0
}
#fh5co-company-list .show-list .media-body h3, #fh5co-industry-list .show-list .media-body h3 {
	font-size: 16px;
	margin-bottom: 8px;
}
#fh5co-industry-list .show-list .media-body h3 a {
	font-size: 16px;
}
#fh5co-company-list .show-list .media_img {
	margin-right: 12px;
}
#fh5co-company-list .show-list .media-body p.desc, #fh5co-industry-list .show-list .media-body p.desc {
	font-size: 14px;
}
#fh5co-product-list .tab .tab-nav li a {
	font-size: 14px;
	padding: 5px 6px;
}
#fh5co-product-list .tab .tab-body {
	padding-top: 25px;
}
#fh5co-product-list .tab .tab-body .pro-item .portfolio-img .overlay h3 {
	font-size: 14px;
}
#fh5co-product-list .bg-product, #fh5co-hot-line .bg-tel, #fh5co-case-list .bg-case {
	padding: 40px 0
}
#fh5co-company-list .bg-company, #fh5co-industry-list .bg-industry, #fh5co-team-list .bg-team, #fh5co-contact-us .bg-contact {
	padding: 40px 0 10px;
}
#fh5co-industry-list .show-list .media_img, #fh5co-company-list .show-list .media_img {
	width: 80px;
	margin-right: 15px;
}
#fh5co-industry-list .show-list .media_img img, #fh5co-company-list .show-list .media_img img {
	width: 80px;
	height: 70px
}
#fh5co-industry-list .show-list .media_img .date {
	display: none
}
#fh5co-case-list .show-list .item .content h3 {
	font-size: 16px;
}
#fh5co-case-list .show-list .item .content p.desc {
	font-size: 12px;
}
#fh5co-content_show .detail h1 {
	font-size: 18px;
}
.show-product .xl6, .show-art-list .xl6 {
	width: 100% !important
}
footer .foot-link {
	display: none
}
.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%
}
.slideshow {
	height: 320px;
}
.slideshow1 {
	height: 480px;
}
}
/* 内页 end*/

/* ======置顶 ======*/
.backToTop {
	display: none;
	width: 35px;
	height: 35px;
	position: fixed;
	_position: absolute;
	right: 5px;
	bottom: 60px;
	_bottom: "auto";
	cursor: pointer;
	z-index: 9;
	background: #e60012 url(../images/icon-gotop-fixed.png) no-repeat center center;
}
.backToTop:hover {
	background-color: #c00;
}

/* 汽车贴膜 */
.QCTM .cont1{padding: 0px 50px 80px 50px;}
.QCTM h3{color: #d42923;margin: 30px 0px; font-size: 50px;line-height: 80px;text-align: center;font-weight: normal;}
.QCTM .cont1 .ul1 li{transition: all 0.5s ease; width: 12%;margin-right: 2.5%;float: left;position: relative;height: 215px;}
.QCTM .cont1 .ul1 li:nth-child(7){margin-right: 0px;}
.QCTM .cont1 .ul1 li .img-box{position: relative; margin: 20px auto; width: 90px;height: 90px;padding: 15px;box-sizing: border-box;border-radius: 50%;border: 1px solid #d1d1d1;}
.QCTM .cont1 .ul1 li .img-box img{position: absolute;top: 22.5px;left: 22.5px;height: 45px;width: 45px;}
.QCTM .cont1 .ul1 li  .img2{opacity: 0;}
.QCTM .cont1 .ul1 li p{text-align: center;font-size: 20px;line-height: 30px;}
.QCTM .cont1 .ul1 li .msg{box-sizing: border-box; position: relative; visibility: hidden; margin: 20px 0px 50px -50px; width: 430px;padding: 20px;background-color: #757575;color: white;border-radius: 20px;font-size: 16px;line-height: 30px;}
.QCTM .cont1 .ul1 li:nth-child(1) .msg{margin-left: 0px;;}
.QCTM .cont1 .ul1 li:nth-child(1) .msg i{left: 70px;}
.QCTM .cont1 .ul1 li:nth-child(7) .msg{margin-left: -260px;}
.QCTM .cont1 .ul1 li:nth-child(7) .msg i{right: 70px;left: auto}
.QCTM .cont1 .ul1 li .msg i{position: absolute;width: 20px;height: 12px;background: url(http://www.filmflex.cn/skin/uploadfiles/image/arrow1.png)center no-repeat;top: -12px;left: 120px;}
.QCTM .cont1 .ul1 li:hover{height: 360px;}
.QCTM .cont1 .ul1 li:hover .img2{opacity: 1;}
.QCTM .cont1 .ul1 li:hover .img1{opacity: 0;}
.QCTM .cont1 .ul1 li:hover .img-box{background:#d42923;border-color:#d42923;}
.QCTM .cont1 .ul1 li:hover .msg{visibility: visible;}
.QCTM .cont1 .three li p{text-align: center;line-height: 30px;font-size: 18px;margin: 10px 0px;}


@media(max-width:768px){
	  .QCTM .cont1 .ul1 li .img-box{margin: 10px auto;}
    .QCTM h3{font-size: 24px;line-height: 35px;}
    .QCTM .cont1 .ul1{ position: relative;}
    .QCTM .cont1 .ul1 li p{font-size: 16px;line-height: 16px;}
    .QCTM .cont1 .ul1 li{height: auto; position: static; width: 23.5%;margin-right: 2%;margin-bottom: 15px;}
    .QCTM .cont1 .ul1 li:hover {height: auto;}
    .QCTM .cont1 .ul1 li:nth-child(2n){margin-right: 2%;}
    .QCTM .cont1 .ul1 li:nth-child(4n){margin-right: 0px;}
    .QCTM .cont1 .ul1 li .img-box{width: 70px;height: 70px;}
    .QCTM .cont1 .ul1 li .img-box img{top: 11px;left: 11px;}
    .QCTM .cont1 .ul1 li:hover .msg{visibility: hidden;}
    .QCTM .cont1 .ul1 li .msg{left: 0px;right: 0px;width: 100%; position: absolute;z-index: 10;margin: 0px !important;}
    .QCTM .cont1 .ul1 .on .msg{visibility: visible !important;}
    .QCTM .cont1 .ul1 li:nth-child(1) .msg i{left: 9.5%;}
    .QCTM .cont1 .ul1 li:nth-child(2) .msg i{left: 35%;}
    .QCTM .cont1 .ul1 li:nth-child(3) .msg i{left: 60.5%;}
    .QCTM .cont1 .ul1 li:nth-child(4) .msg i{left: 86.5%;}
    .QCTM .cont1 .ul1 li:nth-child(5) .msg i{left: 9.5%;}
    .QCTM .cont1 .ul1 li:nth-child(6) .msg i{left: 35%;}
    .QCTM .cont1 .ul1 li:nth-child(7) .msg i{left: 60.5%;}
    .tableCont .cont li table tr td{padding: 10px 0px;}
    .tableCont .cont li table tr th{height: 60px;}
    .QCTM .cont1 .three li p{font-size:16px;}
    .tableCont .cont li p{font-size:12px;}
}