@charset "utf-8";
body { padding:0 ;margin:0; font-family:"微软雅黑"; font-size:14px; color:#000000; line-height:26px; background:#FFFFFF; text-align:justify;}
img{border:0; vertical-align:middle;display: block; }
a:link,a:visited,a:active {text-decoration:none;font-family:"微软雅黑";font-size: 14px;color:#000000;}
a:hover {text-decoration:none; font-family: "微软雅黑";font-size: 14px;color:#FF0000;}
ul,li{ padding:0; margin:0; list-style-type:none;}
*{ margin:0; padding:0;}
/*  * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "Microsoft YaHei"; }*/
/*  a { color: #333333; }*/
a:hover{color: #005ba0;}
img { border: 0;display: block; }
.clearfix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
/* .center{width: 1264px;margin: 0 auto;position: relative;}*/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
/* body{overflow-x: hidden;}*/
/* banner */
.bannerc{width: 100%;overflow: hidden;position: relative;}
.bannerc .bgimg{width:100%; height:816px;}
.bannerc .bgimg a{width:100%; height:816px; float:left;}
.bannerc .bgimg li { height:816px;}
.bannerc .bgimg .bbg1{width: 100%; height:816px; background: url(../images/qh1.png) no-repeat center top;}
.bannerc .bgimg .bbg2{width: 100%; height:816px; background: url(../images/qh2.jpg) no-repeat center top;}
.bannerc .bgimg .bbg3{width: 100%; height:816px; background: url(../images/qh3.jpg) no-repeat center center;}
.bannerc .bgimg .bbg4{width: 100%; height:816px; background: url(../images/qh4.jpg) no-repeat center center;}
.bannerc .bgimg .bbg5{width: 100%; height:816px; background: url(../images/qh5.jpg) no-repeat center center;}

.bannerc .prev, .bannerc .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=60); opacity: .6;}
.bannerc .next { left: auto; right: 3%; background-position: 8px 5px;}
.bannerc .prev:hover, .bannerc .next:hover { filter: alpha(opacity=100); opacity: 1;}
.head_border{width: 100%;height: 65px;border-bottom: solid 1px rgba(255,255,255,0.2);position: absolute;top:20px;}
.head{width:1200px;margin: 0 auto;}
.logo{float: left;width:220px;}
.from{float: left;height: 50px;margin: 52px 0 0 18px;border-left: solid 1px rgba(255,255,255,.2);line-height: 22px;padding-left: 16px;}
.from span{font-size: 16px;display: block;color: rgba(255,255,255,.75);}
.from label{font-size: 12px;color: rgba(255,255,255,.75);}
.bd{float: right;margin: 58px 50px 0 0;}
.menu{float: right;width:900px;margin-top:19px;}
.menu li{font-size: 18px;float: left;margin-left: 4%;position: relative;height: 48px;}
.menu li:after{content:'';display:block; width:0;height:1px;position:absolute;left:0;bottom:12px;background: #fff;transition:all 0.5s ease-in-out;}
.menu li:hover:after{width: 100%;}
.menu a{color: white;}
.menu a img{margin:0 auto;}
.nu a:hover{color: #005ba0 !important;}
.xiala{position: absolute;top: 40px;left: 0;text-align: center;width: 708px;line-height: 34px;display: none;z-index: 10;}
.xiala a{color: white;float: left;margin-right: 3%;font-size: 14px;}

/* 首页公司简介 */
.sy_jj{width: 100%;position: relative;margin-top: -23px;}
.jj_bg{position: relative;}
.sy_jj_text{width: 1200px;position: absolute;top: 95px;left:50%;margin-left: -600px;}
.sy_jj_text .text1{width: 152px;float: left;margin-right: 40px;}
.sy_jj_text .text2{float: left;margin-top: 85px;overflow: hidden;width: 1000px;}
.sy_jj_text .text2 span{color: #4e4e4e;font-size: 16px;line-height: 30px;margin-top: 20px;display: block;}
/* 饰 */
.shi{width: 100%;background:url(../images/shi_bg.jpg)center center/100% 100% no-repeat;height: 700px;overflow: hidden;padding-top: 80px;}
.shi_logo{margin: 0 auto;margin-bottom: 40px;}
.shi ul{width: 1200px;margin: 0 auto;}
.shi ul a{width: 25%;float: left;overflow: hidden;height: 470px;position: relative;display: block;}
.shi ul a img{transition: all 0.6s;-webkit-transition: all 0.5s;transition-timing-function:ease-in-out;}
.shi ul a:hover img{transform: scale(1.05);}
.shi a .btn_shi{width: 150px;display: block;margin-left:-75px;text-transform: uppercase;color: rgba(255,255,255,0.8);font-size: 15px;text-align: center;line-height: 35px;border: solid 1px #838383;bottom: 50px;z-index: 99;position: absolute;left:50%;-webkit-transition: all 0.5s;
  transition: all 0.5s;}
.shi a .btn_shi:before{content:'';width:0;height:35px;position:absolute;left:0;top:0;background:rgba(255,255,255,0.8);z-index:-1;-webkit-transition:all 0.5s;transition:all 0.5s;}
.shi a .btn_shi:hover{color:#000;}
.shi a .btn_shi:hover:before{width:150px;
}
/*藏 */
.cang{width: 100%;background:url(../images/cang_bg.jpg)center center/100% 100% no-repeat;height: 380px;overflow: hidden;padding-top:72px;display: block;}
.shi_logo{margin: 0 auto;margin-bottom: 40px;}
/*定 */
.ding{width: 100%;background:url(../images/ding_bg.jpg)center center/100% 100% no-repeat;height: 584px;overflow: hidden;padding-top:30px;}
.shi_logo{margin: 0 auto;margin-bottom: 40px;}
.ding_list{width: 1200px;margin:0px auto;overflow: hidden;}
.ding_list .ding_right{width: 840px;float: right;margin:30px 0;}
.ding_list .ding_right li{width:31.33%;margin-left: 2%;display: block;overflow: hidden;position: relative;height: 190px;float: left;margin-bottom:10px;}
.ding_list .ding_right li .box1{background-color:#fff;width:100%;height:190px}
.ding_list .ding_right li .box1 img{width:100%;height:100%;}
.ding_list .ding_right li .box2{background:rgba(104,77,82,0.8);width:267px;height:190px;opacity:0.8;transition:all 0.8s ease;-moz-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-o-transition:all 0.8s ease;position:absolute;top:190px;}
.ding_list .ding_right li:hover .box2{position:absolute;top:0;}
.ding_list .ding_right li .box2 a{display:block;border:solid 1px rgba(255,255,255,0.3);margin:8px;width:247px;height:127px;color:#fff;line-height:30px;text-align:center;padding-top:45px;}
.ding_list .ding_right li .box2 a:hover{color: #fff;}
.ding_jia{margin: 5px auto;width:24px;}
/*饰说讲堂 */
.ssjt{width: 100%;background:#fdf9ee;height:360px;overflow: hidden;padding-top: 10px;padding-bottom: 60px;}
.ssjt .ssjt_logo{width: 100%;}
.ssjt_ul{width:1200px;margin: 0 auto;overflow: hidden;}
.ssjt_ul a{width: 32%;float: left;margin-left: 2%;overflow: hidden;}

.ssjt_ul a:nth-of-type(1){margin-left:0%;}
.ssjt_ul a img{transition: all 0.6s;-webkit-transition: all 0.5s;transition-timing-function:ease-in-out;height:200px;}
.ssjt_ul a:hover img{transform: scale(1.05);}
.ssjt_ul a p{font-size: 16px;color: #242424;line-height: 36px;margin-top: 10px;white-space: nowrap;    text-overflow: ellipsis;overflow: hidden;}
.ssjt_ul a span{font-size: 13px;color: #919191;line-height: 20px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
/* 底部 */
.footer{padding:40px 0;background: #7b9b96 /* #1b1b1b */;color: #d7cab7;clear: both;overflow: hidden;}
.foot{width: 1200px;margin: 0 auto;text-align: center;}
.foot_left{float: left;width: 50%;text-align: right;}
.foot_right{float: right;width: 50%;text-align: left;}
.foot_left a,.foot_right a{width: 110px;text-align: center;color: #f7ebdf;font-size: 16px;display: block;line-height:86px;float: left;}
.foot_left a{float: right;}
.foot_bottom{width: 880px;height: auto;overflow: hidden;margin: 0 auto;}
.foot_bottom .bottom1{width: 270px;margin-right: 30px;text-align: right;padding-top:45px;float: left;}
.foot_bottom .bottom1 p{font-size: 32px;font-weight: bold;margin-bottom: 5px;}
.foot_bottom .bottom1 span{font-size: 14px;line-height:18px; }
.foot_bottom .bottom2{width: 330px;float: left;overflow: hidden;}
.foot_bottom .bottom2 a{width: 120px;margin:0 10px;display:inline-block;text-align: center;line-height: 32px;color: #d7cab7;font-size: 14px;}
.foot_bottom .bottom3  {float: right;padding-top: 60px;text-align: left;font-size: 14px;}

/* 内页样式 */
.clear_40{ clear:both; height:40px;}
.zt_1200{ width:1200px; margin:0 auto;}
.ny{ background:#fdf9ee; padding:30px 0; overflow:hidden;clear: both;display: block;
    width: 100%;height: auto;}
.ny img{display:initial!important;}
.ny_left{ float:left; width:274px;}
.box { position:absolute; top:0; left:0; width:272px;}
.box li { float:left;}
.box img { width:272px; height:343px;}
.win { position:relative; width:272px; height:343px; margin:0 auto; overflow:hidden; cursor:pointer;}
.dot { position:absolute; top:92%; left:78%; }
.dot li { width:10px; height:10px; border:1px #FFF solid; display:inline-block; border-radius:10px;}
.dot .active { background:#FFF;}
.ny_left_lx{ background:url(../images/zc_lxwm.jpg) top center/100% 100% no-repeat; 
    width:244px; 
    /* height:255px; */
     padding:100px 15px 30px 15px;
     margin-top:20px; text-align:center; line-height:24px;}
.ny_left_lx span{ display:block; font-size:28px; font-weight:bold; height:60px; line-height:60px;}
.ny_right{ float:right; width:860px;}
.ny_mt{ line-height:40px; height:50px; border-bottom:1px #d1c2a9 solid;}
.ny_mt_left{ float:left; font-size:20px; color:#89775d; font-weight:bold;}
.ny_mt_right{ float:right; font-size:14px;}
.ny_nr{ padding-top:20px; clear:both;}

/* 产品 */
.ny_cp{ clear:both; overflow:hidden; margin-bottom:30px;}
.ny_cp_left{ width:48%; padding-right:2%; color:#9f845b; line-height:30px; float:left;overflow: hidden;margin-bottom: 30px;}
.ny_cp_left img{ display:block; width:100%; border:0; margin-bottom:6px;transition: all 0.6s;-webkit-transition: all 0.6s;transition-timing-function:ease-in-out;}
.ny_cp_left:nth-of-type(2n){padding-left:2%!important;padding-right: 0!important;}
/* .ny_cp_right{ width:48%; padding-left:2%; color:#9f845b; line-height:30px; float:left;} */
/* .ny_cp_right img{ display:block; width:100%; border:0; margin-bottom:6px;transition: all 0.6s;-webkit-transition: all 0.6s;transition-timing-function:ease-in-out;} */
.ny_cp_bt{ color:#000; font-size:16px; line-height:26px;}
.ny_cp_bt a{ display:block; float:right; width:70px; height:20px; line-height:22px; border:1px #9f845b solid; color:#9f845b; text-align:center;}
.ny_cp_left img:hover {transform: scale(1.05);}
/* .ny_cp_right img:hover {transform: scale(1.05);}*/
/* 订制 */
.ny_dz .dz-box{ display:block; margin-bottom:20px; overflow:hidden; color:#FFF;
	/* height: 218px;*/
	overflow: hidden;}
.ny_dz .dz-box img{transition: all 0.6s;-webkit-transition: all 0.6s;transition-timing-function:ease-in-out;}
.ny_dz .dz-box:hover img{transform: scale(1.05);}
.ny_dz .dz-box:nth-of-type(n){background: #987b4d}
.ny_dz .dz-box:nth-of-type(2n){background: #c7b9ac}
.ny_dz .dz-box:nth-of-type(3n){background: #684d52}

.dz_left_01{ float:left; width:460px;}
.dz_right_01{ float:left; width:360px;padding:0 20px; height:218px; overflow:hidden;margin-top:60px;}
.dz_right_01 span{ display:block; font-size:16px; line-height:30px;}
.dz_left_02{ float:left; width:360px; background:#c7b9ac; padding:20px; height:218px; overflow:hidden;}
.dz_left_02 span{ display:block; font-size:16px; line-height:30px;}
.dz_right_02{ float:left; width:460px;}
.dz_left_03{ float:left; width:460px;}
.dz_right_03{ float:left; width:360px; background:#684d52; padding:20px; height:218px; overflow:hidden;}
.dz_right_03 span{ display:block; font-size:16px; line-height:30px;}

/* 讲堂 */
.ny_jt{ clear:both; overflow:hidden; padding:0 15px 30px 15px; margin-bottom:30px; border-bottom:1px #d5ccbe solid;}
.ny_jt_left{ float:left; width:195px; padding-right:25px;}
.ny_jt_left img{transition: all 0.6s;-webkit-transition: all 0.6s;transition-timing-function:ease-in-out;margin-top: 5px;}
.ny_jt:hover .ny_jt_left img{transform: scale(1.05);}
.ny_jt:hover .ny_jt_bt{color: #ff0000;}
.ny_jt_right{ float:left; width:610px;}
.ny_jt_bt{ font-size:16px;}
.ny_jt_jj{ color:#666564;}
.ny_jt_jj span{ display:block;}
.ny_jt_jj a{ display:block; width:70px; height:20px; line-height:22px; border:1px #9f845b solid; color:#9f845b; text-align:center; margin-top:10px;}

/* 联系 */
.ny_lx{ clear:both; text-align:center; padding-top:10px;}
.ny_lx_nr{ clear:both; margin-top:30px;}
.ny_lx_left{ float:left; width:534px; height:328px; overflow:hidden;}
.ny_lx_right{ float:left; background:url(../images/bj_lx.jpg) top center no-repeat; width:286px; height:288px; line-height:22px; color:#FFF; padding:20px;}

/* 留言 */
.ny_zxly{ clear:both; padding-top:20px; background:url(../images/bj_ly.png) bottom center no-repeat; min-height:626px; text-align:center; color:#8d8d8c;}
.ny_zxly img{display:block!important; margin:0 auto; padding-bottom:40px;}
.ny_zxly form{ width:500px; margin:0 auto; overflow:hidden; clear:both; display:block; padding-top:40px;}
.ny_ly_nr{ height:50px; line-height:50px;}
.ny_ly_left{ float:left; width:80px;}
.ny_ly_right{ float:left; width:420px; padding-top:10px;}
.ny_ly_right input{ display:block; background:none; width:98%; height:28px; border:1px #b2b0ab solid; outline:none; line-height:30px;}
.ny_ly_right textarea{ display:block; background:none; width:98%; border:1px #b2b0ab solid; outline:none; line-height:24px; height:75px;}
.ny_ly_tj{ clear: both;}
.ny_ly_tj input{ display:block; background:#987a4d; width:120px; height:40px; margin:0 auto; text-align:center; line-height:40px; font-size:16px; color:#FFF; border:none; outline:none;}

@media screen and (min-width:1300px) and (max-width:1620px){
    .ding_list .ding_right{width: 66%;}
    .sy_jj_text .text2{margin-top: 25px;}
    .ding_list .ding_right li .box2 a{width: 230px;}
}


/** 等于或大于550px正常模式 **/
.pagination .screen-reader-text{display: none;}

@media screen and (min-width: 550px) {
.pagination {float: right;}
.pagination a, .pagination a:visited {float: left;background: #fff;margin: 0 5px 10px 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination .current, .pagination .dots {background: #fff;float: left;margin: 0 5px 0 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination span.pages {}
.pagination span.current, .pagination a:hover {background: #d1c2a9;color: #fff;border: 1px solid #d1c2a9;}
.screen-reader-text, .pages  {display: none;}
}
/** 等于或小于550px用于移动设备 **/
@media screen and (max-width: 550px) {
.pagination {background: #fff;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination .nav-links {min-height: 30px;position: relative;text-align: center;}
.pagination .current .screen-reader-text {position: static !important;}
.screen-reader-text {height: 1px;overflow: hidden;position: absolute !important;}
.page-numbers {display: none;line-height: 25px;padding: 5px;}
.pagination .page-numbers.current {text-transform: uppercase;}
.pagination .current {display: inline-block;}
.pagination .prev, .pagination .next {background: #d1c2a9;color: #fff;display: inline-block;height: 29px;line-height: 29px;overflow: hidden;padding: 2px 8px;position: absolute;border: 1px solid #d1c2a9;}
.pagination .next {border-radius: 0 2px 2px 0}
.pagination .prev {border-radius: 2px 0 0 2px;}
.pagination .prev a, .pagination .next a{color: #fff;line-height: 20px;padding: 0;display: inline-block;}
.pagination .prev {left: 0;}
.pagination .prev:before {left: -1px;}
.pagination .next {right: 0;}
.pagination .next:before {right: -1px;}
}

form .item{display: flex; margin-bottom: 20px; line-height: 30px;}
form .item p{width: 80px;}
form .item input{border: 1px solid #B2B0AB; flex: 1; background: none; height: 30px; padding: 0 10px;}
form .item textarea{height: 80px; padding: 10px; border: 1px solid #B2B0AB; background: none; resize: none; flex:1 ; box-sizing: border-box;}
#j_btn{display: block;background: #987a4d;width: 120px;height: 40px;margin: 0 auto;text-align: center;line-height: 40px;font-size: 16px;color: #FFF;border: none;outline: none;float: inherit;}