/*==========全局==========*/
html{overflow-y: scroll; overflow-x:hidden; _background-image:url(about:blank); _background-attachment:fixed;}
body {font-family:"Microsoft Yahei",Arial,'Hiragino Sans GB',sans-serif; font-size:12px; color:#333333;}
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,sup,sub{margin:0;padding:0}
fieldset,img{border:0}
ul,ol,li {list-style:none;}
img{-ms-interpolation-mode: bicubic; vertical-align:top;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none; font-family:"Microsoft Yahei";}
.imgmiddle,input,select{vertical-align:middle;}
.table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
a {text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#f60;}
a:active{blr:expression(this.onFocus=this.blur());}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.word{word-break:break-all;}
.dn{display:none;}

html,body{width: 100%; height: 100%;}

/*---滚动条默认显示样式--*/  
::-webkit-scrollbar-thumb{  
   background-color:#fe6700;  
   height:20px;   
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
/*---鼠标点击滚动条显示样式--*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#F01360;  
   height:20px;  
   -webkit-border-radius:4px;  
}  
/*---滚动条大小--*/  
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
/*---滚动框背景样式--*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:4px;  
}


html,body {
scrollbar-face-color:#fe6700; /*滚动条3D表面（ThreedFace）的颜色*/ 
scrollbar-highlight-color:#fe6700; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/ 
scrollbar-shadow-color:#fe6700; /*滚动条3D界面的暗边（ThreedShadow）颜色*/ 
scrollbar-3dlight-color:#fe6700; /*滚动条亮边框颜色*/ 
scrollbar-arrow-color:#fff; /*滚动条方向箭头的颜色 */ 
scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
scrollbar-darkshadow-color:#fe6700; /*滚动条暗边框（ThreedDarkShadow）颜色*/ }

/*头部*/
.blockBg{width: 100%; height: 100%; background-color:rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4C000000', EndColorStr='#4C000000'); position: fixed; top: 0; left: 0; z-index:999;}
.header{width: 100%; height: 70px; line-height: 70px; background-color: #fff; position: fixed; top: 0; left: 0; z-index:1001;}
.header .logo{width: 123px; height: 44px; position: absolute; top: 13px; left: 24px;}
.header .headerBox{width: 704px; margin-right: 24px; float: right; }
.header .headerNav{width: 682px; float: left;}
.header .headerNav ul{width: 678px;}
.header .headerLi1{margin-right: 50px; float: left; position: relative;}
.header .headerLI1a{height:68px; display: block; font-weight:500; font-size: 18px; color: #1f1f1f; border-bottom:2px solid #fff;}
.header .headerLI1a:hover{border-bottom:2px solid #fa812f; }
.header .headerNav li.current .headerLI1a{color: #fa812f;}


.header .headerNav2Bg{width: 100%; height: 40px; background-color:rgba(255,255,255,.8); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCffffff', EndColorStr='#CCffffff');}
.header .headerNav2{height: 40px; line-height: 40px; position: absolute; bottom: -40px; left: 0; display: none;}
.header .headerNav2.on{display: block;}
.header .headerNav2On{display: block;}
.header .headerLi2{margin-right: 20px; float: left;}
.header .headerLi2 a{display: block; font-size: 16px; color: #131311;border-bottom:2px solid transparent;}
.header .headerLi2 a:hover{border-bottom:2px solid #fa812f;}
.header .headerLi2.current a{color: #fa812f;}
.header .headerSearchIcon{width: 22px; height: 23px; margin-top: 24px; float: right; cursor: pointer; background: url(../images/search.png) no-repeat 0 center;}

/*搜索栏*/
.headerSearchBoxBg{width: 100%; height: 50px; background-color: #fff; position: fixed; top:0; left: 0; z-index:9999;}
.headerSearchBoxBg .logo{width: 100px; height: 36px; position: absolute; top: 7px; left: 20px;}
.headerSearchBoxBg .headerSearchBox{width: 562px;  line-height: 49px;  position: absolute; top: 0; left: 50%; margin-left: -281px; }
.headerSearchBoxBg .headerSearch{padding-left: 32px;}
.headerSearchBoxBg .headerSearchBtn{width: 22px; height: 23px; border:0; border:none; cursor: pointer; background: url(../images/search.png) no-repeat; position: absolute; top: 13px; left: 0;}
.headerSearchBoxBg .headerSearchTxt{width: 540px; height: 49px; line-height: 49px; border:0; border:none; font-size: 16px;}
.headerSearchBoxBg .headerSearchClose{width: 19px; height: 19px; cursor: pointer; background: url(../images/close.png) no-repeat; position: absolute; top:15px; right:-308px;}
.headerSearchBoxBg .headerLink{width: 544px; padding: 15px 0; line-height: 32px; background-color: #2a2a2a;}
.headerSearchBoxBg .headerLink1Li{width: 20%; float: left;}
.headerSearchBoxBg .headerLink1Li h2{color: #fa812f; text-align: center; font-size: 16px;}
.headerSearchBoxBg .headerLink2Li a{font-size: 14px; color: #fff; padding-left: 16px; background: url(../images/i_43.png) no-repeat 0 center; border-bottom: 1px solid #2a2a2a;}
.headerLink2{padding-left: 20px;}
.headerSearchBoxBg .headerLink2Li a:hover{border-bottom: 1px solid #fa812f;}






/*子页通用*/
.containerBg{width: 100%; overflow: hidden; background: url(../images/f_2_2.jpg) no-repeat center 0; background-attachment: fixed; background-size:cover; }
.container{width: 1200px; margin: 120px auto; overflow: hidden;}
.container .LeftSide{width: 92px; height:520px; overflow:hidden; float:left;}
.container .LeftSideFix{position:fixed; top:55px; right:50%; margin-right:508px;}
.container .LeftSide_icon{width: 63px; height: 63px; display: inline-block; position: relative;}
.container .LeftSide_icon img{width: 63px; height: 63px;}
.container .LeftSide li{margin-bottom: 16px; position:relative;}
.container .LeftSide li a{display: inline-block; text-align: center;}
.container .LeftSide li h3{margin-top: 4px; font-weight: normal;  font-size: 16px; color: #fff;}
.container .LeftSide li .imgH{width: 63px; height: 63px; position: absolute; top: 0; left: 0; display: none;}
.container .LeftSide li .imgH img{width: 63px; height: 63px;}
.container .LeftSide li.on .imgH{display: block;}
.container .LeftSide li.on .img{display: none;}
.container .LeftSide_icon img2{width: 63px; height: 63px;}
.container .LeftSideMore{width: 92px; height: 104px; overflow: hidden;}

.container .RightSideBg{width: 1076px;  padding: 16px; float: right; background-color:rgba(255,255,255,.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80ffffff', EndColorStr='#80ffffff');}
.container .RightSide{width: 1076px; background-color: #fff; overflow: hidden;}
.z_title{padding: 35px 0 10px 90px; font-weight: normal; font-size: 30px; color: #131311; border-bottom: 1px solid #e6e6e6; background: url(../images/z_title.png) no-repeat 30px 27px;}

.radioBoxBg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B3000000', EndColorStr='#B3000000');  z-index:1002; display: none;}
.radioBox{width: 620px; height: 500px; padding: 10px; margin-top: -250px; margin-left: -310px; background-color: #fff; position: absolute; top:50%; left: 50%;}
.radioClose{width: 31px; height: 31px; display: block; background: url(../images/r_1.png) no-repeat; position: absolute; top: -15px; right: -15px; z-index:99;}

.loadingBg{width: 100%; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0;  display: none;}
.loading{width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; position: absolute; top: 50%; left: 50%; background: url(../images/loading.gif) no-repeat;}
.ajax_tips{height: 22px; line-height: 22px; padding: 10px 0; text-align: center; font-size: 14px; }
.loadingTips{display: none;}
.doorProductConLoadingBg{background-color: #332b27;}
.doorPicsLoadingBg{background-color: transparent;}




/*木门内页*/
.section {  position: relative;}
.doorsNav{width: 10px; position: fixed; top: 50%; right: 10px; }
.doorsNav li{width: 10px; height: 10px; cursor: pointer; margin-bottom: 20px; background: url(../images/m_25.png) no-repeat;}
.doorsNav li.major{background: url(../images/m_25_2.png) no-repeat;}
.doorsNav li.active{background: url(../images/m_25_2H.png) no-repeat;}

.doors .doorsPicBox{width: 300%; margin-left: -100%; text-align: center; display: inline-block;}  
.doors .doorsPic img{width: auto; height: 100%;}

.doors .doorsPage1 .doorsPage_word{width: 783px; height: 188px; margin-top: -135px; margin-left: -620px; padding: 82px 0 0 78px; line-height: 18px; font-size: 14px; color: #66584a; position: absolute; top:50%; left: 200%; background: url(../images/m_2.png) no-repeat;} 
.doors .doorsPage1 .doorsPage_word h3{margin: 16px 0 26px 0; font-weight: normal; line-height: 30px; font-size: 30px;}   
.doors .doorsPage2 .doorsPage_word{width: 783px; height: 188px; margin-top: -135px; margin-left: -620px; padding: 82px 0 0 78px; line-height: 18px; font-size: 14px; color: #66584a; position: absolute; top:120%; left: 50%; background: url(../images/m_2.png) no-repeat;}   
.doors .doorsPage2 .doorsPage_word h3{margin: 16px 0 26px 0; font-weight: normal; line-height: 30px; font-size: 30px;}   
.doors .doorsPage3 .doorsPage_word{width: 783px; height: 188px; margin-top: -135px; margin-left: -620px; padding: 82px 0 0 78px; line-height: 18px; font-size: 14px; color: #66584a; position: absolute; top:50%; left: 50%; background: url(../images/m_2.png) no-repeat; display: none;}   
.doors .doorsPage3 .doorsPage_word h3{margin: 16px 0 26px 0; font-weight: normal; line-height: 30px; font-size: 30px;}   
.doors .doorsPage4 .doorsPage_word{width: 783px; height: 188px; margin-top: -135px; margin-left: -620px; padding: 82px 0 0 78px; line-height: 18px; font-size: 14px; color: #66584a; position: absolute; top:50%; left: 50%; background: url(../images/m_2.png) no-repeat; display: none;}   
.doors .doorsPage4 .doorsPage_word h3{margin: 16px 0 26px 0; font-weight: normal; line-height: 30px; font-size: 30px;} 

.doors .doorsPage .doorsPage_word{width: 783px; height: 188px; margin-top: -135px; margin-left: -620px; padding: 82px 0 0 78px; line-height: 18px; font-size: 14px; color: #66584a; position: absolute; top:50%; left: 50%; background: url(../images/m_2.png) no-repeat; display: none;}   
.doors .doorsPage .doorsPage_word h3{margin: 16px 0 26px 0; font-weight: normal; line-height: 30px; font-size: 30px;} 

.doors .doorsCon{background:url(../images/m_27.jpg) no-repeat center center; background-size:cover;}
.doors .doorBox{width: 1350px; height: 694px; margin-top: -300px; margin-left: -675px; position: absolute; top: 50%; left: 50%; z-index:9;}
.doors .doorBoxTop{height: 97px; text-align: right; font-size: 24px; color: #2f2f2f; position:relative;}
.doors .doorBoxTopBack{padding:5px;display:inline-block;font-size:14px;color:#fff;background-color:#f26a0d; position:absolute; bottom:10px; left:10px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.doors .doorBoxTop h3{font-weight: normal; font-size: 32px; color: #000;}
.doors .doorBoxTop h3 span{padding-left: 20px; font-weight: normal; font-size: 32px; color: #000; background: url(../images/m_4.png) no-repeat 0 10px;}
.doors .doorCon{height: 600px;  overflow: hidden;}
.doors .doorLeftSide{width: 272px; float: left;}
.doors .doorImg{width:272px; height: 358px; padding-top:12px; overflow:hidden; position:relative; background-color:#f2f2f2; border-bottom: 3px solid #dfdfdf;}
.doors .doorImg .slide_pic{width:272px; height:310px; overflow:hidden;  position:relative;}
.doors .doorImg .slide_pic li{float:left; width:272px; height:310px; text-align:center; overflow:hidden; position:absolute; top:0; left:0;}
.doors .doorImg .slide_pic li img{width: auto; height: 310px;}
.doors .doorImg .slide_btn{position:absolute; bottom:10px; left:10px;}
.doors .doorImg .doorImg_num{width: 53px; height: 21px; padding: 6px 0; font-size: 16px; text-align: center; color: #fff; background-color: #fe6700; position: absolute; bottom: 10px; left: 110px;}
.doors .doorImg .left{width:28px; height:33px;  position:absolute; left:82px; bottom:10px; background: url(../images/m_6.png) no-repeat center center #ff964e;}
.doors .doorImg .right{width:28px; height:33px; position:absolute; left:163px; bottom:10px; background: url(../images/m_7.png) no-repeat center center #ff964e;}
.doors .doorImg .left:hover{background: url(../images/m_6H.png) no-repeat center center #ff964e;}
.doors .doorImg .right:hover{background: url(../images/m_7H.png) no-repeat center center #ff964e;}
.doors .doorText{width: 272px; height: 227px; background-color: #fff; position: relative;}
.doors .doorText h4{margin: 0 16px; padding: 23px 0 10px 0; text-align: center; font-size: 18px; color: #2f2f2f; border-bottom: 1px solid #c2c2c2;}
.doors .doorWordBg{height: 160px; overflow-y: auto; padding: 7px 0 0 14px; line-height: 24px; font-size: 14px; color: #282828;}
.doors .doorWord{padding-right: 5px;}
.doors .doorNav{width: 97px; margin: 0 10px; float: left;}
.doors .doorNav img{width: 97px; height: 100px;}
.doors .doorPics{width:960px; height: 600px; overflow:hidden; position:relative;}
.doors .doorPics img{width:100%; height: auto; position:absolute; left:0; bottom:0;}
.doors .doorPics .slide_pic{width:960px; height:600px; overflow:hidden; position:relative;}
.doors .doorPics .slide_pic li{float:left; width:960px; height:570px; padding-bottom:30px; text-align:center; overflow:hidden; position:absolute; top:0; left:0;}
.doors .doorPics .doorTitle{width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; background-color: #f26a0d; position: absolute; bottom: 0; left: 0;}
.doors .doorPics .slide_left{width:46px; height:38px; margin-top: -19px; position:absolute; left:10px; top:50%; background: url(../images/m_16.png) no-repeat; z-index:2;}
.doors .doorPics .slide_right{width:46px; height:38px; margin-top: -19px; position:absolute; right:10px; top:50%; background: url(../images/m_17.png) no-repeat; z-index:2;}
.doors .doorPics .slide_left:hover{background: url(../images/m_16H.png) no-repeat;}
.doors .doorPics .slide_right:hover{background: url(../images/m_17H.png) no-repeat;}

.doors .doorProductBg{width: 100%; height: 100%; background-color: #332b27; position: absolute; top: 0; left: 0; z-index:10; display: none;}
.doors .doorProduct{width: 1056px; height: 525px; margin-top: -215px; margin-left: -528px; position: absolute; top: 50%; left:50%; }
.doors .doorProductClose{width: 32px; height: 32px; display: block; background: url(../images/m_26_2.png) no-repeat; position: absolute; top: 0; right:0;}
.doors .doorProductTop{width: 100%; height: 76px;}
.doors .doorProductTop h3{font-weight: normal; font-size: 26px; color: #ffffff;}
.doors .doorProductTop h3 span{padding-left: 16px; font-weight: normal; font-size: 26px; background: url(../images/m_4.png) no-repeat 0 center;}
.doors .doorProductNav{margin-top: 10px; padding-left: 42px; font-size: 12px; overflow: hidden; position: relative;}
.doors .doorProductClear{width: 42px; height: 18px; line-height: 18px; font-size: 12px; float: left; display: inline-block; color: #fff; position: absolute; top: -1px; left: 0;}
.doors .doorProductNav ul{float: left;}
.doors .doorProductNav li{width: 42px; padding-bottom: 2px; margin-right: 12px;  text-align: center; float: left; }
.doors .doorProductNav li a{display: block; color: #fff;}
.doors .doorProductNav li.current{background: url(../images/m_18_2.png) no-repeat;}

.doors .doorProductConBox{width: 1036px; }
.doors .doorProductCon{width: 1056px;height: 414px; overflow-y: auto; overflow-x: hidden;}
.doors .doorProductCon ul{width: 1056px;}
.doors .doorProductCon li{width: 248px; height: 192px; margin: 0 15px 15px 0; float: left; overflow: hidden; position: relative;}
.doors .doorProductCon li img{width: 248px; height: 192px;}
.doors .doorProductBlock{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.doors .doorProductCon li.on .doorProductBlock{background: url(../images/m_23_2.png) no-repeat;}
.doors .doorProductTitle{width: 100%; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; background-color:rgba(254,103,0,.8); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCfe6700', EndColorStr='#CCfe6700'); position: absolute; bottom: 0; left: 0;}
.doors .doorProductBtn{width: 107px; height: 28px; margin: 6px auto 0 auto; display: block; line-height: 28px; text-align: center; font-size: 18px; color: #fff; background: url(../images/m_24_2.png) no-repeat;}

.doorImgPic{text-align:center;}
.doorImgPic img{width:auto; height:310px; text-align:center;}
.doors .doorImgTips{width: 181px; height: 40px; text-align: center; position: absolute; top: 408px; left: -102px; }
.doorRadio{width: 960px; height: 600px; margin-top:-203px; margin-left: -286px; display: none; position: absolute; top: 50%; left: 50%; background-color: #fff; z-index:10;}
.doorRadioBox{width: 960px; height: 600px;}