/*
-----------------------------------------------
Author: li haiqing (i5wangcom@sina.com)--爱我网工作室（www.i5wang.com）
Version: 2017.6.30
/* 公共布局 
---------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
}
html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #222;
}
@font-face {
  font-family: 'baskerville';
  src: url('Baskerville-Old-Face-Regular.eot');
  src: local(''), url('Baskerville-Old-Face-Regular.woff') format('woff'), 
  url('Baskerville-Old-Face-Regular.woff') format('truetype'), 
  url('Baskerville-Old-Face-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,ul,ol,li,dl,dt,dd,table,tr,th,td,form,p{ margin:0; padding:0; font:100 12px/18px "Microsoft YaHei","微软雅黑","宋体",Arial; color:#333; }
body{ background-color: rgb(245, 245, 245);}
ul,ol,li,dl,dt,dd{ list-style:none;}
li{ vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
/* 链接样式 {命名规则：Link+颜色+具体属性}
----------------------------------------------- */
a { color:#666666; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.cls{clear:both;}
/* 公共布局*/
.header{ width:1000px; margin:0 auto;}
.wrapper{ width:1000px; margin:0 auto;}
.fr { float:right;}
.fl { float:left;}
fieldset,img{border:0;}
/**********************************/
em, i {font-style: normal}
fieldset, img {border: 0}
ul, ol, li {list-style: none;list-style-position:outside;}
button, input, select, textarea {font-size: 100%; outline: 0; }
textarea {resize: none}
table {border-collapse: collapse; border-spacing: 0}
a {color: #333; text-decoration: none; outline: 0}
a:hover {text-decoration: none;}
p, span, em, strong{ word-break:break-all;word-wrap:break-word;}
.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {zoom: 1}
.clear {clear: both; display: block; height: 0; overflow: hidden; font-size: 0}
.left50_mar{ margin-left:50px;}
.left12_mar{ margin-left:12px;}
.left20_mar{ margin-left:20px;}
.left15_mar{ margin-left:15px;}
.top25_mar{ margin-top:25px;}
.top50_mar{ margin-top:50px;}
.clearit{clear:both; }
.hidden{display:none;}
.clearfloat {
    zoom: 1;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -o-box-sizing: inherit;
  -moz-box-sizing: inherit;
}
.martop60-marb60{ margin-top:60px; padding-bottom:60px;}
.mar-left20{ margin-left:20px;}

.p-t-one{ padding-top:70px;}
.p-t-two{ padding-top:30px;}
.p-b-one{ padding-bottom:20px;}
.p-b-two{ padding-bottom:70px;}
.center { width: 1200px;  margin: 0 auto;}
.clear { clear:both;font-size:0px;line-height:0px;height:0px;}
/**********************************/

.pageheader{ width:100%; margin:0 auto;  min-width:1200px;/*background:url(../images/head.jpg) #000000 repeat-x center top; padding-top:36px;*/ background-color:#FFFFFF;}
.h_con { height:100px; width:1200px; margin:0 auto;}
.h_con h1 { padding:0px 0px 0px 0px; width:300px;}
.h_con h1 img { margin-top:10px;}
.h_gg { width:423px;}
.h_gg img{ margin:10px 0px 0px 20px;}
.h_pho { width:222px; padding:6px 0 0 48px; overflow:hidden; color:#ba9e65; font:700 18px/30px "方正大标宋简体","Microsoft YaHei","微软雅黑","宋体"; background:url(../images/tel.jpg) no-repeat left 30px;}
.h_pho span {color:#ba9e65; display:block; font:700 20px/30px "方正大标宋简体","Microsoft YaHei","微软雅黑","宋体";}
/*=====================*/
.page-header{ width:100%; margin:0 auto; height:50px;min-width:1200px;  background: url(../images/navbg.jpg) repeat-x;}
#header{
	position: relative; width:1200px; margin:0px auto;
	height: 50px;
	/*background-color: rgba(255,255,255,0.92);background-color:#eeeeee;  background:url(../images/tm.png); */
	z-index: 90;
	 
}
.menu-link{
	position: relative;
	float: left;
	z-index: 90; width:137px; text-align:center; height:50px;
}
.margin-left-menu{
	margin-left: 8px;
}
.menu-link > a > span::before{
	display: none;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -10px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	content: "";
	height: 20px;
	width: 20px;
	background-color: #C9372B;
}

.menu-link > a > span{
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	font-size: 1.3em;
	color: #FFFFFF; font:16px/50px "Microsoft YaHei","微软雅黑","宋体";
	z-index: 90;
}

.menu-link:hover > a >span,
.menu-link:focus > a > span,
.menu-link.active > a > span{
	color: #FFFFFF;background-color:#e50012;
}
.homenav:hover > a >span,
.homenav:focus > a > span,
.homenav.active > a > span{
	color: #homenav; background: url(../images/vbg01_02.png) #e50012 30px center no-repeat;"
}

.homenav:hover > a >span,
.homenav:focus > a > span,
.homenav.active > a > span{
	color: #homenav; background: url(../images/vbg01_02.png) #e50012 30px center no-repeat;"
}

.menu-link:hover #products-container,
.menu-link:focus #products-container,
.menu-link:hover #designers,
.menu-link:focus #designers,
.menu-link.active > a > span::before,
#product-categories > div:hover .family-products,
#product-categories > div:focus .family-products,
#product-categories > div:hover > a::after,
#product-categories > div:focus > a::after{
	display: block;
}

#designers{
	position: absolute;
	left: 0px;
	display: none;
	padding: 0px;
	z-index: 90; width:137px;
	background: #FFFFFFF;
	background: rgba(255,255,255,0.8);
	filter: alpha(opacity=80); height:480px;
	/*background: url(../images/navlistbg.jpg) repeat-x top;opacity:0.7;*/
}

.designer{
	display: block;
	position: relative;
	width: 100%; margin:0px auto;
	z-index: 90;
	
	/*background-color: #010101;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color: rgba(0,0,0,0.9);*/
	
	height: 45px;  /*20180315增加导航下拉高度background-color: rgba(0,0,0,0.9);*/
	border-bottom: 1px solid #f0f0f0;
}

.designer img{
	height: 60px;
	z-index: 90;
}

.designer-photo{
	position: relative;
	overflow: hidden;
	z-index: 90;
	color: #666666; text-align:center; /*20180315增加导航下拉字体样式*/
	font:15px/45px "Microsoft YaHei","微软雅黑","宋体";
}

#designers > .designer:first-child > .designer-photo::before{
	content: "";
	position: absolute;
	display: block;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	height: 12px;
	width: 12px;
	background-color: #FFF;
}

/*
#designers > .designer:hover > .designer-photo::after,
#designers > .designer:focus > .designer-photo::after{
	content: "";
	position: absolute;
	display: block;
	right: -6px;
	top: 50%;
	margin-top: -6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	height: 12px;
	width: 12px;
	background-color: #FFF;
}
*/

.designer-name{
	display: none;
	padding: 10px;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
}
#designers .designer-photo:hover{
	/*background-color: #c0000f;*/
}

