@charset "utf-8";

/* ———————————————————————全局样式——————————————————————— */
body { font-family: "Montserrat light","Source Han Sans", PingFangSC-Light, "Helvetica Neue", Helvetica, "Microsoft YaHei","微软雅黑", Arial, Raleway, sans-serif; }
li { list-style: none; }
.clearfix:after { content: ""; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

/* 清除浮动 */
.clearfix { zoom: 1;/*ie6*/ }
::selection { background: #000; }
.container { margin: 0 auto; }
.color-white { color: #fff !important; }
.normal { font-weight: normal !important; }

.flex-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-bottom{align-items:flex-end;}
.flex-top{align-items:flex-start;}
.flex-justifyend{justify-content:flex-end;}
.flex-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:end;}
.flex-wrap{flex-wrap:wrap;-webkit-flex-wrap: wrap; /* Safari 6.1+ */}


/* 表单 */
form label { margin-bottom: 5px; }
.sm-form-control { border-width: 1px; font-size: 13px; }
.form-control { border-radius: 0; box-shadow: none; border: 1px solid #ddd; }

/* 一行显示省略号 */
.text-overflow { max-width: 100%; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; }

/* 多行显示省略 */
.line-clamp-2 { overflow: hidden; text-overflow: ellipsis;   /* 省略号代替 */ display: -webkit-box; -webkit-line-clamp: 2; /* 显示行数 */ -webkit-box-orient: vertical; /* 竖向 */ max-height: 40px;  /* 兼容性，2行文字大概高度 */ }
@media (min-width:1200px) {
	.container { width: 1230px; }
}
@media (max-width:767px) {
	.button { height: 30px; font-size: 12px; margin: 5px 0; }
	.button.button-reveal { padding: 0 15px; }
	.button.button-border { line-height: 29px; }
	.content-wrap div h2 { font-size: 20px !important; }
}


/* 滚动条 start*/  
.scrollbar::-webkit-scrollbar {  
	width: 10px;  
	height: 4px;  
	background-color: #F5F5F5;  
	background-color: transparent;
}  
/*定义滚动条轨道 内阴影+圆角*/  
.scrollbar::-webkit-scrollbar-track {  
	-webkit-box-shadow: inset 0 0 2px transparent;  
	background: #eee ;  
	background-color: transparent;
}  
/*定义滑块 内阴影+圆角*/  
.scrollbar::-webkit-scrollbar-thumb {  
	border-radius: 3px;  
	/* -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);   */
	background-color:#aaa;  
	background-color: transparent;
	transition: 1s ease;
}  
.scrollbar::-webkit-scrollbar-thumb:hover {  
	border-radius: 3px;  
	/* -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);   */
	background-color:#ccc;  
} 
@media (min-width: 992px){
	/* .scrollbar{ overflow-y: hidden !important;transition: .45s ease; }
	.scrollbar:hover{ overflow-y: auto !important; } */
    .scrollbar:hover::-webkit-scrollbar-thumb{ background-color: #aaa; }
    .scrollbar:hover::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);}
}


/* filter-wrap 滚动条 */
.portfolio-filter li a:hover{ color: #444; }
.filter-wrap::-webkit-scrollbar {     
	background-color: transparent;
}  
/*定义滚动条轨道 内阴影+圆角*/  
.filter-wrap::-webkit-scrollbar-track {   
	background-color: transparent;
}  
/*定义滑块 内阴影+圆角*/  
.filter-wrap::-webkit-scrollbar-thumb {   
	background-color: transparent;  
}


/* 图片宽度100% (超过1920px)*/
.top-banner img,
img.lazy,
.full-screen video{ width: 100%; }


/* ———————————————————————页面共用样式——————————————————————— */

/* header */

/* 导航动画 */
@media (min-width:992px) {
	#primary-menu ul li:hover ul { -webkit-animation: toSlide 0.4s cubic-bezier(.12, .69, .39, 1); -moz-animation: toSlide 0.4s cubic-bezier(.12, .69, .39, 1); -ms-animation: toSlide 0.4s cubic-bezier(.12, .69, .39, 1); animation: toSlide 0.4s cubic-bezier(.12, .69, .39, 1); display: block; }
	@-webkit-keyframes toSlide {
		0% { -webkit-transform: translateY(-30px); opacity: 0; }
		100% { -webkit-transform: translateY(0); opacity: 1; }
	}
	@-moz-keyframes toSlide {
		0% { -moz-transform: translateY(-30px); opacity: 0; }
		100% { -moz-transform: translateY(0); opacity: 1; }
	}
	@-ms-keyframes toSlide {
		0% { -ms-transform: translateY(-30px); opacity: 0; }
		100% { -ms-transform: translateY(0); opacity: 1; }
	}
	@keyframes toSlide {
		0% { transform: translateY(-30px); opacity: 0; }
		100% { transform: translateY(0); opacity: 1; }
	}
	/* .mb-language { position: absolute !important; right: 0 !important; } */
	/* #top-search { padding: 0 56px 0 8px !important; } */
	#top-search { padding: 0 0 0 8px !important; }
}
#primary-menu ul ul li { border-bottom: 1px solid #353535; }
#primary-menu ul ul li:last-child { border-bottom: none; }
#top-cart #top-cart-trigger { width: 40px !important; height: auto !important; }
#top-cart ul { width: auto !important; top: 45px !important; }
#top-cart li { margin-left: 0 !important; }
#top-cart li a { font-size: 14px !important; padding-right: 46px !important; line-height: 12px !important; padding-top: 10px !important; }
#top-cart li:hover a { background-color: #252525; }

@media (min-width: 992px) and (max-width: 1199px){
	#primary-menu ul li > a{ padding: 24px 18px; }
}
@media (max-width: 767px){
	#primary-menu ul li > a{ font-size: 14px; }
}

/* top-banner */
.top-banner h1 p { color: #bbb; font-size: 24px; }
.top-banner a.button { position: absolute; bottom: 20px; left: 50%; margin-left: -73px; padding: 0 42px; border-color: #eee !important; color: #eee !important; }
@media (max-width:992px) {
	#header .container { background: #000; width: auto; }
	#header, #header-wrap, #logo, #logo img, #top-search form { height: 70px !important; }
	#primary-menu-trigger { top: 11px !important; }
	#top-search form input { font-size: 16px; }
	#top-search a, #top-cart, #side-panel-trigger, #top-account { margin: 25px 0; }
	#top-search a { right: 15px; }
	.mb-language { padding-left: 5px; }
}
@media (max-width:767px) {
	.top-banner h1 { font-size: 18px; margin-bottom: 0; }
	.top-banner h1 p { font-size: 12px; margin-bottom: 0; }
	.top-banner a.button { padding: 0 15px; margin-left: -42px; bottom: 5px; }
}

/* slider */
.boxed-slider { padding-top: 0; }
.flex-control-nav { width: 100%; top: auto; bottom:10px; }
.flex-control-nav li { float: none !important; display: inline-block; width: 10px; height: 10px; }
.flex-control-nav li a { width: 10px !important; height: 10px !important; margin: 0 10px; border: 2px solid #999; background: #999; }
.flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #fff; border: 2px solid #fff; }
.slider-info .flex-prev, .slider-info .flex-next, .slider-info .flex-prev:hover, .slider-info .flex-nex:hover { background-color: transparent !important; }
.slider-info .flex-next { right: 12px; }
.slider-info .flex-prev i, .slider-info .flex-next i { color: #717171; }
.slider-info .flex-control-nav { /*display: none;*/ width: 100%; top: auto; bottom: 10px; }

/* content */

/* .container-fullwidth,

.container-fullwidth > div{ padding:0 8px !important; } */

/* tab 标签导航 downloadPage honorPage jobsPage newsCenterPage casePage */

.tab { border-bottom: 1px solid #eee; box-shadow: 0px 1px 1px #eee; }
.tab > ul.tab-nav2 { max-width: 510px; margin: 0 auto !important; padding: 20px 0; }
.tab > ul.tab-nav2 li { padding: 0 45px; border: none !important; }
.tab > ul.tab-nav2 li a { padding: 0; border: none !important; color: #888 !important; font-weight: normal; background-color: transparent !important; border-bottom: 2px solid transparent; -webkit-transition: .4s ease; -moz-transition: .4s ease; -ms-transition: .4s ease; transition: .4s ease; }
.tab > ul.tab-nav2 li.ui-state-active a, 
.tab > ul.tab-nav2 li:hover a,
.tab > ul.tab-nav2 li.active a { color: #000 !important; }
.tab > ul.tab-nav2 li a span { border-bottom: 1px solid transparent; padding-bottom: 5px; transition: .45s ease; }
.tab > ul.tab-nav2 li.ui-state-active a span, 
.tab > ul.tab-nav2 li:hover a span,
.tab > ul.tab-nav2 li.active a span { border-bottom-color: #000 !important; }
@media (min-width:768px) {
	.container-fullwidth, .container-fullwidth > div { padding: 0 8px !important; }
}
@media (max-width:767px) {
	.tab > ul.tab-nav2 { padding: 10px; }
	.tab > ul.tab-nav2 li { padding: 0 12px; }
	.tab > ul.tab-nav2 li a { font-size: 12px; }
}
@media (max-width:360px) {

/* .tab > ul.tab-nav2 li{ padding: 0 15px; } */ }

/* lightbox 箭头 */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { padding: 8px; }
.mfp-figure:after { background-color: #fff; }
.mfp-bottom-bar { background-color: #fff; top: 98%; }
.mfp-bottom-bar .mfp-title { padding: 4px 8px; color: #999; }
.mfp-bottom-bar .mfp-counter { display: none; }
.mfp-arrow:before, .mfp-arrow:after { display: none; border: none; }
.mfp-arrow-left:before, .mfp-arrow-right:before { display: inline-block; font-family: 'font-icons'; font-size: 34px; color: #fff; }
.mfp-arrow-left:before { content: "\e7a4"; }
.mfp-arrow-right:before { content: "\e7a5"; }
.mfp-arrow-right { right: -10px; }

/* footer */
#footer { background-color: #252525; }
#footer h5 { font-size: 14px; color: #fff; margin-bottom: 10px; }
#footer ul li { margin-bottom: 6px; }
#footer ul li a { font-size: 12px; color: #999; }
#footer ul li:hover a { color: #eee; }
#footer ul li a.social-icon { margin-top: 5px; }
#copyrights { border-top: 1px solid #373737; }
#copyrights, #copyrights a { font-size: 12px; color: #999; }
.icon-weixin { background-size: 100% !important; width: 29px; height: 29px; top: 5px; left: 5px; }
.icon-weixin:first-child { background: url('../images/icon-weixin.png') no-repeat; }
.icon-weixin:last-child { background: url('../images/icon-weixin-1.png') no-repeat; top: 13px; }
li.weixin-box > div { position: absolute; top: 0; left: -125px; }
li.weixin-box > div img { background-color: #fff; padding: 5px; }
li.weixin-box:hover > div { display: block !important; -webkit-animation: wxshow .75s ease; -ms-animation: wxshow .75s ease; animation: wxshow .75s ease; }
@-webkit-keyframes wxshow {
	0% { transform: translateX(-30px); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}
@-ms-keyframes wxshow {
	0% { transform: translateX(-30px); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}
@keyframes wxshow {
	0% { transform: translateX(-30px); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}
@media (max-width:991px) {
	li.weixin-box > div { left: auto; right: auto;top: -120%; }
}
@media (max-width:767px) {
	#footer .footer-widgets-wrap .fright { /* clear: left; */ float: left !important; }
	/* li.weixin-box > div { left: auto; right: -70px; } */
}

/* ———————————————————————单页面样式——————————————————————— */

/* 首页 home-page */

/* 数字counter */
.counter-wrap { background-color: #000; }
.counter-wrap > div { line-height: 2.5; background-color: #000; margin: 42px 0 40px 0; border-right: 1px solid #333; }
.counter-wrap .counter i { position: absolute; top: 50px; right: 100px; font-size: 14px; font-style: normal; }
.counter-wrap > div:nth-child(1) .counter i { right: 100px; }
.counter-wrap > div:nth-child(2) .counter i { right: 25px; }
.counter-wrap > div h5 { position: relative; bottom: 40px; font-size: 16px; }

/* 产品介绍轮播 */
.slider-info .slide .container > h2 { font-size: 25px; margin-bottom: 5px; }
.slider-info .slide .container > p { font-size: 12px; /* width: 370px; */ }
.slider-info .slide .container > a span { font-size: 12px; font-weight: normal; }
.slide.flex-active-slide > div { animation: fadeToTop .8s ease; }
@keyframes fadeToTop {
	0% { transform: translateY(100px); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}
@media (min-width: 992px) and (max-width: 1365px){
	.counter-wrap .counter i { right: 60px; }
	.counter-wrap > div:nth-child(1) .counter i { right: 58px; }
	.counter-wrap > div:nth-child(2) .counter i { right: 3px; }
}
@media (min-width:1600px) {
	.counter-wrap .counter i { right: 125px; }
	.counter-wrap > div:nth-child(1) .counter i { right: 123px; }
	.counter-wrap > div:nth-child(2) .counter i { right: 38px; }
}
@media (min-width:1800px) {
	.counter-wrap .counter i { right: 162px; }
	.counter-wrap > div:nth-child(1) .counter i { right: 160px; }
	.counter-wrap > div:nth-child(2) .counter i { right: 75px; }
}
@media (max-width:991px) {
	.counter { font-size: 40px; }
	.counter-wrap .counter i { top: 10px; right: 60px; font-size: 12px; }
	.counter-wrap > div:nth-child(1) .counter i { right: 40px; }
	.counter-wrap > div:nth-child(2) .counter i { right: 5px; }
	.counter-wrap > div h5 { bottom: 10px; font-size: 12px; }
	.slider-info .slide .container { width: 85%; }
	.slider-info .slide .container > p { font-size: 12px; width: 370px; }
}
@media (max-width:767px) {
	.counter { font-size: 30px; }
	.counter-wrap .counter i { top: 0; right: 20px; font-size: 10px; }
	.counter-wrap > div:nth-child(1) .counter i { right: 10px; }
	.counter-wrap > div:nth-child(2) .counter i { right: 5px; }
	.counter-wrap > div h5 { bottom: 10px; font-size: 10px; }
	.slider-info .slide .container > h2 { font-size: 18px; }
	.slider-info .slide .container > p { width: auto; margin-bottom: 5px; }
	.slider-info .flex-prev i { text-align: left; }
	.slider-info .flex-next i { text-align: right; }
}

/* 产品六大类 product-page */
.product-page .container-fullwidth { padding: 0 !important; margin: 0 auto; }
.product-page .container-fullwidth > div { padding: 0 30px 60px 30px !important; border-right: 1px solid #eee; }
.product-page .container-fullwidth > div:nth-child(3n) { border-right: none; }
.product-page .container-fullwidth > div .product-image { display: block; }
.product-page .container-fullwidth > div img { -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.product-page .container-fullwidth > div img:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); filter: transparent; }
.product-page .container-fullwidth > div h5 { font-size: 16px; padding-top: 6px; }
@media (max-width:767px) {
	.product-page .container-fullwidth > div { padding: 0 15px !important; border: none; margin-bottom: 30px; }
}

/* 产品列表 product-list-page */
.product-list-page .product-nav { padding-left: 50px; }
.product-list-page .product-nav ul li ul{ padding-top: 10px !important; }
.product-list-page .product-nav ul li ul li ul{ padding-top: 6px !important; }
.product-list-page .product-nav ul li { padding-bottom: 20px; }
.product-list-page .product-nav ul li ul li{ padding-bottom: 10px !important; font-size: 13px; }
.product-list-page .product-nav ul li ul li ul li{ padding-bottom: 6px !important; }
.product-list-page .product-nav ul li:last-child { padding-bottom: 0; }
.product-list-page .product-nav ul li { transition: border .4s ease; }
.product-list-page .product-nav ul li a { color: #ccc; /* font-weight: bold; */ display: block; }
/* .product-list-page .product-nav ul li.fatherClass > a{ color: #000; }
.product-list-page .product-nav ul li.fatherClass li.fatherClass > a{ color: #222; }
.product-list-page .product-nav ul li.fatherClass li.fatherClass .active a{ color: #ccc; } */
.product-list-page .product-nav ul li.fatherClass > a{ color: #333;font-weight: 700; }
.product-list-page .product-nav ul li.active > a, 
.product-list-page .product-nav ul li:hover > a { color: #333;  }
.product-list-page .product-nav ul li.active > a{ font-weight: 500; }
.product-list-page .product-nav ul li.active ul li:hover a{ color: #333; }
/* .product-list-page .product-nav ul li.active ul li a { color: #ccc; } */
.product-list-page .product-nav ul li.active ul li ul li a { color: #ccc; font-weight: 100; }
.product-list-page .product-search i { position: absolute; left: 0; bottom: 6px; color: #999; }
.product-list-page .product-search input { margin-left: 10px; }
.product-list-page .list-poster > div a { display: block; overflow: hidden; }
.product-list-page .list-poster > div, .product-list-page .list-poster > div img { -ms-transition: 1s ease; transition: 1s ease; }

/* .product-list-page .list-poster > div:hover{ border-color: #ddd;box-shadow: 0px 0px 1px #ddd; } */
.product-list-page .list-poster > div a:hover img { -ms-transform: scale(1.1); transform: scale(1.1); }
.product-list-page .list-poster > div a h5{ padding-top: 5px; }
@media (max-width:991px) {
	.product-list-page .product-nav { padding-left: 20px; }
}
@media (max-width:767px) {
	.product-list-page > div { margin-top: 0 !important; }
	.product-list-page > div .col_one_fifth { margin-bottom: 20px !important; }
	.product-list-page .product-nav { padding: 0; }
	.product-list-page .product-nav > h5 { padding: 5px 15px; background-color: #f9f9f9; }
	.product-list-page .product-nav > ul, .product-list-page .product-nav > form { display: none; padding: 0 15px; }
	.product-list-page .product-search i { left: 20px; }
	.product-list-page .product-nav h5 i { transition: .45s ease; }
	.product-list-page .product-nav h5 i.rotate { transform: rotate(180deg); }
	.product-list-page .row { margin-left: 0; }
}

/* 产品详情 product-detail-page */
.product-detail-page ul.tab-nav.tab-nav2 li { border: 0; position: relative; z-index: 99; width: 30px; height: 30px; margin: 0; float: none; }
.product-detail-page .dark ul.tab-nav.tab-nav2 li a { background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; color: #fff; }
.product-detail-page .dark ul.tab-nav.tab-nav2 li:hover a,
.product-detail-page ul.tab-nav.tab-nav2 li.ui-state-active a { color: #fff !important; background-color: #000; }
.product-detail-page ul.tab-nav li a i { top: 0; font-size: 12px; margin-right: 0; }
.product-detail-page ul.tab-nav:not(.tab-nav-lg) li a { height: 30px; padding: 0; }
.product-detail-page .social-icon { width: 30px; line-height: 30px !important; }
.product-detail-page .social-icon:hover i:first-child { margin-top: -30px; }
#product-slider .slide .image { }
#product-slider .slide .dark.text { background-color: #2b2b2b; padding:20px 50px; border-right: 0;/*  max-height: 800px; */ height: auto; overflow-y: auto; }
.product-detail-page .flex-control-nav.flex-control-thumbs { position: absolute; top: auto; bottom: 0; }
.product-detail-page .flex-control-nav.flex-control-thumbs li, .product-detail-page .flex-control-nav.flex-control-thumbs li img { display: inline-block; }
.product-detail-page .dark .table-bordered > thead > tr > th, .product-detail-page .dark .table-bordered > tbody > tr > th, .product-detail-page .dark .table-bordered > tfoot > tr > th, .product-detail-page .dark .table-bordered > thead > tr > td, .product-detail-page .dark .table-bordered > tbody > tr > td, .product-detail-page .dark .table-bordered > tfoot > tr > td { border-color: transparent; }
.product-detail-page .table > thead > tr > th, .product-detail-page .table > tbody > tr > th, .product-detail-page .table > tfoot > tr > th, .product-detail-page .table > thead > tr > td, .product-detail-page .table > tbody > tr > td, .product-detail-page .table > tfoot > tr > td { padding: 4px; line-height: 1.42857143; vertical-align: top; }
.product-detail-page .heading-block:after { border-top: 0px; }
#slider.top-slider .floaticon { position: absolute; top: 30px; right: 30px; }
#slider.top-slider .sharea { opacity: 0.5; margin-right: 6px; }
#slider.top-slider .sharea:hover { opacity: 1; }
.tuijian{ background-color: #fff; padding:0 20px;}
.tuijian .row > div a { display: block; overflow: hidden; }
.tuijian .row > div a div{ overflow: hidden; }
.tuijian .row > div a div img { transition: 2s ease; }
.tuijian .row > div a:hover div  img { -ms-transform: scale(1.1); transform: scale(1.1); }
.tuijian h5 { font-weight: normal; padding-top: 8px; }
#product-slider .flex-control-nav { left: -25%; }
#product-slider .flex-control-nav li { position: relative; display: inline-block; }
#product-slider .flex-control-nav li img { opacity: 0; }
#product-2 #product-slider .flex-control-nav li.active:first-child:after, #product-2 #product-slider .flex-control-nav li.active:last-child:after, #product-slider .flex-control-nav li.active:first-child:after, #product-slider .flex-control-nav li.active:last-child:after { color: #000; }
#product-slider .flex-control-nav li:last-child:before { content: ""; display: inline-block; border-right: 1px solid #888; width: 1px; height: 24px; position: absolute; bottom: 18px; left: 0; z-index: 11; transition: .3s ease; }

/* 下载 */
.product-detail-page .download { padding: 0 15px; }
.mybox { padding: 25px; background-color: #ebebeb; border: 1px solid #E5E5E5; border-top: 0; border-radius: 0; background-color: #e0e0e0; }
.mybox .mysize { max-width: 100%; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #909090; padding-bottom: 10px; padding-top: 10px; transition: .35s ease; }
.mybox .mysize a { margin-left: 10px; color: #888; border-bottom: 1px solid transparent; }
.mybox .mysize:hover a { border-bottom-color: #888; }
.mybox .iconlist { height: 147px; overflow-x: hidden; overflow-y: auto; }
.mybox .btn-download { display: block; background-color: #b1b1b1; padding: 10px 20px 10px 20px; transition: .35s ease; }
.mybox .btn-download:hover { background-color: #666; }
.mybox .btn-download > h4 { width: auto; display: block; float: left; color: white; font-weight: 100; }
.mybox .btn-download > p { width: auto; display: block; float: right; text-align: right; color: white; }

/* 推荐 */
.product-detail-page .tuijian > div h5 { margin-bottom: 0; }
@media (min-width:768px) {
	/* #product-slider .text { height: 322px !important; } */
}
@media (min-width:1024px) {
	/* #product-slider .text { height: 430px !important; } */
}
@media (min-width:1366px) {
	/* #product-slider .text { height: 569px !important; } */
}
@media (min-width:1440px) {
	/* #product-slider .text { height: 600px !important; } */
}
@media (min-width:1600px) {
	/* #product-slider .text { height: 667px !important; } */
}
@media (min-width:1920px) {
	/* #product-slider .text { height: 800px !important; } */
}
@media (max-width:991px) {
	#slider.top-slider .floaticon { top: 10px; right: 10px; }
	#product-slider .slide .tabs, #product-slider .slide .tabss { margin-bottom: 60px !important; }
	#product-slider .flex-control-nav { left: auto !important; }
	.btn-zhujian{ position: absolute;bottom:10px;left:50%;z-index:100;display:block !important;margin-left: -13px; color: #666;font-size: 26px;padding:5px; }
	.product-detail-page .modal-content,
	.product-detail-page .dark .modal-content { border-radius: 0;background-color: #2b2b2b; }
	.product-detail-page .table-bordered, .product-detail-page .table-bordered > tbody > tr > td { border: none; padding: 1px;margin: 8px 0; }
	.mybox { padding: 8px; }
	.product-detail-page .download > div:not(.heading-block) { margin-bottom: 20px !important; padding: 0 4px; }
	.product-detail-page .download .heading-block { /* margin: 30px 0 !important; */ }
	.tuijian .container-fullwidth, .tuijian  .container-fullwidth > div { padding: 0 3px !important; }
}
@media (max-width:767px) {
	#slider.top-slider .floaticon img { height: 25px; }
	#slider.top-slider .sharea { margin-right: 0; }
	.top-slider .flex-control-nav { bottom: 5px; }
	.product-detail-page .modal-title { margin-bottom: 0 !important; }
	.product-detail-page .modal-body h1, .product-detail-page .modal-body h2, .product-detail-page .modal-body h3, .product-detail-page .modal-body h4, .product-detail-page .modal-body h5, .product-detail-page .modal-body h6 { margin-bottom: 10px; }
	.product-detail-page .heading-block h1 { font-size: 24px; }
	.common-height{ margin-bottom: 0 !important; }
	.mybox .fbox-desc h5 { margin-bottom: 5px; }
	.mybox .btn-download { margin-top: 15px !important; padding: 6px 10px; }
	.mybox .btn-download img { height: 16px; }
	.product-detail-page .download { padding: 0 5px; }
	.product-detail-page .download > div { padding: 0 4px; }
	.product-detail-page .tuijian{ padding:0 4px;}
	.product-detail-page .tuijian > div {/*  margin: 20px 0 !important;  */}
}

/* 新闻中心 news-center-page */
.container-fullwidth { padding: 0 !important; }
.container-fullwidth .tab-content .row > div { padding: 0 8px !important; }
.news-center-page .news-poster { display: block; overflow: hidden; }
.news-center-page .news-poster img { -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; }
.news-center-page .news-poster:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.news-center-page .news-desc { padding: 30px; border: 1px solid #eee; }
.news-center-page .news-desc:hover { border-color: #ddd; box-shadow: 0px 0px 1px #ddd; }
.news-center-page .news-time { font-size: 12px; color: #ccc; }
.news-center-page .news-title h4 { margin-top: 20px; }
.news-center-page .news-title h4 a { font-size: 18px; color: #333; }
.news-center-page .news-content { margin-bottom: 25px; min-height: 75px; height: 75px; overflow: hidden; }
.news-center-page .more { font-size: 12px; color: #222; border-bottom: 1px solid transparent; transition: .45s ease; }
.news-center-page .row > div > div:hover .more { border-bottom-color: #333; }
@media (max-width:991px) {
	.news-center-page .news-desc { padding: 15px; }
	.news-center-page .news-title h4 { margin-top: 10px; }
	.heading-block { margin-bottom: 12px; }
	.heading-block:after { margin-top: 10px; }
	.news-center-page .news-content { margin-bottom: 10px; }
}

/* 新闻详情 news-detail-page */
.breadcrumb-wrap { background-color: #f6f7f7; }
.breadcrumb { position: relative !important; margin: 0 !important; right: auto !important; padding: 20px 0 !important; }
.breadcrumb li, .breadcrumb li a { font-size: 12px; }
.news-widgets { height: 30px; border-bottom: 1px solid #ddd; }
.news-widgets span { color: #999; }
.news-widgets .news-share { position: relative; top: -13px; }

.news-content p{ margin-bottom: 0; }

/* 荣誉资质 */
.honors-page .tab > ul { max-width: 600px; }
.honors-page .tab-container h5 { padding-top: 8px; }
.honors-page .gallery a { display: none; overflow: hidden; }
.honors-page .gallery a:first-child { display: block !important; }
@media (max-width:767px) {
	.honors-page .tab-content .row > div { margin-bottom: 0 !important; }
	.honors-page .tab-container h5 { font-size: 12px; }
}

/* 人才招聘 jobs-page */
.jobs-page .fuli > h2, .jobs-page .fuli .icons { margin-top: 80px; }
.jobs-page .fuli .icons > div { margin-bottom: 50px; }
.jobs-page .fuli .icons > div > div { margin: 0 auto; margin-bottom: 10px; cursor: pointer; -ms-transition: .45s ease; transition: .45s ease; }
.jobs-page .fuli .icons > div:hover > div { animation: iconMotion 1s ease; transition: .45s ease;/*  -ms-transform:translateY(-5px) scale(1.1);transform: translateY(-5px) scale(1.1); */ }

/* .jobs-page .fuli .icons > div > div{ height:68px;width:88px; background: url("../images/icons/jobs-icons.png") no-repeat;}

.jobs-page .fuli .icons > div:nth-of-type(1) > div{ background-position:0 0;}

.jobs-page .fuli .icons > div:nth-of-type(2) > div{ background-position:-88px 0;}

.jobs-page .fuli .icons > div:nth-of-type(3) > div{ background-position:-176px 0;}

.jobs-page .fuli .icons > div:nth-of-type(4) > div{ background-position:-264px 0;}

.jobs-page .fuli .icons > div:nth-of-type(5) > div{ background-position:-352px 0;}

.jobs-page .fuli .icons > div:nth-of-type(6) > div{ background-position:-440px 0;}

.jobs-page .fuli .icons > div:nth-of-type(7) > div{ background-position:-528px 0;}

.jobs-page .fuli .icons > div:nth-of-type(8) > div{ background-position:-616px 0;} */
@keyframes iconMotion {
	0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
	50% { -webkit-transform: rotate(-20deg) translate(6px, -6px) scale(1.1); transform: rotate(-20deg) translate(6px, -6px) scale(1.1); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
.jobs-page .promo { padding: 150px 0 !important; }
.jobs-page .promo span { font-size: 16px; }
.jobs-page .tab > ul { max-width: 590px; }
.jobs-page .job-list { position: relative; border: 1px solid #eee; cursor: pointer; margin-bottom: 30px; }
.jobs-page .job-list:after { position: absolute; bottom: 0; left: 0; right: 0; display: block; height: 50px; content: ''; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff)); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #fff); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff); background-image: linear-gradient(rgba(255, 255, 255, 0), #fff) }
.jobs-page .job-list:hover { box-shadow: 0px 0px 1px #ccc; }
.jobs-page .job-list > h4 { border-bottom: 1px solid #eee; margin: 18px 22px; padding-bottom: 18px; }
.jobs-page .job-list > div { height: 120px; overflow: hidden; transition: .45s ease; padding: 0 22px; }
.jobs-page .job-list > ul li { color: #666; }
.jobs-page .job-list ul { margin-bottom: 15px; padding-left: 22px; }
.jobs-page .job-list ul li { line-height: 26px; }
.jobs-page .job-list.show > div { height: auto !important; }
.jobs-page .job-list.show:after { display: none; }
.jobs-page .job-list .button-send { margin-left: 22px; margin-bottom: 30px; }
@media (max-width:767px) {
	.jobs-page .fuli > h2, .jobs-page .fuli .icons { margin-top: 50px; }
	.jobs-page .fuli .icons > div { padding-left: 4px !important; padding-right: 4px !important; }
	.jobs-page .fuli .icons > div span { font-size: 10px; height: 33px; }
	.jobs-page .fuli .icons > div img { height: 45px; }
	.jobs-page .promo { padding: 50px 0 !important; }
	.jobs-page .promo h3 { font-size: 20px; }
	.jobs-page .promo span { font-size: 14px; }
}
@media (max-width:320px) {
	.jobs-page .fuli .icons > div { padding-left: 2px !important; padding-right: 2px !important; }
}

/* 自由光造型 ziyougaung-page */

/* 

.ziyouguang-page .poster h5{ position: absolute;top:30px;left:60px;font-size: 22px; }

.ziyouguang-page .poster h5.dark{ color: #fff;  }

.ziyouguang-page .poster div a{ display: block;overflow: hidden; }

.ziyouguang-page .poster div a img{ -webkit-transition: all 3s ease;-moz-transition: all 3s ease;-ms-transition: all 3s ease;transition: all 3s ease; }

.ziyouguang-page .poster div a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

 */

/* 自由光详情 */

.top-images .slider-caption h2 { margin-top: -100px; font-size: 30px; font-weight: normal; margin-bottom: 60px; }
.top-images .slider-caption p { max-width: 600px; margin: 0 auto; font-size: 14px; line-height: 2; }
.ziyouguang-page h2 { color: #595757; }
.ziyouguang-page .detail-poster div a { display: block; overflow: hidden; }
.ziyouguang-page .detail-poster div a img { transition: .45s ease; }
.ziyouguang-page .detail-poster div a:hover img { -ms-transform: scale(1.1); transform: scale(1.1); }
.ziyouguang-page .detail-poster > div > div { position: relative; }
.ziyouguang-page .detail-poster .desc { /*  background: url('../images/ziyouguang-poster-bg.png') no-repeat; */ background: rgba(0, 0, 0, .4); width: 100%; position: absolute; bottom: 0; left: 0; padding: 10px 0; }
.ziyouguang-page .detail-poster .desc h5 { font-size: 14px; color: #fff; text-align: center; padding: 0 20px; }
.ziyouguang-page .detail-poster .desc p {/*  min-height:84px; */font-size: 10px; color: #ccc; padding: 0 5px; text-align: justify; }
@media (min-width:992px) {
	.ziyouguang-page .detail-poster .desc p { min-height: 84px; }
}
@media (min-width:1200px) {
	.top-images .pc-show { display: block; }
	.top-images .mb-show { display: none; }
}
@media (max-width:1199px) {
	.top-images .pc-show { display: none; }
	.top-images .mb-show { display: block; }
	.top-images .mb-show .slide p { width: 75%; margin: 0 auto; }
}
@media (width:1024px) {
	.ziyouguang-page .detail-poster .desc p { height: 126px; }
}
@media (max-width:991px) {
	.top-images .slider-caption h2 { margin-top: 100px; font-size: 24px; }
	.top-images .slider-caption p { margin-top: 20px; font-size: 12px; }
}
@media (max-width:767px) {
	.top-images .mb-show .slide h2 { font-size: 18px; margin-bottom: 0; }
	.top-images .mb-show .slide p { width: 100%; font-size: 10px; }
	.top-images .mb-show .slide a { margin-top: 5px !important; }
	.ziyouguang-page .detail-poster .desc h5 { margin: 5px 0 10px !important; }
	.ziyouguang-page .detail-poster .desc p { height: 65px; }
}

/* 案例展示 case-page */
.case-top-images .full-screen .text { position: absolute; bottom: 60px; left: 0; }
.case-top-images .full-screen .text h4 { margin-bottom: 0; padding: 41px 50px; font-size: 35px; font-weight: normal; background-color: rgba(0, 0, 0, 0.5); }
.case-top-images .icon-tips { position: absolute; bottom: 5%; left: 50%; margin-left: -37.5px; }

/* tabs */
.case-page .tab > ul { max-width: 750px; }
.case-page .case-poster { display: block; overflow: hidden; }
.case-page .case-poster img { width: 100%; transition: 3s ease; }
.case-page .case-poster:hover img { transform: scale(1.1) }
.case-page .gallery a { display: none; overflow: hidden; }
.case-page .gallery a:first-child { display: block !important; }

/* 提示图标 */
.flipOutY { -webkit-animation-direction: alternate; animation-direction: alternate; }
.animated.flipOutY { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.case-page .case-desc h4 { font-size: 16px; padding-top: 8px; font-weight: normal; color: #222; }
.case-page .case-desc p { color: #999; }
@media (max-width:767px) {
	.case-top-images .icon-tips img { width: 60%; }
	.case-page .tab > ul.tab-nav2 li { padding: 0 6px; }
	.case-page .case-desc h4 { font-size: 14px; }
	.case-page .case-desc p { font-size: 12px; }
}

/* 下载 download-page */
.download-page .tab > ul { max-width: 700px; }
.download-page .download-wrap > div img { transition: .5s ease; }
.download-page .download-wrap > div:hover img { box-shadow: 0px 0px 2px 2px #ccc; }
.download-page .download-wrap > div h5 { padding-top: 8px; }
@media (max-width:767px) {
	.download-page .tab-content .row { padding: 0; }
	.download-page .tab > ul.tab-nav2 li { padding: 0 5px; }
	.download-page .tab-content .row > div { margin-bottom: 30px !important; }
	.download-page .download-wrap > div h5 { font-size: 12px; }
}

/* 关于华彩 aboutus-page */
.aboutus-page #oc-images.owl-carousel:hover .owl-nav [class*=owl-] { opacity: 0 !important; }
.aboutus-page #oc-images .oc-item .img > div { padding: 0 5px; }

/* tabs --> tabss */
.aboutus-page .tabs > ul li, 
.aboutus-page .tabss > ul li { border: none !important; }
.aboutus-page .tabs > ul li a{ height: auto; }
.aboutus-page .tabs > ul li a:before,
.aboutus-page .tabss > ul li a:before { content: ""; display: block; margin: 0 auto; border-radius: 50%; width: 18px; height: 18px; background-color: #ccc; position: relative; top: 5px; z-index: 2; }
.aboutus-page .tabs > ul li.ui-state-active a:before, 
.aboutus-page .tabss > ul li.ui-state-active a:before { width: 22px; height: 22px; background-color: #878481; }
.aboutus-page .tabs > ul li:after, 
.aboutus-page .tabss > ul li:after { content: ""; width: 100%; height: 1px; background-color: #ccc; display: block; position: absolute; top: 14px; left: 0; }
.aboutus-page .tabs > ul li a, 
.aboutus-page .tabss > ul li a { color: #333; font-weight: normal; }
.aboutus-page .tabs > ul li.ui-state-active a, 
.aboutus-page .tabss > ul li.ui-state-active a { font-size: 22px; }
.aboutus-page .history-wrap .tab-content .txt h2 { font-size: 18px !important; padding-top: 8px; }
.iconplay { cursor: pointer; }
@media (max-width:767px) {
	.history-wrap .container { padding: 0 20px; }
	.aboutus-page .tabs > ul li a, .aboutus-page .tabss > ul li a { padding: 0 10px; }
}

/* 品牌定位 pinpai-page */
.pinpai-page .icons { margin-bottom: 100px !important; }
.pinpai-page .icons li { float: left; width: 20%; text-align: center; }
.pinpai-page .icons li img { display: block; margin: 0 auto; margin-bottom: 10px; }

/* 

.pinpai-page .icons li i{ height:75px;width:75px; background: url("../images/icons/pinpai-icons.png") no-repeat;}

.pinpai-page .icons li:nth-of-type(1) i{ background-position:0 0;}

.pinpai-page .icons li:nth-of-type(2) i{ background-position:-75px 0;}

.pinpai-page .icons li:nth-of-type(3) i{ background-position:-150px 0;}

.pinpai-page .icons li:nth-of-type(4) i{ background-position:-225px 0;}

.pinpai-page .icons li:nth-of-type(5) i{ background-position:-300px 0;} */
.pinpai-page .promo { padding: 285px 0; }
.pinpai-page .site .divcenter img { -ms-transition: 3s ease; transition: 3s ease; }
.pinpai-page .site .divcenter:hover img { -ms-transform: scale(1.1); transform: scale(1.1); }
.pinpai-page .site .divcenter span { position: absolute; bottom: 0; left: 0; padding: 6px 24px; background: #000; color: #fff; }
.pinpai-page .line { padding: 50px; }
@media (max-width:767px) {

	/* .pinpai-page .icons li{ width: 33.33%;margin-bottom: 30px; }

	.pinpai-page .icons li:nth-child(4){ margin-left: 16.5%; } */
	.pinpai-page .icons { margin-top: 50px !important; margin-bottom: 50px !important; }
	.pinpai-page .icons li img { max-width: 50px; max-height: 50px; }
	.pinpai-page .icons li p:last-child { font-size: 10px; }
	.pinpai-page .promo { padding: 0; background-size: cover; }
	.pinpai-page .promo h2 { margin-bottom: 10px; }
	.pinpai-page .image1 img { width: 90%; }
	.pinpai-page .line { padding: 50px 15px; }
	.pinpai-page .solution { padding: 0 15px; }
}

/* 联系我们 contact-page */
.distribution-map .map-point { -webkit-animation: showIn 1s ease 15s; animation: showIn 1s ease 15s; opacity: 0; }
@-webkit-keyframes showIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.distribution-map .map-point { animation: showIn 10s ease; opacity: 0; }
@keyframes showIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.distribution-map .map-point:nth-of-type(1) { top: 78%; left: 53%; }
.distribution-map .map-point:nth-of-type(2) { top: 42%; left: 74%; }
.distribution-map .map-point:nth-of-type(3) { top: 61.6%; left: 71%; }
.distribution-map .map-point:nth-of-type(4) { top: 41.8%; left: 28.7%; }
.distribution-map .map-point:nth-of-type(5) { top: 32.7%; left: 51.4%; }
.distribution-map .map-point:nth-of-type(6) { top: 52.7%; left: 57.1%; }
.distribution-map .map-point:nth-of-type(7) { top: 54.3%; left: 71.1%; }
.distribution-map .map-point:nth-of-type(8) { top: 77.5%; left: 33.3%; }
.distribution-map .map-point:nth-of-type(9) { top: 79%; left: 80.9%; }