@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;}
.clear{clear:both;overflow: hidden;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}

#header,#nav,#explain,#judge,#security,#taste,#section,#summarize,#team{width:100%;}
.header,.w1200{width: 1200px;margin:0 auto;}



.title{padding:120px 0 75px 0}
.title i{width:94px;height:94px;background: #cc9966;font-size:100px;color:#fff;text-align:center;line-height: 90px;font-family:"宋体";font-weight:bold;}
.biaot{height:94px;padding:0 10px}
.biaot h2{font-size:48px;line-height:50px}
.biaot h2 b{color: #cc9966;}
.biaot strong{font-size:36px;color:#888;text-transform:uppercase;line-height:58px}
.title .right-body{width:386px;height:46px;border:2px solid #333;text-align:center;line-height:46px;margin-top:24px}
.title .right-body:hover{border-color:#cc9966;color:#cc9966}
.tcolor .biaot h2{color:#fff;}
.tcolor .biaot strong{color:#fff}
.tcolor .right-body{border-color:#fff;color:#fff}

.bg1{background: url("../img/bg1.jpg") no-repeat center center;height:960px;}





/*头部页面*/
#header{background: url("../img/head-bg.jpg") no-repeat center center;overflow: hidden;position: relative;height:800px;}
.logo{margin-top: 75px;}
.head-img1{margin: 100px 0 0;text-align: right;}

/*产品定位*/
.orientation-main{padding-bottom:120px}
.orientation-article{width:363px;height: 410px;border:8px solid #333;padding: 20px 45px 40px 85px;margin:80px 0 0 -100px;}
.orientation-article i{background: #cc9966;color:#fff;padding:0 5px;}
.orientation-text{padding-top:75px}
.orientation-img{width:746px;height:499px;overflow:hidden}
.orientation-img img{transition: transform 2s;}
.orientation-img img:hover{transform:scale(1.1);transition: transform 2s;}

/*设计赏析*/
.design-article{width:398px;color:#fff;}
.design-article .design-img1{text-align:right;padding: 40px 0;}
.design-article li{position:relative;margin-bottom:30px}
.design-article li p{padding-left:120px;}
.design-article li em{position:absolute;}
.design-image{width:750px}

/*核心亮点*/
#key{background: #f5f5f5;}
#key .w1200{padding-bottom:110px;background:url("../img/key-bg.jpg") no-repeat  280px bottom;}
.key-main{position:relative;}
.key-article img{margin-bottom:10px}
.key-main .hd .left-body{width: 380px;}
.key-main .hd .key-bottom{width:330px;height:333px;overflow:hidden;margin-left: 50px;}
.key-main .hd .right-body{width:800px;height:514px;overflow:hidden}
.key-main .hd img{transition: transform 2s;}
.key-main .hd img:hover{transform:scale(1.1);transition: transform 2s;}
.key-main .hd .left-body .key-top{height:240px;}
.key-main .hd .left-body .key-article{padding-top:20px;width: 235px;}
.key-main .hd .left-body .key-article p{margin: 10px 0;background: #cc9966;color:#fff;padding:0 5px;}
.prev1,.next1{position:absolute;top:240px;width:97px;height:36px;cursor:pointer}
.prev1{background: url("../img/prev1.png") no-repeat center center;left: -120px;}
.next1{background: url("../img/next1.png") no-repeat center center;right: -120px;}
.prev1:hover{background:url("../img/prev1-1.png") no-repeat center center}
.next1:hover{background:url("../img/next1-1.png") no-repeat center center}

/*八大空间*/
#spaces .w1200{background:url("../img/spaces-bg1.jpg") no-repeat center bottom;padding-bottom:135px }
.spaces-main .hd{width:840px;padding-left:170px;background:url("../img/spaces-bg2.png") no-repeat top left;}
.spaces-main .bd li{width:169px;height:48px;background:url("../img/spaces-bg3.png") no-repeat center center;text-align:center;line-height:40px;color:#fff;font-size:20px;margin:15px 0;cursor:pointer;}
.spaces-main .bd li.on{background:url("../img/spaces-bg4.png") no-repeat center center;}
.spaces-main .hd li{width:840px;height:520px}
.spaces-main .hd  img{transition: transform 2s;}
.spaces-main .hd  img:hover{transform:scale(1.1);transition: transform 2s;}

/*小编手记*/
#notes{background:url("../img/notes-bg.jpg");height:680px}
#notes .left-body{text-align:center;padding: 160px 90px 0 90px;height:520px;background: #cc9966;}
#notes .left-body .logo1{margin-bottom:60px}
#notes .right-body{width:525px;padding:200px 85px 0 100px;color:#fff}
#notes .right-body h2{font-size:48px;line-height:50px;}
#notes .right-body h2 b{color: #cc9966;}
#notes .right-body strong{display:block;font-size:36px;color:#888;text-transform:uppercase;padding:20px 0 30px 0}
#notes .right-body p{line-height:38px}


#team{margin-bottom: 120px;}
.tt07{text-align: center;margin: 120px  0 75px 0;}
.p07{width:100%;text-align:center;}
.p07>div{float:left;margin:0 20px;}
.gz_nav{margin-top:10px}
.p07 .text{margin-left:200px}
.text p{line-height:30px;}
.text p span{display:inline-block;*display:inline;*zoom:1;width:200px;text-align:right;}
.mz{text-align:center;margin-top: 50px;}
.mz h2{font-size:24px;margin-bottom: 15px;}
.mz p{line-height:30px;}

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