#designers > .designer:Focus .designer-name,
#designers > .designer:hover .designer-name{
	display: block;
	position: absolute;
	width: 200px;
	height: 60px;
	top: 0;
	left: 210px;
	background-color: rgba(0,0,0,0.8);
	color: #FFF; 
}
.fixed-top{
	/*position: fixed !important;top: 0;
	left: 0;*/
	
	right: 0;
}

@media (max-width: 1420px){
	.menu-link > a > span{
		padding: 0 22px;
	}
}

@media (max-width: 1280px){
	.menu-link > a > span{
		padding: 0 22px; 
	}
}



/* 广告轮播图 
.banner{position:relative;overflow:hidden; min-width:1200px;}
.banner img{width:100%; height:480px;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.5;width:40px;height:3px;border-radius:0;cursor:pointer;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;}
.banner .btn,.shzySlide .btn,.czgfcSlide .btn,.xhcsSlide .btn,.history .btn{width:40px;height:46px;background:rgba(0, 0, 0,.8);color:#fff;left:0;text-align:center;line-height:46px;font-family:Arial;transition:all .3s; font-size:24px;}
.banner .btn img{transition:all .3s;height:46px;position:absolute;opacity:0;left:0;}
.banner .swiper-button-next,.shzySlide .swiper-button-next,.czgfcSlide .swiper-button-next,.xhcsSlide .swiper-button-next{left:auto;right:0;}
.xhcsSlide .btn{top:40%;}
.banner .btn:hover img{left:100%;opacity:1;}
.banner .swiper-button-next:hover img{left:-100%;}
*/


