@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
	html{ font-size:26px !important}
body{font-size: 14px;width:100%;}
}
DIV.green-black{ width:100%; padding-top:10px; text-align:right; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #2a2a2a;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ddd 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #ddd;}
DIV.green-black A:hover{BORDER: #660606 1px solid;COLOR: #fff;font-size:100%;background-color: #660606;}
DIV.green-black A:active{BORDER: 1px solid #660606;COLOR: #fff;font-size:100%;background-color: #660606;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #660606;font-size:100%;background-color: #660606;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #660606 1px solid;font-size:100%}

.kd{ width:98%; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}



/*3大支持*/
.you3{ background:url(../images/shibg.jpg) center no-repeat; min-height:261px; border-bottom:1px solid #d5d7d8;border-top:1px solid #d5d7d8; padding-top:39px;}
.you3 li{ width:33.33%; float:left;}
.you3 li .yimg{ position:relative; width:100%; text-align:center;}
.you3 li .yimg .yc{ position:absolute; left:138px;opacity:0; transition:all 0.5s;}
.you3 li:hover .yimg .yc{ opacity:1;}
.you3 li .ycon{ position:relative; text-align:center; margin-top:16px;}
.you3 li .ycon p{ font-size:1rem; color:#515151; transition:all 0.5s; opacity:1;}
.you3 li .ycon span{ width:100%; position:absolute; top:0; left:0px; opacity:0; transition:all 0.5s; line-height:1rem;}
.you3 li:hover .ycon p{ opacity:0;}
.you3 li:hover .ycon span{opacity:1;}

.xia{ position:absolute; bottom:-55px; left:45%;}
@media screen and (max-width:768px){
.you3 li .yimg .yc{ display:none}
.you3 li .ycon{ display:none}
.xia{ position:absolute; bottom:-55px; left:42%;}
}
/*产品中心*/
.in-pro{ padding:30px 0;}
.p-tit{ text-align:center;}
.p-tit p{font-family:'CASTELAR';font-size: 18px;color:#3a3a3a;}
.p-tit h4{font-size: 21px;color:#3a3a3a;}
.p-ui{margin: 15px auto;width:90%;}
.p-ui li{ float:left; border:1px solid #a7a7a7; text-align:center; margin-right:2.8%;}
.p-ui li:nth-child(6){ margin-right:0;}
.p-ui li {display:block;font-size: 15px;}
.p-ui li:nth-child(2n){margin-right:0px;}
.p-ui li a{padding:8px 0;display:block;transition:all 0.5s;font-size: 15px;background:#dddddd;}
.p-ui li a:hover{ color:#fff; background:#660606}
.p-ui li a.cur{ color:#fff; background:#660606}

.pr-list li .pimg1{width:100%;position:relative;overflow:hidden;padding-bottom: 14.8%;margin-right:3%;}
.pr-list .pimg1 .adiv{ border:5px solid #eeeeee; box-sizing:border-box; overflow:hidden;}
.pr-list .pimg1 .adiv img{ max-width:100%; width:auto; transition:all 0.8s}
.pr-list .pimg1:hover img{ transform:scale(1.1);}
.pr-list .pimg1 .phei{/* background:#000; *//* padding:24px 0; */text-align:center;transition:all 0.8s;overflow:hidden;bottom: 0;position:absolute;width:100%;}
.pr-list .pimg1 .phei p{text-align:center;color: #000;font-size: 14px;}
.pr-list .pimg1 .phei span{ font-size:0.875rem; color:#fff; display:block; margin:10px 0;}
.pr-list .pimg1 .phei em{border:1px solid #fff;padding:2px 8px;color:#fff;display: none;}
.pr-list .pimg1:hover .phei{ background:#660606; bottom:0; }
@media screen and (min-width:1680px){
.pr-list .pimg1{padding-bottom:6.4%;}
}
@media screen and (max-width:768px){
.p-ui{width:100%;}
.p-ui li{width: 47.9%;margin-right: 3%;margin-bottom: 5px;}
.pr-list li{width:48%;float:left;margin:0 1%;margin-bottom: 20px;}
.pr-list .pimg1 .phei{bottom: 0;}
}
.pr-list li:nth-child(2n){margin-right:0px;}
.fenge{ width:100%; text-align:center;}

/*产品优势*/
.in-ys{background:url(http://www.jychair.com/skin/default/images/ysbg.jpg) repeat;padding: 30px 0;width:100%;}
.ys-tit{text-align:center;background:url(../images/ek_02.jpg) center 80px no-repeat;margin-bottom: 30px;}
.ys-tit span{ font-size:4rem; color:#353535;font-family:'CASTELAR'; opacity:0.12;}
.ys-tit h4{position:relative;margin-top: -20px;font-size: 21px;font-weight:lighter;color:#1a1a1a;}
.ys-tit p{font-size: 14px;color:#848484;margin-top: 5px;}

.ys1{width:100%;clear:both;margin-bottom: 20px;}
.ys2{width:100%;clear:both;margin-bottom: 20px;}
.ys3{width:100%;clear:both;}
.ys4{width:100%;clear:both;}
.ys1 .y01{ width:50%}
.ys1 .yshu{margin-top: -16px;}
.yshu .zi{ margin-left:10px;}
.yshu .zi span{font-size: 15px;color:#353535;text-transform:uppercase;}
.yshu .zi p{color:#353535;font-family:'SourceHanSerifCN';font-weight:bold;font-size: 18px;/* margin-top:5px; */}
.ylie{/* margin-top: 6px; */}
.ylie img{ margin-bottom:-3px; }
.ylie p{font-size: 14px;color:#353535;line-height: 25px;}
@media screen and (max-width:768px){
.ys-tit span{font-size: 25px;color:#353535;font-family:'CASTELAR';opacity:0.12;}
.ys1 .y01{ width:100%}
}
.ys1 .yshu>img{width: 50px;}
.ys1>.kd>img{width:100%;margin-top: 10px;}
.ys2>.kd>img{width:100%;margin-top: 10px;}


/*定制流程*/
.in-di{ background:url(../images/liubg.jpg) center top no-repeat; padding:79px 0; overflow-y:hidden}
.in-di .l-tit{ text-align:center; margin-bottom:35px; }
.in-di .l-tit span{ font-size:1.875rem; color:#5c5c5c;font-family:'CASTELAR';}
.in-di .l-tit h4{ background:url(../images/xian.png) center no-repeat; color:#5c5c5c; font-size:1.375rem; font-weight:lighter}
.in-di .l-hui{ background:url(../images/lhui.png) center 90px no-repeat; width:100%;}
.in-di .l-hui li{ float:left; width:14.28%; text-align:center}
.in-di .l-hui li span{ text-transform:uppercase; color:#7e7e7e; font-size:0.875rem; display:block;}
.in-di .l-hui li p{ font-size:1rem; color:#2e2e2e;transition:all 0.8s}
.in-di .l-hui li:nth-child(1) span{ margin-top:40px;}
.in-di .l-hui li:nth-child(3) span{ margin-top:40px;}
.in-di .l-hui li:nth-child(5) span{ margin-top:40px;}
.in-di .l-hui li:nth-child(7) span{ margin-top:40px;}

.in-di .l-hui li .t1{ margin-top:90px;}
.in-di .l-hui li .t2{margin-top:80px;}
.in-di .l-hui li .t3{ margin-top:80px;}
.in-di .l-hui li .t4{margin-top:30px;}
.in-di .l-hui li .t5{ margin-top:80px;}
.in-di .l-hui li .t6{margin-top:80px;}
.in-di .l-hui li .t7{ margin-top:88px;}
.in-di .l-hui li:hover p{ color:#660606}
.in-di .l-hui li img{-webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    
    filter: grayscale(60%);
	
    filter: gray; transition:all 0.8s}
.in-di .l-hui li:hover img{-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: gray;}
@media screen and (max-width:768px){
.in-di{ display:none}
}
/*推荐产品*/
.in-hot{ background:url(../images/tpbg.jpg) center top no-repeat; padding:86px 0 50px; background-size:cover;}
.in-hot .h-tit{ text-align:center; margin-bottom:35px; }
.in-hot .h-tit span{ font-size:1.875rem; color:#5c5c5c;font-family:'CASTELAR';}
.in-hot .h-tit h4{ background:url(../images/xian.png) center no-repeat; color:#5c5c5c; font-size:1.375rem; font-weight:lighter}
.hot-s { position:relative;}
.hot-s span{-webkit-filter: grayscale(60%);
    -moz-filter: grayscale(60%);
    -ms-filter: grayscale(60%);
    -o-filter: grayscale(60%);
    
    filter: grayscale(60%);
	
    filter: gray;}
.hot-s span:hover{
-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: gray;
}
.hot-s .prev{ position:absolute; left:-55px; top:40%; z-index:11;}
.hot-s .next{ position:absolute; right:-60px; top:40%; z-index:11;}
.hot-s li{ width:25%; border:1px solid #dfdfdf;  overflow:hidden; position:relative;}
.hot-s li a{ display:block;}
.hot-s li img{ max-width:100%; width:100%; transform:scale(1); transition:all 0.8s}
.hot-s li:hover img{ transform:scale(1.1); transition:all 0.8s;}
.hot-s li .pming{ position:absolute; width:90%; padding:5% 5%; bottom:0; background:url(../images/mm1.png) 90% center no-repeat rgba(95,0,0,0.8); bottom:-63px; transition:all 0.8s;}
.hot-s li .pming p{ color:#fff;}
.hot-s li:hover .pming{ bottom:0; transition:all 0.8s;}
@media screen and (max-width:768px){
.hot-s { position:relative; width:692px; overflow-x:hidden;}
.hot-s .prev{ left:0; }
.hot-s .next{ right:0;}
.hot-s li{ width:50%; border:1px solid #dfdfdf;  overflow:hidden; position:relative;}
}

/*公司简介*/
.in-ab{ background:url(../images/abbg.jpg) center top no-repeat; padding:145px 0; background-size:cover;}
.a-tit{ padding:40px 55px; background:#fff; position:relative;}
.a-tit a{ display:block; color:#660606; border:1px solid #bfbfbf; width:118px; height:30px; line-height:30px; text-align:center; float:right;}
.afu{ width:225px; height:85px; position:absolute; left:0; bottom:0; background:#660606; padding:40px 30px}
.afu span{font-family:'CASTELAR'; font-size:1.5rem; color:#fff;}
.afu p{ font-size:1.25rem; color:#fff}
.afu hr{ color:#fff; border:none; height:1px; width:48px; background:#fff; margin:10px 0;}
.acos{ width:100%; position:relative}
.acos .iapic{ width:85.5%; position:relative;}
.acos .iapic img{ width:100%;}
.iapic .iajj{ position:absolute; background:rgba(0,0,0,0.85); padding:3% 5%; width:90%; bottom:0; left:0;}
.iapic .iajj p{ font-size:0.875rem; color:#fff;}
.iapic .iajj a{ color:#fff;}
.ialan{ width:14.5%; background:#2f1515; position:relative; right:0;}
.ialan li{ width:100%; text-align:center; float:right; background:#660606; margin-bottom:1px; padding:34.5px 0; transition:all 0.5s;}
.ialan li a{ display:block;}
.ialan li p{ color:#fff; font-size:0.875rem;}
.ialan li span{ color:#fff; font-size:0.75rem}
.ialan li:hover{ padding:34.5px 20px; box-shadow:0 0 -5px -5px rgba(0,0,0,0.2)}
@media screen and (max-width: 768px){
.a-tit a{ width:140px; height:48px; line-height:48px;}
.acos .iapic{ width:100%; position:relative;}
.ialan{ width:100%;}
.ialan li{ width:25%;}
.ialan li:hover{padding:34.5px 0;}
.ialan li:hover p{ color:#ffd200; font-size:0.875rem;}
.ialan li:hover span{ color:#ffd200; font-size:0.75rem}
}
/*数*/
.shuju{ padding:18px 0; background:#eeeeee}
.shuju li{ float:left; width:16.667%; text-align:center; border-right:1px dotted #a0a0a0; box-sizing:border-box;}
.shuju li:nth-child(6){ border:none}
.shuju li h6{ font-size:2.5rem; color:#292929; position:relative}
.shuju li h6 span{ font-size:0.875rem; position:absolute; top:0;}
.shuju li p{ color:#292929; font-size:0.875rem; margin-top:12px;}
@media screen and (max-width: 768px){
.shuju li{ width:33.33%; margin-top:20px;}
.shuju li h6{ font-size:2rem; color:#292929; position:relative}
.shuju li .km1{ font-size:1.5rem;}
.shuju li:nth-child(3){ border:none}
}

/*工程案例*/
.in-ca{ background:url(../images/cabg.jpg) center no-repeat;}
.c-tit{text-align:center;/* margin-bottom: 6px; */border-top:3px solid #660606;padding-top: 20px;}
.c-tit span{font-family:'CASTELAR';font-size: 18px;color:#3a3a3a;}
 .c-tit h4{font-size: 21px;color:#3a3a3a;}
.csorl{ position:relative;}
.csorl .cul li{ float:left; width:19.8%; margin-right:5px; position:relative; overflow:hidden;}
.csorl .cul li a{ display:block;}
.csorl .cul li img{ width:100%; transform:scale(1); transition:all 0.5s}
.csorl .cul li .czi{ background:url(../images/fd.png) 88% center no-repeat rgba(238,238,238,0.8); position:absolute; padding:12px 10px; bottom:-42px; width:100%; transition:all 0.5s}
.csorl .cul li .czi p{ font-size:0.875rem; color:#1b1b1b}
.csorl .cul li:hover .czi{ bottom:0;}
.csorl .css{width:100%;position:absolute;z-index:1;bottom:-50px;left:0;height:30px;line-height:30px;}
.csorl .css ul{text-align:center;}
.css ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:3px;overflow:hidden;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:10px; border:1px solid #c5c5c5}
.css ul .on{  width:11px; background:#660606}
@media screen and (max-width: 768px){
.cul{ max-width:760px; overflow-x:hidden}
.csorl .cul li{ float:left; width:100%; margin-right:5px; position:relative; overflow:hidden;}
.csorl .cul li .czi{ bottom:-54px;}
}





.fudong{ display:none}
@media screen and (max-width:768px){

.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#660606; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #fff; float:left;}
.fudong li p{ color:#fff;}
}

.youce{width:54px; float:right; position:fixed; right:-3px; bottom:60px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px; z-index:10000;}
.youce ul li{margin-bottom:3px; width:41px; background:#000;}
.youce ul li:hover{background:#600908;}
.youce ul li a{display:block; width:41px; height:41px;}
.youce ul li a.yc1{background:url("../images/yc_01.png")/*yc_01.png*/ no-repeat center;}
.youce ul li a.yc2{background:url("../images/yc_02.png")/*yc_02.png*/ no-repeat center;}
.youce ul li a.yc3{background:url("../images/yc_03.png")/*yc_03.png*/ no-repeat center; width:41px; height:41px; position:relative;}
.youce ul li a.yc3 .wx_box{width:123px; padding-right:9px; display:none; cursor:default; position:absolute; bottom:0px; right:40px;}
.youce ul li a.yc3 .yc_weixin{background:#fff; padding:12px 11px 0px 11px; border:1px solid #d6d6d6;}
.youce ul li a.yc3 .yc_weixin span{display:block; line-height:30px; color:#333; text-align:center;}
.youce ul li a.yc5{background:url("../images/yc_03.png")/*yc_03.png*/ no-repeat center; width:41px; height:41px; position:relative;}
.youce ul li a.yc5 .wx_box{width:123px; padding-right:9px; display:none; cursor:default; position:absolute; bottom:0px; right:40px;}
.youce ul li a.yc5 .yc_weixin{background:#fff; padding:12px 11px 0px 11px; border:1px solid #d6d6d6;}
.youce ul li a.yc5 .yc_weixin span{display:block; line-height:30px; color:#333; text-align:center;}

.youce ul li a.yc3:hover .wx_box{display:inline;}
.youce ul li a.yc5:hover .wx_box{display:inline;}

.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 41px;height: 40px;display: block;background-color: #000;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/yc_04.png);}
.cbbfixed .gotop:hover {background-color:#600908;}
@media screen and (max-width:768px){
.youce{ display:none}
}