@charset "utf-8";

html{color:#000;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,#introduction,#section{width:100%;overflow: hidden;}
.head,.introduction,.information{width:1200px;margin:0 auto;}

#section{background: url("../img/section-bg.jpg");}

.title{padding-top: 45px;background: url("../img/title.png") no-repeat top center;text-align: center;margin: 50px 0 30px 0;}
.title h2{font-size: 36px;font-weight:normal}
.title .en{font-size:18px;color:#bbb;text-transform:uppercase;margin-top:10px;letter-spacing:2px}

.hd{text-align:center}
.hd li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:10px;height:10px;background-color:#e8303b;border-radius: 10px;margin: 0 5px;}
.hd li.on{width:30px}

/*头部页面*/
#header{background: url("../img/banner-bg.jpg") no-repeat center center;overflow: hidden;position: relative;}
.head{height:720px;position: relative;text-align:center }
.head .banner-title{position: absolute;left:360px;top:160px;width:375px;}

/*导语*/
#introduction{background: url("../img/Introduction-bg.jpg") no-repeat center center;height:190px;}
.introduction-img{margin-top:35px}
.information-content{background: url("../img/information-bg.jpg");}
.information-content .right-body{   padding: 70px 0;}
.information-content .right-body h2{font-size: 30px;color:#e03428;}
.information-content .right-body p{font-size: 16px;line-height: 40px;margin-top: 20px;}

/*六大空间鉴赏*/
.space-images{margin:0 auto ;width:1200px;position:relative}
.left-body{width:580px;float:left;position: relative;}
.right-body{width:580px;float:right;position: relative;}
.space-images .bd{width:3600px!important; }
.space-images .bd li{float: left;width:1199px;}
.space-images .bd li p{padding: 20px 20px 10px 160px;font-size:16px;height: 130px;}
.space-title{width: 105px;height: 140px;color:#fff;background-color: #e8303b;padding: 30px 0 0 20px;position: absolute;top: 500px;left: 20px;}
.space-title h2{font-size: 24px;}
.space-title .en{font-size: 12px;text-transform:uppercase}
.space-border{width:50px;border-top:2px solid #fff;}
.space-title strong{line-height: 20px;display: block;font-size:  12px;margin: 10px 0;}
.space-images .prev{width:54px;height:100px;position: absolute;left: -75px;top: 210px;background: url("../img/prev.png") no-repeat;cursor:pointer;}
.space-images .next{width:54px;height:100px;position: absolute;right:-75px;top:210px;background: url("../img/next.png") no-repeat;cursor:pointer;}


/*设计 / 工艺 / 细节*/
.design-images{position: relative;}
.design-images .bd{width:3600px!important;}
.design-images .bd li{width:1199px;}
.design-images .bd li{height:340px;}
.design-images .left-body{float:left}
.design-images .right-body{float:right}
.design-image1 .left-body{width:511px;}
.design-image1 .right-body{width:580px;padding:50px 50px 0 0;height: 290px;}
.design-image1 .right-body h2{font-size:24px;}
.design-image1 .right-body p{font-size:16px;padding-top:20px;text-indent:2em}
.design-image2 .left-body{width:590px;}
.design-image2 .right-body{width:590px;}
.design-image2 .right-body{width:590px;}
.design-image2 p{padding-top:20px;font-size: 16px;}
.design-image3 .left-body{width: 590px;position: relative;}
.design-image3 .right-body{width: 590px;position: relative;}
.design-article{width: 180px;height: 240px;position: absolute;top: 30px;right: 0;background: url(../img/bg.png);padding: 30px 30px 0 30px;color: #fff;}
.design-article h2{font-size: 20px;}
.design-article p{font-size: 16px;text-indent: 2em;margin-top: 10px;}
.design-images .prev{width:54px;height:100px;position: absolute;left: -75px;top: 110px;background: url("../img/prev.png") no-repeat;cursor:pointer;}
.design-images .next{width:54px;height:100px;position: absolute;right:-75px;top:110px;background: url("../img/next.png") no-repeat;cursor:pointer;}


/*产品功能展示*/
.display li{width:300px;height:267px;float:left;overflow: hidden;}
.display .display-article{padding: 30px 30px 0 30px;height: 237px;width: 240px;background-color:#e03428;}
.display .display-article h2{color:#fff;font-size:24px;margin-bottom:20px}
.display .display-article p{color:#fff;text-indent:2em;font-size:16px}
.display li img:hover{transform: scale(1.4)}
.display li img{transition: all 0.6s;}

/*材质 / 五金配件*/
.material li{float:left;margin: 5px 0; height: 313px; overflow: hidden;}
.material .material-article{padding:20px 20px 0 20px;height:293px;width:160px;background: #fff;}
.material-article h2{width:140px;height:60px;line-height:60px;font-size: 24px;color:#fff;background-color:#e03428; text-align: center;margin-bottom:20px;}
.material-article p{text-indent: 2em;line-height:30px;text-align:justify}
.material-text2 p{text-indent: 0;}
.material-img1{width:600px;}
.material-img2{width:400px;}
.material .material-text2{width:560px;position: relative;}


/*性能测试*/
.performance li{width:240px;height:160px;padding:25px 30px;float:left;color:#fff}
.performance li h2{text-align:center;font-size:30px;padding-bottom:20px;}
.performance li p{text-indent:2em;}
.performance-article1{background-color: #333;}
.performance-article2{background-color: #e03428;}

/*策划团队*/
.call{text-align: center;padding-bottom: 50px;}
.call-content1{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.call-content2{text-align: center;font-size: 0;margin-top: 30px;}
.call .team{float:left;text-align: center;padding-top: 10px;padding-right: 70px;}
.call .code{float:left;}
.company{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-right:15px;}
.idea{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:15px;border-left:1px solid #000;font-size: 24px;}


.gzyh{position:fixed;bottom:20%;right:2%;width:107px;height:107px;background:url("../img/gzs.png") center no-repeat;cursor:pointer;}
.gzyh b{color:#fff;}.userfocus{text-align:center;margin-top:20px;}