.page-Main {
    box-sizing: border-box;
    font-family: Source Han Sans CN;
    scroll-behavior: smooth;
}
.pro-list-container{
    margin: 0 auto;
    width: 1200px;
}

.pub-height-01{display: flex; /*height: 454px;*/}




.pro-list-container .left[data-v-e18c0fe2] {
    width: 240px;
   height:574px; background-color:#990000
}


.pro-list-container .left .title[data-v-e18c0fe2] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 0 20px 15px;
    font-size: 20px;
    font-weight: 600;
    color: #eee;
    cursor: default;
}
.pro-list-container .left .title .arrow[data-v-e18c0fe2] {
    margin: 2px 0 0 10px;
    font-size: 10px;
    font-weight: 600;
}

.icon {
    font-size: 14px;
    font-family: iconfont;
    font-style: normal;
}


.pro-list-container .left .category[data-v-e18c0fe2] {
    padding-left: 20px;
    color: #cfcfcf;
    height: 38px;
    line-height: 38px;
    cursor: default;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 36px;
}
.isActive[data-v-e18c0fe2] {
    color: #666666!important;
}
.pro-list-container .left .category[data-v-e18c0fe2] {
    padding-left: 20px;
    color: #666666;
    height: 38px;
    line-height: 38px;
    cursor: default;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 36px;
}

