@charset "utf-8";
/* CSS Document */



.page{ text-align:center;clear:both; width:100%; margin:20px auto; color:#888; font-size:12px;}
.page a { font-family:"宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#777;text-decoration: none;}
.page a:hover {color:#ff0000}
.f_l{ float:left;}
.w1200{ width:1200px; margin:auto; }

.head{ background:#fff; width:100%; height:120px;  }
.head nav{ width: 1200px; margin: auto;}
.logo{ float:left; }
.logo img{ margin-top: 5px; }
.nav{ width:1000px; float:left; margin-left: 100px; color:#000; margin-top: 35px; }
.nav a{ color:#333;  }
.nav .nLi{ float:left; text-align:center; margin:10px 0px; position:relative; display:inline; width:115px; border-radius:25px;}
.nav .nLi h3{ float:left; font-size:16px; font-weight:normal; }
.nav .nLi h3 a{ display:block; width:115px; border-radius:25px; height: 40px; line-height: 40px;  }
.nav .sub{ display:none; width:150px; left:-20px; top:40px; position:absolute; background:#fff; line-height:22px; padding:15px 0 0; font-size:14px; z-index:9999; }
.nav .sub li{ zoom:1; background:#4E4E4E;border-bottom:1px solid #777; }
.nav .sub a{ display:block; padding:10px; color:#fff; }
.nav .sub a:hover{ background:#ffc001; color:#fff;  }
.nav .on h3 a{ background:#ffc001; color:#fff;}

.fixednav{
    position: fixed;
    top: 0px;
    left:0px;
    width: 100%;
    z-index: 1;
	margin:0 auto;
	z-index:999;
}

.slideBox{overflow:hidden; position:relative; width:100%; min-width:1200px; height:624px; }
.slideBox .hd{ margin:0 auto; display: block; text-align:center; height:21px; width: 100%; overflow:hidden; position:absolute; bottom:30px; z-index:1; }
.slideBox .hd ul{overflow:hidden; zoom:1; text-align:center; }
.slideBox .hd ul li{ display: inline-block; margin-right:12px;  width:21px; height:20px;  background:url(../images/ban-biao1.png) no-repeat center; cursor:pointer; }
.slideBox .hd ul li.on{  background:url(../images/ban-biao2.png) no-repeat center;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0; min-width:1200px; display:block; height:624px; }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:71px; height:71px; background:url(../images/left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%;background:url(../images/right.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*banner end*/

.txtMarquee-left{ width:100%; margin:auto;  position:relative; background:#ffc001; height:100px; line-height:100px; color:#FFF; color:#fff; clear:both; font-size:16px; }
.txtMarquee-left .bd{ padding:38px 20px 0px 180px; letter-spacing:1px; }
.txtMarquee-left .bd .tempWrap{ width:1000px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:50px; color:#fff;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

/*news-roll end*/

.gywm{ width:100%; min-width:1200px; background:url(../images/gywm-bj.jpg) no-repeat center; height:700px; line-height:710px;}
.gywm-left{ float:left; width:550px; height:700px;}
.gywm-left span{ color:#fff; margin-top:20px; float:left; width:500px; height:15px; line-height:24px;}
.gywm-right{ background:url(../images/gywm-bj.png) no-repeat; width:600px; float:right; height:700px;}
.gywm-right h1,h2,h3{ height:30px; line-height:30px; width:550px; float:left; font-size:20px; color:#ffc001; margin-top:90px;}
.gywm-right span{ height:30px;line-height:30px; width:550px; float:left; color:#fff; margin-bottom:150px; padding-left:150px;}



.zxfg{ width:1400px; margin:auto; overflow:hidden; height:550px; }
.lm-bt{ width:1200px; margin:auto; text-align:center; color:#999; height:100px; margin-top:80px; background:url(../images/bt-bj.jpg) no-repeat center 80px;}
.lm-bt h1{ margin:auto; font-size:28px; color:#666; letter-spacing:1px; font-weight:100;}
.lm-bt span{ margin:auto; font-size:14px; text-transform: uppercase; }
.zxfg-list{ width:100%; height:320px; margin-top:50px;}
.zxfg-list li{ float:left; width:290px; text-align:center; margin-right:20px; height: 200px; padding:30px 20px; background:#f8f8f8; }
.zxfg-list li:nth-child(5n){ margin-right: 0;}
.zxfg-list span{ float:left; width:100%; height:45px; color:#777; line-height:26px;}
.zxfg-list a{ display:block; }
.zxfg-list li:hover{ background:#f8700d; }
.zxfg-list li:hover span{ color:#fff; }
/*装修风格*/

.ys{ background:url(../images/ys-bj.jpg) no-repeat center top; width:100%; min-width:1200px; height:808px; clear:both;}
.ys-bt{ width:1200px; margin:auto; padding-top:200px;}
.ys-bt span{ font-size:22px; color:#ffc001; display:block; height:30px;}
.ys-list{ width:1200px; margin:auto; color:#fff;}
.ys-list li{ float:left; margin:80px 40px 40px; height:115px; }
.ys-pic{ float:left; width:110px; margin:auto; margin-left:10px;}
.ys-pic a:hover{ border:7px solid #ffc001; display:block; width:110px; margin:-5px 0px 0px -5px;}
.ys-wz{ float:left; width:340px; margin-left:30px;}
.ys-wz h1{ font-size:24px; color:#ffc001; font-weight:100;}
.ys-wz span{ display:block; font-size:16px; margin-top: 5px; line-height:25px; letter-spacing:1px;}


.xwzx{ width:1200px; margin:auto; clear:both; overflow: hidden}
.xwzx-list ul{ overflow: hidden; margin-top: 30px; }
.xwzx-list li{ float:left; width:380px; color:#999; margin-left: 20px; }
.xwzx-list span{ display:block; text-align: center;height:50px;line-height:60px; font-size:18px; color:#222;}
.xwzx-list li img{ width: 100%; height: 220px; }
.xwzx-list li a{ color: #333}
.xwzx-list li p{ background: #f7f7f7; padding: 10px; }


.case{ background:url(../images/case-bj.jpg) no-repeat center; background-size:100% 100%; width:100%; min-width:1200px; overflow:hidden; }
.case ul{ overflow:hidden; }
.case li{ float:left; margin-left:7px; position:relative; overflow:hidden; margin-bottom:8px; width:293px; height:220px;}
.case li img{ width:auto; height:220px; position:absolute; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.case .cen{ height: 220px; line-height: 220px; width: 100%; z-index: 9; background: url(../images/case-hover.png) center center no-repeat; position: absolute; top: 0; left: 0; display: none;}
.case li:hover .cen{ display: block;}



.lm-bt2{ width:1200px; margin:auto; text-align:center; height:160px; color:#fff; padding-top:60px; background:url(../images/bt-bj2.png) no-repeat center 140px;}
.lm-bt2 h1{ margin:auto; font-size:28px; letter-spacing:1px; font-weight:100; }
.lm-bt2 span{ margin:auto; font-size:14px;}

.alzs{ width:1200px; margin:auto; clear:both; text-align:center; height:830px;}
.alzs-list{ margin-top:60px;}
.alzs-list li{float:left; width:31%;margin:1%; height:270px; overflow:hidden; position:relative; }
.alzs-list li img{ width:100%; }
.alzs-list li span{ position:absolute; display:none; left:0; top:0; padding-top:30%; font-size:18px; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.6); color:#fff; }
.alzs-list li:hover span{ display:block; }


.yw{ background:url(../images/yw-bj.jpg) no-repeat center; width:100%; min-width:1200px; height:300px; clear:both; margin:auto; color:#fff; letter-spacing:1px;}
.yw-left{ float:left; width:650px; margin:auto; margin-top:100px;}
.yw-left li{ float:left; height:50px; width:100%; }
.yw-left span{padding-left:10px;}
.yw-right{ float:left; width:550px; margin-top:100px;}
.yw-right span{ height:50px; display:block; line-height:26px;}


.gd-bt{ width:129px; height:90px; clear:both; margin:auto; text-align:center; background:url(../images/anniu1.jpg) no-repeat center 40px; padding-top:45px; display:block; }
.gd-bt a{ color:#fff;}
.gd-bt a:hover{ color:#ffc001;}
/*按钮 end*/
.gd-bt2{ width:129px; background:#ffc001; border-radius:25px; height:35px; line-height:35px; text-align:center; overflow:hidden; margin:50px auto; }
.gd-bt2 a:hover{ color:#fff;}


/*二级页style*/

.newslist{
	margin:auto;
	width:1200px;
	}
.newslist-left{ width:387px; float:left; margin:30px 0;}
.newslist-left img{ margin-top:15px;}
.newslist-right{ float:right; width:780px; margin-top:40px;}
.newslist-right-bt{ background:url(../images/list-bu-tiao.jpg) no-repeat; height:58px; line-height:58px; padding-left:80px; font-size:25px; letter-spacing:3px;}
.newslist-bd{ margin-top:30px;}
.newslist-bd li{ background:url(../images/list-new-bj.jpg) no-repeat 125px 0px; height:114px;font-size:20px; color:#777;}
.newslist-p1{ width:160px; float:left; vertical-align:top; letter-spacing:1px; font-family:Arial;}
.newslist-p2{ width:580px; float:left;}
.newslist-p2 span{ font-size:14px; line-height:24px; display:block; margin-top:5px;}
.newslist-p2 a{ color:#777;}
.newslist-p2 a:hover{ color:#ffc001;}


.page{ width:100%; margin:auto; text-align:center; color:#fff; overflow:hidden; margin-top:30px; padding:5px; cursor: pointer;}
.page span{ width:auto; padding:5px 10px; border:1px solid #ffc001; margin:0 5px; background:#ffc001; color:#fff;}
.page .nolink{ width:auto; padding:5px 10px; border:1px solid #ffc001; margin:0 5px;}
.page a{ width:auto; padding:5px 10px; margin: 0 2px; border:1px solid #ffc001; color: #ffc001;  }
.page a:hover{  background:#ffc001; color:#fff;}
.page .page_current{ width:auto; padding:5px 10px; background:#ffc001; color: #fff; }
/*分页*/

.f_l{ float:left;}


.prolist-bd{ margin-top:30px;}
.prolist-bd img{ width:auto; height:180px;}
.prolist-bd li{ border:1px solid #CCC; width:240px; float:left; text-align:center; font-size:16px; margin:8px; overflow:hidden; }
.prolist-bd span{ height:50px; line-height:50px; display:block; }
.prolist-bd li a{ color:#333;}
.prolist-bd li:hover span{ background:#ffc001; color:#fff;}
.about{ font-size:16px; color:#777; margin:30px 0px 30px 20px; line-height:50px;}
.about img{ width:85%; display:block; margin:10px auto; }

.article{ width:1200px; margin:50px auto;}
.article p{ font-size:16px; color:#666; line-height:34px;}
.article img{ margin:10px auto; display:block; width:auto; max-width:80%;}

.liuyan{ width: 50%; height:660px; margin:30px auto 10px; background:url(../images/gywm-bj.png) no-repeat; float:right; overflow: hidden;  color: #fff;}
.liuyan ul{ width: auto; height: 100%; margin: 20px 0 0 150px; overflow: hidden; font-size: 16px;}
.liuyan li{ float: left; width: 100%; margin-bottom: 30px; height: 35px; line-height: 35px;}
.liuyan li span{ width:100px; text-align: center; height: 45px; line-height: 45px; float: left;}
.liuyan li input{ border: 1px solid #fff; background:rgba(255,255,255,0.1); height: 40px; line-height: 40px; margin-left: 10px; color: #fff; float: left; width: 300px; padding-left: 10px;}
.liuyan textarea{ float: left; width:68%; margin-left: 3%; height: 150px; border: 1px solid #fff; color: #fff; background:rgba(255,255,255,0.1); }
.liuyan li strong{ width: 20px;color: #f00; font-weight: bold; font-size: 20px; float: left; padding-top: 5px;}
.liuyan .anniu{ width: 100%; margin:10px auto}
.liuyan li img{ width:auto; height: 25px; margin-left: 10px; }
.liuyan .anniu p{ float: left; width: 150px; text-align: center; background: #888; margin: 0 10px; height: 35px; line-height: 35px; border-radius: 5px; }
.liuyan .anniu p a{ display: block; color: #fff;}
.liuyan .anniu p input{border: 0px; background:none; height: 0; line-height: 0; margin-left: 10px; float: left; width: 300px; padding-left: 10px;}
.liuyan .bt{ height: 50px; line-height: 50px; margin:30px 0 0 60px; padding-left: 50px; text-align: center; font-size: 26px; font-weight: bold; display: block; margin-bottom: 20px;}
.liuyan .anniu p input[type=submit],
.liuyan .anniu p input[type=reset]{ width: 100%; height: 35px; padding: 0; margin: 0; color: #fff; }
/*留言*/
/*留言*/