@charset "utf-8";
html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:16px/28px "Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
img{border:none;vertical-align: top;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{text-decoration: none;}
i,em{font-style: normal;}
.cl { *zoom:1;clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
#header,#content,#nav{width:100%;overflow: hidden;}
#nav{background: url("../img/bg1.jpg") repeat top center;}
#content{background: url("../img/bg.jpg") repeat center center;}
.header,.nav,.trend,.compete,.summary,.product,.agent,.last,.read,.w1200{width:1200px;margin:0 auto;}

.title{text-align:center;padding: 40px 0;}

/*头部页面*/
#header{background: url("../img/banner-bg.jpg") no-repeat center center;}
.header{position: relative;height: 746px;}
.header .abs{position: absolute;}
.header .company{left:20px;top:50px}
.header .frame{top:170px;left:50px;}
.header .cat{bottom: 105px;left:200px;}
.header .stool{bottom: 120px;left:400px;}
.header .sofa{bottom: 110px;left:580px;}
.header .potted{right:30px;bottom: 115px;}
.header .chandelier{top:0;right:200px}
.header .banner-title{top: 180px;left: 235px;}

/*第一部分*/
.nav{margin-top:70px}
.nav .left-body{border:4px solid #000;border-radius:10px;width:660px;height:453px;overflow:hidden;}
.nav .left-body img{transition: transform 2s;}
.nav .left-body:hover img{transform:scale(1.1);transition: transform 2s;}
.nav .right-body{width:482px;height:445px;background:url("../img/nav-img2.png") no-repeat top center;}
.nav .right-body p{padding:190px 80px 0 90px;font-size:18px;color:#333;line-height:32px;text-align:justify}
.nav .right-body p i{background:url("../img/nav-img3.png") no-repeat center center;display:inline-block;*display:inline; *zoom:1;width:150px;height:30px;text-align:center;}

/*第二部分*/

.trend .left-body{position:relative;margin-bottom: 250px;}
.trend .left-body .trend-article{width:539px;height:349px;background:url("../img/trend-img2.png") no-repeat top center;}
.trend .left-body p{padding: 60px 50px 0 80px;color:#333;font-size:18px;line-height: 34px;}
.trend .left-body .trend-img1{position:absolute;bottom:-200px;left:0}
.trend .right-body{border:4px solid #000;width:622px;height:424px;border-radius:10px;overflow:hidden;margin-top:25px}
.trend .right-body img{transition: transform 2s;}
.trend .right-body:hover img{transform:scale(1.1);transition: transform 2s;}
.trend-article p i{color:#fa5f5f}

/*第三部分*/
.compete{position: relative;}
.compete-img1{padding: 200px 0 130px 0;text-align: center;}
.compete-article{position: absolute;}
.compete-article h2{font-size: 24px;color:#fff;font-weight:normal}
.compete-article p{font-size: 18px;color:#333;line-height:32px}
.compete-article p i{color: #fa5f5f;}
.compete-article1{left: 0px;top: 30px;width: 518px;height: 210px;background: url("../img/compete-img2.png") no-repeat top center;}
.compete-article1 h2{padding:18px 0 0 300px;}
.compete-article1 p{padding:30px 30px 0 190px;}

.compete-article2{right: 10px;top:0;background: url("../img/compete-img3.png") no-repeat top center;width: 457px;height: 287px;}
.compete-article2 h2{padding:10px 0 0 110px;}
.compete-article2 p{padding:25px 170px 0 30px;}

.compete-article3{left: 30px;bottom: 0px;background: url("../img/compete-img4.png") no-repeat top center;width: 411px;height: 287px;}
.compete-article3 h2{padding:10px 0 0 235px;}
.compete-article3 p{padding-left:190px;padding-top:30px;padding-right:30px}

.compete-article4{right: 15px;bottom: 70px;background: url("../img/compete-img5.png") no-repeat top center;width: 413px;height: 285px;}
.compete-article4 h2{padding:10px 0 0 110px;}
.compete-article4 p{padding:25px 170px 0 30px;}

.lg-img{position:absolute}
.lg-img1{top:45px;left:400px;display:none}
.lg-img2{top:0px;right:400px;display:none}
.lg-img3{top:45px;left:400px;display:none}
.lg-img4{top:0px;right:400px;display:none}
.compete-btn{position:absolute;width:133px ;height:133px}
.compete-btn1{top:55px;left:0}
.compete-btn2{top:25px;right:10px}
.compete-btn3{bottom:132px;left:30px}
.compete-btn4{bottom:200px;right:15px}

/*第四部分*/
.summary-img1{height:241px;background: url("../img/compete-img6.png") no-repeat center center;}
.summary-img1 p{font-size: 24px;padding: 100px 0 0 140px;}
.summary-img1 p i{display:inline-block;*display:inline; *zoom:1;width:349px;height:34px;line-height:34px;text-align:center;background:url("../img/compete-img7.png") no-repeat center center ;}

/*第五部分*/
.product-main1 .left-body{width:587px;height:339px;background: url("../img/product-img1.png") no-repeat center center;}
.product-main1 .left-body p{padding: 155px 175px 0 160px;}
.product-main1 .right-body{width:576px;height:402px;border:4px solid #000;border-radius:10px;overflow:hidden}
.product-main1 .right-body img{transition: transform 2s;}
.product-main1 .right-body:hover img{transform:scale(1.1);transition: transform 2s;}

.product-main2 .bd{width:100%;text-align:center;margin:50px 0}
.product-main2 .bd li{width:244px;height:60px;line-height:60px;font-size:24px;border:2px solid #313131;display:inline-block;*display:inline; *zoom:1;margin:12px;background: #fff;}
.product-main2 .bd li.on{color:#fff;background:#60c3ff;}

.list1 .product-article1{width:333px;height:388px;background:url("../img/product-img3.png") no-repeat center center;}
.list1 .product-article1 h2{padding: 60px 0 0 70px;font-size: 24px;color: #333;line-height: 34px;}
.list1 .product-article1 p{padding: 20px 30px 0 70px;font-size: 18px;color: #333;line-height: 34px;}
.list1 .product-img1{margin-left:19px;width:270px;text-align:center}
.list1 .product-img1 .border{height:65px;border-left:2px solid #000;display:inline-block;*display:inline; *zoom:1;margin:10px 0}
.list1 .product-img1 .img-title{height:41px;line-height:41px;background:url("../img/product-img7.jpg") no-repeat center center ;}

.list2 .product-article2{width:300px;height:287px;background:url("../img/product-img8.png") no-repeat left center;padding:100px 40px 0 130px}
.list2 .product-article2 p{margin-top:15px}
.list2 .product-img2{width:694px;}

.list3 .left-body .product-article3{width:318px;height:287px;background:url("../img/product-img11.png") no-repeat left center;padding:100px 40px 0 110px;margin-right:10px}
.list3 .left-body .product-article3 p{margin-top:15px}
.list3 .left-body .product-article3 p i{color: #fa5f5f;}
.list3 .right-body .product-img3{text-align:center}
.list3 .right-body .product-article3{width:387px;height:75px;background:url("../img/product-img13.jpg") no-repeat left top;padding:10px 30px;margin-top: 20px;}

.list4 .product-article4{width:272px;height:317px;background:url("../img/product-img14.png") no-repeat top left;padding:70px 40px 0 100px;}
.list4 .product-article4 p{margin-top:15px;}
.list4 .product-article4 p i{color:#e11901}
.list4 .product-img4{margin-left:16px;width:378px;}

/*第六部分*/
.agent{position:relative;}
.agent .hd .agent-img img{width:532px;height:397px}
.agent .hd .agent-img{width:532px;border:4px solid #000;border-radius:10px;overflow:hidden;margin-top:50px}
.agent .hd .agent-article{width:591px;height:328px;}
.agent .bd{position:absolute;right: 0;bottom:0;z-index: 999;}
.agent .bd li{width:95px;height: 95px;float:left;background:url(../img/agent-icon1.png) no-repeat center center;text-align:center;line-height:95px;margin-left: 30px;}
.agent .bd li.agent-icon{line-height:22px;padding-top:25px;margin-top: 0;height: 75px;}
.agent .bd li.on{background:url(../img/agent-icon2.png) no-repeat center center;color:#fff}
.agent-tips{position: absolute;bottom: 0;left: 0;width: 290px;height: 54px;background: url("../img/agent-bg.png") no-repeat center center;padding:5px 10px 0 40px;font-size:18px;color:#333;font-weight:normal;line-height:24px;}
.agent-img2{position: relative}
.bd1{position:absolute;bottom:10px;right:10px;}
.bd1 li{float:left;width:14px;height:14px;background:#fff;margin:0 5px;border-radius:100%;}
.bd1 li.on{background:#ffacac}

/*第七部分*/
.last .left-body{width:299px;height:466px;background:url("../img/last-bg1.png") no-repeat top left;padding:45px 60px;margin-top: 20px;}
.last .left-body h2{font-size:30px;color:#333;padding-left:10px;}
.last .left-body h2 i{color:#60c3ff}
.last .left-body p{margin-top:30px;font-size:18px;color:#333;line-height:30px;}
.last .left-body p i{color: #fa5f5f;}
.last .right-body{border:4px solid #000;border-radius:10px;overflow:hidden;width:748px;height:456px;margin-top: 20px;}
.last .right-body img{transition: transform 2s;}
.last .right-body:hover img{transform:scale(1.1);transition: transform 2s;}

/*相关阅读*/
.read{background:url("../img/read-bg.png") no-repeat center center;height:210px;}
.read a{display:block;line-height:40px;font-size:18px;color:#333;}
.read a i{display:inline-block;*display:inline; *zoom:1;width:24px;height:24px;text-align:center;line-height:24px;background:url("../img/read-icon.png") no-repeat center center;color:#fff;margin-right:10px}
.read a:hover{text-decoration: underline;}
.read .left-body{padding:60px 40px 0 180px ;}
.read .right-body{padding-top:60px;}

/*策划团队*/
.p10{width:100%;text-align:center;font-size: 0;}
.p10>div{font-size: 16px;float: left;margin-left: 30px;}
.team{padding-left:150px;padding-top: 15px;}
.team p{ line-height:30px;}
.team p span{ display:inline-block;*display:inline; *zoom:1; width:200px; text-align:right}
.mz{text-align:center;margin: 20px 0 30px 0;width:100%;}
.mz h2{ font-size:24px;}
.mz b{ color:#333}
.mz p{ line-height:26px;}
.web {padding-top:20px}
.gz_nav{margin-top:10px}

.part08{text-align:center;padding-bottom:30px}

.nav_r{cursor:pointer;background: url("../img/gzs.png") center no-repeat;width: 110px;height: 110px;position: fixed;right:0;top:100px;}
.nav_r .focus{text-align: center;margin-top: 25px;color: #fff;}
.nav_r .focus b{font-size: 18px;}