.pro-list-container .left .category[data-v-e18c0fe2] a{font:15px/30px "Microsoft YaHei","微软雅黑","宋体";  color: #666666;}
.pro-list-container .left .category[data-v-e18c0fe2] a:hover{color:#e50012;}
.pro-list-container .left .category[data-v-e18c0fe2] a.act{color:#e50012;}

.pro-list-container .left .category.on a{color:#e50012;
}


.pro-list-container .right[data-v-e18c0fe2] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 960px; 
}

.home-gd{border-radius: 5px;background-color: #fff;}


/*
.pro-list-container .right .productItem[data-v-e18c0fe2] {
    float: left;
    width: 226px;
    height: 280px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    margin-left: 14px;
    border-radius: 5px;
    margin-bottom: 14px;
    transition: .5s;
}
*/

.pro-list-container .right li[data-v-e18c0fe2] {
    float: left;
    width: 226px;
    height: 280px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    margin-left: 14px;
    border-radius: 5px;
    margin-bottom: 14px;
    transition: .5s;
}


.pro-list-container .right li .h-propic {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 13px auto 0;
}
.pro-list-container .right li .h-propic img{
    width: 100%;
    height: 100%;
}

/*
.pro-list-container .right .productItem img[data-v-e18c0fe2] {
    width: 200px;
    height: 200px;
}

*/
.pro-list-container .right li .introduce[data-v-e18c0fe2] {
    width: 200px;
    height: 40px;
    color: #666;
    margin: 0px auto 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	font: 14px/22px "Microsoft YaHei", 微软雅黑, 宋体;
}

.pro-list-container .right li .price[data-v-e18c0fe2] {
    margin-top: 12px;
    width: 135px;
    font-size: 16px;
    font-weight: 700;
    color: #b81c2b;
    text-align: left;
}

.floorhd {}

.grid_c1 {
    margin: 0 auto;
    width: 1200px;
}

.floorhd_tit {
    position: relative;
    width: 200px;
    height: 45px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    padding: 0 30px;
    margin: 0px auto 20px auto;
    overflow: hidden;
    color: #333;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.floorhd_tit:after, .floorhd_tit:before {
    background-image: url("../images/sprite.png");
    width: 25px;
    height: 20px;
}
.floorhd_tit:before {
    background-position: 0 0;
    left: 0;
}
.floorhd_tit:after, .floorhd_tit:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.floorhd_tit:after {
    background-position: -25px 0;
    right: 0;
}



/*底部*/

.bottom{ background:#242333; padding-top:60px; width:100%; min-width:1200px;}
.bottom_nav{ border-right:1px solid #393947;}
.bottom_nav dl{ width:168px; float:left;}
.bottom_nav dl dt{ color:#888796; margin-bottom:22px; font:16px/22px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_nav dl dd{ height:32px; line-height:32px;}
.bottom_nav dl dd a{ color:#b7b6cc; font:13px/22px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_nav dl dd a:hover{ color:#df1247; font:13px/22px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_h01{ padding-bottom:32px; border-bottom:1px solid #383745;}
.bottomLxbtn{ text-align:right; padding-right:30px;}
.bottom_Phone_title{ color:#ebeaf1; font:18px/24px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_Phone{color:#df1247; font:36px/54px "Microsoft YaHei","微软雅黑","宋体";}
.gztime{ color:#bfc0c5; font:13px/22px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_tabs span{ color:#909098; display:inline-block; cursor:pointer; height:46px; font:15px/46px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_tabs b{ margin:0 10px; display:inline-block;}
.bottom_tabs .cur{ color:#d4d3dd; border-top:2px solid #908f97; font-weight:bold;}
.Copyright{ padding:36px 0; text-align:center; background:#1f1f2c; color:#9a9cad; font:24px/25px "Microsoft YaHei","微软雅黑","宋体";}
.bottom_h02{ padding-bottom:38px;}
.bottom_h02 .bottom_tabs{ margin-bottom:10px;}
.bottom_h02 .tabscont li span{ color:#5c5b6d; margin-right:22px; display:inline-block; padding-top:6px;}
.bottom_h02 .tabscont li .cur{ color:#acacb8;}
.bottom_h02 .tabscont li a{ color:#acacb8; font:14px/25px "Microsoft YaHei","微软雅黑","宋体"; margin-right:26px;padding-top:6px; display:inline-block;}
.bottom_h02 .tabscont li a:hover{ color:#bcbbc3;}
.Copyright p { color:#9a9cad; font:14px/28px "Microsoft YaHei","微软雅黑","宋体";}
.Copyright p a{color:#9a9cad; font:14px/28px "Microsoft YaHei","微软雅黑","宋体";}



.welist{ margin: 0px auto; width:1190px; position: relative; z-index: 2; padding-bottom:20px; padding:0px 5px 20px 5px; background-color:#FFFFFF}
.welist ul li{ 
width:18.4%; 
float:left;/*height:3.2rem;*/ 
margin:0.4rem 2% 0px 0px; 
background: #f0f0f0; 
margin-top:30px; 
background: #fff; 
margin-top: 30px;
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
/*
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease; 
transition: all 0.4s ease; 
overflow: hidden;  text-align: left; 
-webkit-box-shadow: 0 0 20px #e8e8e8;
-moz-box-shadow: 0 0 20px #e8e8e8; 
box-shadow: 0 0 20px #e8e8e8;

-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;

-webkit-box-shadow: 0 0 20px #e8e8e8;
-moz-box-shadow: 0 0 20px #e8e8e8;
box-shadow: 0 0 20px #e8e8e8;
*/   
}
.welist ul li:hover .yewu-span{ background-color:#fa3759; color: #FFFFFF; font-weight:700px;}
.welist ul li:nth-child(5n){ margin-right:0px;}
.wenimg{ width:100%; height: auto; overflow:hidden;}
.wenimg img{ width:100%; height:auto;transition: all 0.5s;}
.welist ul li:hover .wenimg img{ transform: scale(1.1, 1.1);transition: all 0.5s;}
.yewu-span{width: 100%; font:18px/26px  "Microsoft YaHei","微软雅黑","宋体"; color:#FFFFFF; text-align:center; padding-top:12px; padding-bottom:12px;}

.pro-t-bg-1{ background-color:#f5c373;}
.pro-t-bg-2{ background-color:#99e7c3;}
.pro-t-bg-3{ background-color:#a0d4fa;}
.pro-t-bg-4{ background-color:#886f6e;}
.pro-t-bg-5{ background-color:#d89a61;}





/*-----------NY----------*/

.listWrappro {
    overflow: hidden;
    padding: 20px 0 60px 0;
    font-size: .875em; min-width:1200px;
}

.propage_body {
    position: relative;
    min-width: 320px;
    width: 100%;
    width: 1200px;
    margin: 0px auto 0 auto;
    position: relative;
}


.c_1290_2 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
}


.c_1290_2 .zbox {
    width: 100%;    /*  padding-left: 20.51%;padding-right: 20.51%; */
    position: relative;
    float: left;
}

.c_1290_2 .c_240 {/* width: 20.51%;  position: absolute;  left: 0;  top: 0;*/
	width: 245px; float:left;
    padding: 0px 0.8% 60px 0.8%;
    background: url(../images/lbg.jpg) #FFFFFF no-repeat top center;
}
.c_1290_2 .c_900 {
   /* width: 100%;*/ width:953px;
    padding-right: 30px;
    float: left;/* float: left;*/
    min-height: 600px;
}
.c_1290_2 .c_240 .c_240_1 {
    width: 100%;
    height: 100%;
    float: left; /*float: left;*/
    position: relative; 
}
.pz_SideLayer_2 {
    width: 100%;
    float: right;
}

.c_1290_2 .c_240 .c_240_1 {
    width: 100%;
    height: 100%;
    float: left;
    /* float: left; */
    position: relative;
}

.pz_SideLayer_2 {
    width: 100%;
    float: right;
}




.pz_SideLayer_2 .ul1 {
    width: 100%;
    /*text-align: right;*/
    float: left;
}
.pz_SideLayer_2 .ul1 .ltitle {
    width: 100%;
    float: left; text-align:center;
	display: block;
	height: 110px;font:700 22px/110px "Microsoft YaHei","微软雅黑","宋体";
	color: #FFFFFF; 
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.pz_SideLayer_2 .ul1 .l1 {
    width: 100%;
    float: left; border-bottom: solid 1px #dbdbdb;
	
}
.pz_SideLayer_2 .ul1 .l1:hover {
}
.pz_SideLayer_2 .ul1 .l1:hover .l1_a, .pz_SideLayer_2 .ul1 .l1 .l1_a.hover {
    /*background: #d90001 url(../images/ico8_1.png) no-repeat 5% center;*/
    color: #e12524; background: url(../images/arrow12-on.png) no-repeat right 12px center;
}
.pz_SideLayer_2 .ul1 .l1 .l1_a {
    background-position: left;
    padding: 0px 22px;
    width: 100%;
	display: block; font:16px/60px "Microsoft YaHei","微软雅黑","宋体";
	height: 60px;
	color: #333333;
	background: url(../images/arrow12.png) no-repeat right 12px center;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.pz_SideLayer_2 .ul1 .l1 .l1_a:hover { background: url(../images/arrow12-on.png) no-repeat right 12px center;}
.pz_SideLayer_2 .ul2 {
    padding: 6px 22px;
    width: 100%;
    float: left;
    display: none; border-top: solid 1px #dbdbdb;
}.pz_SideLayer_2 .ul2 .l2 {
    width: 100%;
    float: left;
}.pz_SideLayer_2 .ul2 .l2 a {
    background: url(images/ico8_2.jpg) no-repeat right;
    width: 100%;
    color:#757474; /*color: rgb(51, 51, 51);*/
    line-height: 40px;
    padding-right: 16px;
    font-size: 14px;
    display: block;
}
.c_1290_2 .topnav {
     COLOR: #666666; font:15px/26px "Microsoft YaHei","微软雅黑","宋体";
   /* background-image: url(../images/a33.png);*/
    background-position: left center;
    padding-left: 20px;
    background-repeat: no-repeat; padding-bottom:20px;
}
.c_1290_2 .topnav a{ COLOR: #666666; font:15px/26px "Microsoft YaHei","微软雅黑","宋体";}
.c_1290_2 .topnav a:link,.c_1290_2 .topnav a:visited{ color:#666666;}
.c_1290_2 .topnav a:hover,.c_1290_2 .topnav a:active{ color:#d90001;}

/*产品列表*/
.c_900_1 ..c_900_1 .text_1 {
    background-color: #f7f7f7;
    border: 1px solid #eee;
    border-bottom: 1px solid #e4393c;
    display: inline-block;
    display: block;
}
.c_900_1 .text_1 {
    width: 100%;
    float: left
    font-size: 14px;
    color: #444;
    font:16px/28px "Microsoft YaHei","微软雅黑","宋体";
    padding-bottom: 48px;
    margin-top: 7px; padding-left:40px; padding-top:40px;
}

.c_900_1 .text_1 h2.ntitle {
    width: 100%;
    color: #000000;
    font: 700 22px/38px "Microsoft YaHei","微软雅黑","宋体";
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 40px;
    padding: 0px 0px 20px 0px;
}
.c_900_1 .text_1 .newtextshow{
    width: 100%; color: #5f6061;
    font: 16px/30px "Microsoft YaHei","微软雅黑","宋体";
    text-align: left;
}

 /*.protext img {
    display: block;
    width: 100%;
}*/
.protext img { max-width: 100%; height: auto; display: block; margin:0 auto; }

.c_900_1 .tab-main{ width: 100%; margin-left:20px;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    border-bottom: 1px solid #e4393c;
    display: inline-block;
    display: block;
}
.c_900_1 .tab-main li { padding: 10px 25px;
	 background-color: #e4393c;
    color: #fff;
    cursor: default;
    display: inline-block;
    *display: inline;
    *zoom: 1; font:700 16px/28px "Microsoft YaHei","微软雅黑","宋体";
    cursor: pointer;
}
.c_900_1 .tie {
    font-size: 2em;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 15px;
}
.c_900_1 .proList {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #444;
    line-height: 36px;
    padding-bottom: 48px;
    margin-top: 7px;
}

.pImg {
    position: relative;
    padding-top: 100%;
    display: block;
    overflow: hidden;
}
.pImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.hide {
    overflow: hidden;
}
.proList ul{margin-right:-40px;}
.proList li{float:left;width:30.3%; /*padding-right:20px;  padding-left:20px;*/ margin-bottom:30px;/*padding-right:40px;*/ background:#FFFFFF; margin-left:2%; margin-right:1%;}
.proList li .pImg{padding-top:100%;/*padding-top:62%;*/}
.proList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:70px;color:#333;border-bottom: 1px solid #ddd; text-align:center; font:15px/28px "Microsoft YaHei","微软雅黑","宋体",Arial;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover .pImg{/*box-shadow:0 3px 10px #ccc;*/} 
.proList li a{  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;}
.proList li a:hover{box-shadow: 2px 2px 10px 1px #ddd;}



.page-sumshow{font:15px/26px "Microsoft YaHei","微软雅黑","宋体",Arial; color:#333; width:100%; text-align:center; padding:20px 0px;}
.page-sumshow a{ color:#333;}






.bgImg {
    background-position: center;
    background-size: cover;
    position: relative;
    transition: all 0.5s;
    display: block;
    width: 100%;
    height: 100%; min-height:280px;
    background-repeat: no-repeat; min-width:1200px;
}





.listBanner{height:280px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden; min-width:1200px;}
.listBanner h3{position:absolute;color:#2e65c2;top:50%;font-size:1.5rem;text-transform:uppercase;width:1200px;animation:leftPic 1s; left:50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.listBanner h3 span{display: block;font-size:2em; line-height:75px;}
.listBanner .bgImg,.webBan .bgImg{animation:scales 10s;opacity:.9;}




.pro-contain {
    width: 1200px;
    margin: 0 auto;    position: relative;
}


.indxw-loop {
    width: 100%;
    position: relative;
}

.margin58 {
    margin-top: 58px;
}
.indxw-loop-link {
    display: block;
    width: 100%;
}

.indxw-loop-link .img {
    /*width: 100%;*/
    overflow: hidden;
	width:200px; margin:10px auto ;
}

.indxw-loop-link .img img {
    width: 100%;
    object-fit: cover;
    transition: all .6s ease;
}

/*
img, video, canvas {
    max-width: 100%;
    object-fit: cover;
}
*/

.indxw-loop-link .cont {
    /*width: 100%;padding-top: 28px;*/
    
    width:200px; margin:0px auto 10px auto;
}


.indxw-loop-link .name {
    color: #555; height:45px;
        overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; font: 14px/22px "Microsoft YaHei", 微软雅黑, 宋体;
}

.indxw-prev {
    left: -74px;
}

.indxw-prev:hover, .indxw-next:hover {
    background-color: #a92334;
    background-image: url(../images/arrLW.svg);
}
.indxw-next {
    transform: rotate(180deg);
    right: -74px;
}

.indxw-prev, .indxw-next {
  /*
    width: 50px;
    height: 50px;
    border-radius: 50%;
   
    position: absolute;
    z-index: 4;
    top: 50%;
    margin-top: -68px;
    cursor: pointer;
    transition: all .4s ease;
  */
	 background: #f4f4f4 url(../images/arrLH.svg) no-repeat center/20px auto;
	
	    position: absolute;
    top: 50%; 
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.indxw-prev { left:0px;}
.indxw-next { right:0px;}




.banner{width: 100%;position: relative;overflow:hidden; min-width:1200px;}
.banner .bd ul{width: 100% !important}
.banner .bd li{width: 100% !important;height:480px;/*background-position: center 0;background-attachment: fixed;background-repeat: no-repeat;*/min-width: 1200px}
.banner .bd li a{display: block;width: 100%;min-width: 1200px;margin: 0 auto;height: 100%}
.banner .hd{position: fixed;left: 0;top: 250px;z-index: 1;width: 100%;overflow: hidden}
.banner .hd ul{text-align: center}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.banner .hd ul .on{background-color: #ff0}
.banner .prev,.banner .next{z-index: 1;display: block;width: 53px;height: 44px;position: relative;float: left;background: url(arrow.png) 0 center no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -22px}
.banner .prev{left: 2.1%;margin-left: 10px}
.banner .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.banner .prev:hover,.banner .next:hover{filter: alpha(opacity=80);opacity: .8}

.banner .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.banner .arrow span {margin-top:-1px; width:0 } 
.banner .arrow span:after,.banner .arrow span:before {content:""; width:30px } 
.banner .arrow.btn-prev span {left:50%; margin-left:-10px } 
.banner .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-next span {right:50%; margin-right:-10px } 
.banner .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow:hover span {width:40px } 
.banner .arrow:hover.btn-prev span {margin-left:-20px }
.banner .arrow:hover.btn-next span {margin-right:-20px }
.banner .btn-next {right:2.1%}
.banner .btn-prev {left:2.1%}


 .w-100 {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}



.hometj-pro {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.hometj-pro .piclist {
    float: left;
    width: 380px;
    height: 100%;
    margin-left: 20px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    transition: .5s; text-align:center;
}
.hometj-pro .piclist:first-child {
    margin-left: 0;
}

.hometj-pro .piclist img {
    display: block;
    width: 364px;
    height: 170px;
    object-fit: cover;  margin: 8px;
	/*
    margin: 2px;
    border-radius: 2px;*/
}


/*产品详细页面*/
.productpic {
    padding-left: 20px;
    padding-bottom: 20px;
    font: 15px/26px "Microsoft YaHei", 微软雅黑, 宋体;
    background-position: left center;
    background-repeat: no-repeat;
}
.blank {
    height: 28px;
    line-height: 8px;
    clear: both;
    visibility: hidden;
}
#goodsInfo{ _height:1%;}
#goodsInfo .imgInfo{width:440px; float:left; margin-right:15px; position:relative; background: url(../images/pbg.jpg) no-repeat top center; padding:10px 10px 10px 10px; min-height:440px;}
#goodsInfo .imgInfo .thumb{width:420px; height:420px; display:block; position:static;

+position:relative;

top:-50%;left:-50%;

vertical-align:middle;}/*商品详情图片*/
#goodsInfo #gallbox .gallery{width:376px;float:left;text-align:left;overflow:hidden; margin-top:0px;}
#goodsInfo #gallbox .gallery ul{width:auto;}
#goodsInfo #gallbox .gallery li{width:75px;float:left;margin:2px 2px 0 2px;}
#goodsInfo #gallbox .gallery li img{width:70px;height:70px;cursor:pointer;float:left}
#goodsInfo #gallbox .gallery img.onbg{border:1px solid #B46B63;}
#goodsInfo #gallbox .gallery img.autobg{border:1px solid #DEDEDE;}
#goodsInfo #gallbox span.spanL{    width: 22px; height: 32px; margin-top:20px; background-image: url(//storage.jd.com/retail-mall/item/pc/unite/1.0.157/components/default-soa/preview/i/__sprite.png); background-position: 0 -54px;float:left;cursor:pointer;/*width:23px;height:47px;background:url(../images/sroll_bg.gif) no-repeat 0 top;*/ }
#goodsInfo #gallbox span.spanR{width: 22px; height: 32px; margin-top:20px; background-image: url(../images/__sprite.png); background-position: -78px 0; float:right;/*width:23px;height:47px;background:url(../images/sroll_bg.gif) no-repeat -25px top;*/}
#goodsInfo #gallbox #demo{float:left;}

.detail-product { width: 425px; float: right;}
.detail-product h1 { font:700 16px/30px "Microsoft YaHei", 微软雅黑, 宋体; color: #666666;  margin: 10px 0; }

.detail-product h5 {
    color: #333;
    display: block;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    background-size: auto 30px; font:700 15px/30px "Microsoft YaHei", 微软雅黑, 宋体;
}
.detail-product p {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; font:14px/30px "Microsoft YaHei", 微软雅黑, 宋体;
}


.courseR{padding-left: 40px;}

.courseR .pic img{float:left;width:33.3%;padding-right:1px;}
.courseR li{border-bottom: 1px dotted #d6d6d6;padding:40px 0 40px 125px;overflow: hidden;font-size:1.143em;color:#333;transition:all .4s;}
.courseR li h2{font:700 16px/28px "Microsoft YaHei","微软雅黑","宋体",Arial; margin:0px; padding:0px;     margin-block-start: 0em;    margin-block-start: 0em;
    margin-block-end: 0em;}
.courseR li h2 a{ color:#000;}
.courseR li h2 a:hover{ color:#ff6637;}
.courseR li p{font:15px/26px "Microsoft YaHei","微软雅黑","宋体",Arial;}
.courseR li p a{ color:#333;}
.courseR li p a:hover{ color:#333;}
.courseR li .date{margin-left:-125px;width:90px;height:90px;border:4px solid #cecece;padding:10px;font-size:14px;float:left;display:block;line-height:1.2;color:#bbb;transition:all .4s; text-align:center;}
.courseR li .date i{display:block;font-style:normal;font-size:2.4em;font-family:Arial;font-weight:bold; text-align:center;}
.courseR .txt{vertical-align: middle;display: table-cell;height:90px;}
.courseR li:hover .date{border:4px solid #e6212a;color: #e6212a;}
.courseR li:hover{background:#f9f9f9;}
.page-sumshow{font:15px/26px "Microsoft YaHei","微软雅黑","宋体",Arial; color:#333; width:100%; text-align:center; padding:20px 0px;}
.page-sumshow a{ color:#333;}




.bgs_body{ color:#666666; font:15px/30px "Microsoft YaHei", 微软雅黑, 宋体; padding:0px 0px 0px 40px; margin:0px auto;}
.bgs_body ul{ width:100%; overflow:hidden;}
.bgs_body ul li{ width:100%; overflow:hidden; margin-bottom:20px; background:#FFFFFF; padding:20px 20px;}
.bgs_body ul li .pro-img{ width:220px; float:left; overflow:hidden;}
.bgs_body ul li .pro-text{ width:600px; padding:0px 20px 0 0; margin-bottom:10px; float:right; color:#999999; font:13px/28px "Microsoft YaHei", 微软雅黑, 宋体; overflow:hidden}

.bgs_body ul li .pro-text a{ color:#999999; font:15px/28px "Microsoft YaHei", 微软雅黑, 宋体; }
.bgs_body ul li .pro-text a:hover{ color:#a9986e; }

.bgs_body ul li .pro-text h4 { margin-bottom:10px; margin-top:10px;}
.bgs_body ul li .pro-text h4 a{ font:700 16px/38px "Microsoft YaHei", 微软雅黑, 宋体;}
.bgs_body ul li .pro-text h4 a:link,.bgs_body ul li .pro-text h4 a:visited{ color:#555555;}
.bgs_body ul li .pro-text h4 a:hover,.bgs_body ul li .pro-text h4 a:active{ color:#a9986e;}

.bgs_body li.PageLi{ height:37px; padding:13px 0px 0px 0px; color:#7D7D7D; text-align:center; font:14px/24px "Microsoft YaHei", 微软雅黑, 宋体; background:none; border:none;}
.bgs_body li.PageLi a{ float:none;}
.bgs_body li.PageLi a:link,.bgs_body li.PageLi a:visited{ color:#7D7D7D; font:14px/24px "Microsoft YaHei", 微软雅黑, 宋体;}
.bgs_body li.PageLi a:hover,.bgs_body li.PageLi a:active{ color:#CF0A0A; font:14px/24px "Microsoft YaHei", 微软雅黑, 宋体;}