/*公共*/
body{font-family: "微软雅黑","microsoft yahei";background: url(../images/bodybg.jpg) repeat;}
li{list-style-type: none;}
ul,ol,li,p{margin: 0;padding: 0;}
i{font-style:normal}
a{color: #333;text-decoration: none;}
a:hover{color: #ffaf30;}
form{font-family: "微软雅黑","microsoft yahei";}
.container{width: 1200px;margin: 0 auto;}
input,textarea{outline:none;}
/*头部*/
.logo{width: 100%;height: 182px;min-width: 1200px;background: url(../images/logo.jpg) no-repeat center;}
.nav{width: 100%;height: 50px;background-color: #ffaf30;}
.nav-list{width: 1200px;height: 50px;margin:0 auto ;}
.nav-list li{width: 100px;height: 50px;line-height: 50px;float: left;text-align: center;}
.nav-list li a{color: #fff;padding-bottom: 12px;font-size: 16px;}
.nav-list li a:hover{border-bottom: 2px solid #f07317;}
/* flexslider */
.banner{width: 100%;height: 300px;}
.flexslider{position:relative;height:300px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:300px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:14px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}*/
/* banner end */
/*products*/
.products-title{width: 650px;height: 90px;margin: 0 auto;}
.products-dection{width: 100%;text-align: center;line-height: 30px;}
.product-header-list{height: 220px;}
.product-header-list ul li{width: 230px;height: 210px;float: left;margin: 4px;overflow: hidden;position: relative;}
.product-header-list ul li a:hover .product-header-list-title{color: #e16911;}
.product-header-list-hover{width: 230px;height: 180px;text-align: center;background:url(../images/listhoverbg.png) repeat;position: absolute;top:0;display: none;box-shadow: 0px 2px 6px #333;-webkit-box-shadow: 0px 2px 6px #333;}
.product-header-list-hover p{width: 180px;margin:50px auto 10px auto;;line-height: 40px;color: #fff;font-size: 20px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.product-header-list ul li:hover .product-header-list-hover{display: block;}
.product-header-list-img{width: 230px;height: 180px;overflow: hidden;}
.product-header-list-img img{width: 100%;height: 180px;}
.product-header-list-title{line-height: 30px;width: 100%;text-align: center;}
.product-header-list-title span{color: #e16911;}
.product-center-prolist{height: 160px;margin: 10px auto;background: url(../images/prolistbg.jpg) no-repeat center;clear: both;overflow: hidden;}
.product-center-prolist-content{width: 1080px;margin: 0 auto;padding: 20px 0;}
.product-hoverimg{width: 40px;}
.product-center-prolist ul li{width: 92px;height: 120px;float: left;overflow: hidden;margin: 0 14px;}
.product-center-prolist-img{width: 90px;height: 90px;border: 1px dashed #e16911;border-radius:50%;-webkit-border-radius: 50%;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;}
.product-center-prolist-img:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.product-center-prolist-img img{width: 80px;height:80px;margin: 5px;border-radius: 50%;-webkit-border-radius: 50%;}
.product-center-prolist-title{text-align: center;line-height: 30px;}
.product-center-content-2{height: 340px;}
.product-center-content-3{height: 280px;}
.product-center-content-2 ul li{width: 580px;height: 300px;float: left;margin: 20px 10px;position: relative;}
.product-center-content2-img,.product-center-content2-hover{width: 580px;height: 300px;}
.product-center-content2-img{border-radius: 4px;-webkit-border-radius: 4px;overflow: hidden;}
.product-center-content-hover{background: url(../images/listhoverbg.png) repeat;position: absolute;top:0;text-align: center;box-shadow: 0px 2px 6px #333;-webkit-box-shadow: 0px 2px 6px #333;
opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.product-center-content2-hover p{width: 50%;margin: 100px auto 20px auto;color: #fff;line-height: 50px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;font-size: 24px;}
.product-center-content-2 ul li:hover .product-center-content-hover,.product-center-content-3 ul li:hover .product-center-content-hover{opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}
.product-center-content-3 ul li{width: 380px;height: 250px;float: left;margin:0 10px;border-radius: 4px;-webkit-border-radius: 4px;position: relative;}
.product-center-content3-img img{width: 100%;height: 250px;border-radius:4px;-webkit-border-radius: 4px;}
.product-center-content3-hover{width: 380px;height: 250px;}
.product-center-content3-hover p{width: 50%;margin: 80px auto 20px auto;color: #fff;line-height: 50px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;font-size: 20px;}
/* focus_Box */
.product-bottom-content{height:400px;margin:20px auto;position: relative;}
.product-bottom-content-border{width: 1100px;height: 280px;margin: 80px auto;border: 1px solid #E16911;}
#focus_Box{position:absolute;top:-60px}
#focus_Box ul{position:relative;width:1200px;height:400px}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:376px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;border-radius:4px;-webkit-border-radius: 4px;border-radius:4px;-webkit-border-radius: 4px;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:45%;}
#focus_Box .prev{background:url(../images/prev.png) no-repeat;left:22px}
#focus_Box .next{background:url(../images/next.png) no-repeat;right:22px}
/*process*/
.process{width: 100%;height: 500px;background:url(../images/processbg.jpg) no-repeat center;}
.process-dection{color: #fff;text-align: center;padding-top: 160px;font-size: 16px;line-height: 30px;}
/*abouts*/
.abouts-news{width: 100%;height: auto;margin: 50px 0 20px 0;}
.abouts{height: 400px;background-color: #fff;border: 1px solid #eee;}
.abouts-img,.abouts-content{float: left;}
.abouts-img{width: 668px;overflow: hidden;}
.abouts-img img{width: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;cursor: pointer;}
.abouts-img img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.abouts-content{width: 490px;margin-left: 32px;margin-right:10px;overflow: hidden;}
.abouts-content-title{font-weight: normal;}
.abouts-content-title-line{width: 30px;height: 4px;background-color: #E16911;margin-bottom: 10px;}
.abouts-content p{text-indent: 24px;line-height: 28px;}
.abouts-content-title-more{height: 30px;line-height: 30px;float: right;}
.abouts-content-title-more img{width: 30px;height: 30px;}
/*优势*/
.advantage{height: 350px;background-color: #fff;margin: 40px auto;border: 1px solid #eee;}
.advantage-more{width: 140px;height: 40px;line-height: 40px;background-color: #ffaa19;font-size: 20px;text-align: center;margin: 10px auto;border-radius: 20px;-webkit-border-radius: 20px;}
.advantage-more:hover{background-color: #fff;border: 2px solid #FFAA19;}
.advantage-more:hover a{color: #FFAA19;}
.advantage-more a{color: #fff;display: block;}
/*装修学堂*/
.news-school{height: 520px;}
.news-school-header{text-align: center;}
.news-school-title h2{font-weight: normal;font-size: 30px;letter-spacing: 1px;margin-bottom: 0px;}
.news-school-title-line{width: 30px;height: 4px;background-color:#ff6e1e;margin: 10px auto;}
.news-school-content-list{width: 384px;height: 410px;background-color: #fff;margin: 30px 6px;border: 1px solid #eee;float: left;}
.news-school-content-list-img{width: 384px;height: 200px;overflow: hidden;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.news-school-content-list-img img{width: 100%;}
.news-school-content-list-title,.news-school-content-list-content{width: 94%;margin: 0 auto;}
.news-school-content-list-title{line-height: 50px;}
.news-school-content-list-title span{font-size: 22px;}
.news-school-content-list-title a{display: block;float: right;}
.news-school-content-list-title a:hover{color: #E16911;}
/*news-list*/
.news-school-content-list-content ul li{width: 360px;height: 28px;line-height: 28px;overflow: hidden;}
.news-school-content-list-content ul li:hover a{color: #E16911;}
/*footer*/
.footer{width: 100%;height: 420px;background-color: #1d232f;margin-top: 20px;color: #fdfdfd;overflow: hidden;}
.footer-title{text-align: center;color:#fdfdfd;padding: 10px 0;}
.footer-content ul li{float: left;width: 384px;margin: 0px 8px;}
.footer-content-contact{margin-top: -100px !important;}
.footer-content-contact h3{letter-spacing: 1px;}
.footer-content-contact p{line-height: 30px;}
.footer-content-getsbook p{line-height: 40px;border-bottom: 1px solid #eaeaea;}
.footer-content-getsbook input,.footer-content-getsbook textarea{background: transparent;border: 0;}
.footer-content-getsbook input{width: 330px;height: 30px;color: #fff;}
.footer-content-getsbook textarea{width: 380px;height: 60px;color: #fff;}
.footer-submit{width: 100%;height: 40px;background-color: #f3b53a;border: 0;margin: 20px auto;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;cursor: pointer;}
.footer-content-ewm{width: 180px;height: 180px;margin: 0 auto;}
.footer-copy{width: 100%;height: 50px;line-height: 50px;background-color: #131a2c;color: #fff;text-align: center;}
/*common*/
.common{margin:40px auto;height: auto;display: table;}
.common-silerbar{width: 260px;height: auto;text-align: center;float: left;}
.common-silerbar-title{width: 100%;height: 50px;line-height: 50px;color: #fff;background-color: #ffaf30;}
.common-silerbar-title span{line-height: 50px;}
.common-silerbar-list{box-shadow: 0px 1px 1px #eee;-webkit-box-shadow: 0px 1px 1px #eee;}
.common-silerbar-list ul li{height: 50px;line-height: 50px;overflow: hidden;background-color: #fff;border-bottom: 1px solid #eee;}
.common-silerbar-list ul li:hover a{color:#ffaf30 ;}
.common-content{width: 920px;height: auto;float: right;}
.common-nav{height: 30px;line-height: 30px;border-bottom: 1px solid #ccc;}

/*家装效果*/
.common-xg-nav{height: 46px; line-height: 46px;background-color: #fff;border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding-left: 20px;}
.common-product-list-cz,.common-product-list-xl{height: 46px;line-height: 46px;background-color: #fff;border-bottom: 1px solid #eee;text-align: center;}
.common-product-list-title{width: 100px;background-color: #fbf9f9;float: left;}
.common-product-list ul{width: 1050px;height: 46px;display: block;float: left;overflow: hidden;}
.common-product-list ul li{float: left;width: 120px;}
.common-product-list ul li .select{background-color: #ffaf30;padding: 4px 8px;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;}
.common-content-xg{margin: 30px auto;}
.common-product-content{width: 100%;height: auto;display: table;}
/*doccms*/
.nav .second{position: relative;z-index: 999;display: none;}
.nav .second li:hover ul{display: block;}
.nav .second ul{margin-left: 120px;margin-top: -50px;display: none;}
.nav .second li{background: #ffaf30;opacity: 0.8;}
.nav-list li:hover .second{display: block;}