﻿/* CSS Document */

.z-width{ width: 1170px;margin: 0 auto;overflow: hidden;}

#full-screen-slider { width:100%; height:865px; position:relative;overflow: hidden;}
#slides { display:block; width:100%; height:865px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:39.8%; top:740px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:100px; height:5px; float:left; margin-left:15px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fcd06f;border: 1px solid #fff;height: 3px; }



/* 联系我们页面 */
.lxwm{background: url(../images/lxwmbg.jpg) center no-repeat;height: 860px;}


/* 客户留言页面 */
#message{background: url(../images/messagebg.jpg) center no-repeat;height: 574px;}
.mess{text-align: center;padding-top: 180px;}
.message_tp{ text-align: center;margin: 50px 0 35px;}
.message_nei{width: 1070px;margin: 0 auto 100px;}
@-webkit-keyframes coc_r3-in {/*针对webkit内核*/  
               0% { right:1100px;opacity: 1;} 
    30% { right:1100px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
    }  
    @-moz-keyframes coc_r3-in 
   {
               0% { right:1100px;opacity: 1;} 

    30% { right:1100px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
   } 
   @-o-keyframes coc_r3-in 
 {
               0% { right:1100px;opacity: 1;} 

    30% { right:1100px;opacity: 1;}
	        60% {right:0px;opacity: 1;} 
        100% {right:0px;opacity: 1;} 
  }


    #coc_r3{ position:relative;  padding:  0; text-align: center;margin: 0 auto; overflow:hidden;
        animation: coc_r3-in  ;/*动画名称*/  
        animation-duration:3s ;/*动画持续时间*/  
        -webkit-animation:coc_r3-in 3s ;/*针对webkit内核infini为循环*/ 
         -moz-animation:coc_r3-in 3s;
        -o-animation:coc_r3-in 3s ; 
    }		

/* 楼梯文化页面 */
#ltwh{background: url(../images/ltwhbg.jpg) center no-repeat;height: 529px;}
#ltwhtt{background: #e3e1e0;margin: 40px 0;overflow: hidden;}
.hahaha { overflow: hidden;width: 480px;margin: 0 auto;}
.hahaha img{ float: left;}
.hahaha  span{font-size: 20px;font-weight: bold;line-height: 73px;float: left;}
.ltwhss{text-align: center;padding-top: 125px;}
#ltwhnr p{ font-size: 16px;}
#ltwhnr  .ltwhj{ text-align: center;}
.ab{margin: 20px auto 30px;font-size: 0;overflow: hidden;}
.ab img{ margin: 0 0 5px;}
.ab01{float: left;width: 585px;margin-right: 5px;}
.ab02{float: left;width: 580px;}
.ab02 li{float: left;width: 287px;}

/*关于我们页面 */
#about{background: url(../images/aboutbg.jpg) center no-repeat;height: 525px;}
.jsnra{font-size: 16px;}
.jsjm_top{ text-align: center;}
.jinye{margin-bottom: 50px;}
.nsa{overflow: hidden;margin-bottom: 40px;}
.nsa_top{background: #e9e8e4;text-align: center;padding: 30px 0 20px;}
.nas_bottom{ overflow: hidden;}
.nas_bottom ul li{float: left;}
.nsa2{ text-align: center;color: #57513f;margin-bottom: 50px;}

/*卓越成就页面 */
#zycj{background: url(../images/zycjbg.jpg) center no-repeat;height: 450px;}
#ltwhtt01{background: #e3e1e0;text-align: center;font-size: 0;}
.jm_case{padding: 0 35px;}
.con3_list {height: auto;overflow: hidden;margin: 0 auto;margin-top:30px;}
.con3_list li { width:535px; height:415px; margin: 0px 0px 30px; float: left; overflow: hidden;border: 1px solid #bfbdba;}
.con3_list li:nth-of-type(2n-1){ margin-right: 25px;}
.con3_list li .jmcase_img { width:535px; height:345px;margin: 0 auto;overflow: hidden;position: relative;}
.con3_list li  .jm_text { width: 495px;padding: 0 20px; margin: 0 auto;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; background: rgba(255, 255, 255, 0.6) none repeat scroll 0% 0%; line-height: 70px;}
.con3_list li   a {color: #3a3a3a;}
.pro_img { display: block; width:535px; height:345px;}
.zoom { position: absolute; display: block; background: url("../images/zoom.png") 0 0 no-repeat;  width: 40px;  height: 40px; right:10px; top: 10px; cursor: pointer;}
#picShow { position: fixed; width: 100%; height: 100%; background: url("../images/blackbg.png") 0 0 repeat;left: 0; top: 0; z-index: 9999;}
.pic_show_box { width: 100%; height: 100%;overflow: hidden;position: relative;}
.pic_quit { position: absolute;  background: url("../images/quit.png") 0 0 no-repeat; width: 64px; height: 64px;top: 0;right: 0; cursor: pointer;}
.lbtn { display: block;  position: absolute; background: url("../images/leftbtn.png") 0 0 no-repeat; width: 53px; height: 53px; top: 287px; left: 65px;}
.rbtn { display: block; position: absolute; background: url("../images/rightbtn.png") 0 0 no-repeat;width: 53px;  height: 53px; top: 287px; right: 65px;}
.right_con div img { margin-left: auto; margin-right: auto;}
.pic_show_box img { display: block;  margin: 165px auto 0; border: 5px solid rgba(255,255,255,.2);}
.right_con img { max-width: 100%;}
.pic_show_box p { width: 593px; text-align: center;  margin: 0 auto;  overflow: hidden; font: 18px/106px "microsoft yahei"; color: #0c4201; text-overflow: ellipsis; white-space: nowrap;}
.pic_show_box p a { color: #fff;}


/*新闻中心页面 */
#jm_news{margin: 50px 0 10px;overflow: hidden;}
.jm_news li{float: left;width: 538px;border: 1px solid #d3d2d2;padding: 20px;}
.jm_news li:nth-of-type(1){margin-right:10px;}
.jm_news li div{widows: 538px;height: 260px;}
@font-face {
  font-family: 'iconfont_jm';  /* project id 380494 */
  src: url('//at.alicdn.com/t/font_380494_goawub0k62a3v7vi.eot');
  src: url('//at.alicdn.com/t/font_380494_goawub0k62a3v7vi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_380494_goawub0k62a3v7vi.woff') format('woff'),
  url('//at.alicdn.com/t/font_380494_goawub0k62a3v7vi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_380494_goawub0k62a3v7vi.svg#iconfont') format('svg');
}
.iconfont_jm {font-family: iconfont_jm;font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: -1px;-webkit-text-stroke-width: 0 !important;}
.jm1{ font-size: 20px;}
#web_news{padding: 0 50px;}
#web_news li{overflow: hidden;border-bottom: 1px solid #d2d2d4;padding-bottom: 40px;padding-top: 20px;}
.newsny_left{float: left;width: 115px;text-align: center;color: #938e86;margin-right: 30px;padding-top: 20px;}
.newsny_left h1{font-size: 40px;border-bottom: 1px solid #7e4d32;}
.newsny_left p{line-height: 2.5;font-size: 16px;}
.newsny_right {float: left;width: 925px;}
.newsny_title{font-size: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 10px 0 5px;}
.newsny_01{height: 60px;}
.newsny_right a{color: #28739a;}

/*产品中心页面 */
.jmcp_nume{ overflow: hidden;width: 735px;margin: 40px auto 35px;}
.jmcp_nume li{float: left;border-top: 2px solid #bea883;border-left: 2px solid #bea883;border-bottom: 2px solid #bea883;width: 180px;text-align: center;line-height: 2;font-size: 16px;}
.jmcp_nume li:last-of-type{border-right: 2px solid #bea883}
.jmcp_nume li:hover{background: #bea883;color: #fff;}
.jmcp_nume li a{width: 180px;}
.jmcp_nume li a:hover{color: #fff;}

#web_product{overflow: hidden;}
#web_product li{float: left;margin-right: 5px;}



.jmcp_nr{width: 1180px;margin: 0 auto;overflow: hidden;}


/*首页页面 */

/*明星产品模块 */
.star{padding: 35px 0 60px;background: #ffffff; overflow: hidden;}
.star_more{color: #9d9d9f;line-height: 4;border: 1px solid #959595;padding: 5px 15px;}


/*品牌简介模块 */
.ppjj{color: #fff;margin: 70px 0 ;overflow: hidden;}
.about_en{text-align: center;font-size: 24px;line-height: 1;}
.about_us{text-align: center;font-size: 18px;color: #1a1a1a;}
.about_us span{border-bottom: 2px solid #fff;padding-bottom: 8px;}
.about_tt{text-align: center;font-size: 16px;margin-top: 20px;margin-bottom: 60px;}
.about_nrl{float: left;width: 545px;margin-right: 35px;position: relative;height: 300px;}
.about_nrr{float: left;width: 510px;padding: 10px 10px 0 0px;line-height: 1.8;}
.about_nrr a{color: #fff;text-align: right;float: right;border: 1px solid #fff;padding: 5px 20px;margin-top: 20px;}

/*产品展示模块 */
.cpzs{padding: 45px 0 60px;background: #ffffff; overflow: hidden;}
.sytt02{margin: 0 0 20px;}
.ix_center {  float:left;  overflow:hidden;width: 100%;}
    /* bar */
    .bar { width:100%;}
	.bar span.span1 { width:87px; height:30px; display:block; text-align:center;  color:#fff; font-size:14px; font-weight:bold;}
    .tu1 { width:124px; height:150px; float:right; padding:0 0 0 10px; }/*首页关于我们图*/
	/* 内容框 */
    .neirong { overflow:hidden; zoom:1; padding:50px 0 20px; }

    .sub-con{height:670px; display:none;}
    .cur-sub-con{ display:block;}
    .box_nav{ height:40px;}
    .box_nav ul{width:825px; overflow: hidden;margin: 0 auto;}
    .box_nav ul li{ width:200px; height:35px;line-height:35px; text-align:center; float:left; padding:0 2px 0 0;border-top: 2px solid #bea883;border-left: 2px solid #bea883;border-bottom: 2px solid #bea883;}
    .box_nav ul li:nth-last-child(1){border-right: 2px solid #bea883;}
    .box_nav ul li a{ width:200px; height:35px; display:block; text-align:center;  color:#000; font-size:16px; }
    .box_nav ul li a:hover{ text-decoration:none; background-color: #bea883;color: #fff;}
    .box_nav ul li a.cur{ width:200px; display:block; text-align:center;  color:#232422; }
 .box_nav ul li a.cur:hover{color: #fff;}   
.newshot { overflow: hidden;   zoom: 1;}

.newshot_01{overflow: hidden;}
.newshot_01 li{float: left;margin-right: 6px;width: 288px;overflow: hidden;height: 200px;margin-bottom: 6px;}
.newshot_01 li img{cursor: pointer;transition: all 0.6s;}
.newshot_01 li img:hover{transform: scale(1.05);overflow: hidden;}
.newshot_01 li:nth-of-type(4){margin-right: 0;}
.newshot_02{overflow: hidden;}
.newshot_02 li{float: left;margin-right: 6px;height: 457px;width: 385px;overflow: hidden;}
.newshot_02 li:nth-of-type(3){margin-right: 0;}
.newshot_02 li img{cursor: pointer;transition: all 0.6s;}
.newshot_02 li img:hover{transform: scale(1.05);overflow: hidden;}

/* 新闻中心 */
.sytt{text-align: center;}
.sytt01{margin: 55px 0 40px;}
.sytt_nrl{float: left;}
.sytt_nrlt{float: left;width: 562px;margin-right: 28px;background: #fff;}
.sytt_img{ float: left;width: 500px;font-size: 0;}
.sytt_time{float: left;width: 62px;background: #ab987a;text-align: center;height: 120px;color: #fff;padding-top: 70px;}
.iconfont_pc {font-family: iconfont_pc; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: -1px;-webkit-text-stroke-width: 0 !important;}
@font-face {
  font-family: 'iconfont_pc';  /* project id 489711 */
  src: url('//at.alicdn.com/t/font_489711_3xvssopog2hme7b9.eot');
  src: url('//at.alicdn.com/t/font_489711_3xvssopog2hme7b9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_489711_3xvssopog2hme7b9.woff') format('woff'),
  url('//at.alicdn.com/t/font_489711_3xvssopog2hme7b9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_489711_3xvssopog2hme7b9.svg#iconfont') format('svg');
}
.pc1{font-size: 20px;}
.sytt_nrld{padding: 25px 20px 0 25px;overflow: hidden;}
.pc2{color: #032f3e;font-size: 16px;}
.pc3{color: #ab987a;font-size: 16px;padding: 10px 0 8px;border-bottom: 2px solid #ab987a;width: 170px;}
.pc4{font-size: 20px;padding-right: 15px;}
.pc5{line-height: 2;margin-top: 25px;}
.pc6{font-size: 17px;color: #032f3e;float: right;line-height: 3;margin-top: 10px;}

/*新闻*/
.sytt_nrr{float: left;width: 570px;}
.sytt_nr{overflow: hidden;margin-bottom: 135px;}
.scrollbox{width:580px; position: relative;}
#scrollDiv{width:580px;height:463px; overflow:hidden; display: block;}
#scrollDiv ul{ width: 580px;}
#scrollDiv li{width:540px;height: 125px;margin-bottom:44px;background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.news_l{float: left;width:373px;padding: 27px 50px 0px 55px;}
.aiai{font-size: 16px;height: 55px;}
.news_r{float: left;background: #ab987a;width: 62px;color: #fff;text-align: center;padding: 35px 0 0;height: 90px;}

.scroltit{ position: absolute; right:0px; top:10px;width:18px;}
.scroltit small{float:right; font-size:12px;width:18px;height:18px; line-height:18px; text-align: center;color: #fff;font-family: "宋体";background: #ab987a; margin:10px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin-top:6px;}
.scroltit small:hover{ background: #ff9a22;}

.pda1{float: left;font-size: 0;}
.pda2{float: left;width: 412px;}
.pda3{float: left;font-size: 0;}
.pda{width: 583px;margin: 0 auto;}

#slides li{-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 3s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/}
@keyframes ripple {
0% {
  transform: scale(1);  
}
100% {
 transform: scale(1.05);  
}
}

.fz{
transform: perspective(1000px) scale(1) rotateY(90deg);
-webkit-transform: perspective(1000px) scale(1) rotateY(90deg);
transform-origin: left;
}
.active{
transform: perspective(1000px) scale(1) rotateY(0deg)!important;
-webkit-transform: perspective(1000px) scale(1) rotateY(0deg)!important;
transform-origin: left!important;
}
.list1{transition: all 1s ease 0.2s;}
.list2{transition: all 1s ease 0.5s;}
.list3{transition: all 1s ease 0.8s;}
.list4{transition: all 1s ease 1.1s;}
.list5{transition: all 1s ease 1.4s;}

.jm{overflow: hidden;}
.jm_product{width: 230px;float: left;margin-right: 16px;}
.jmcp_nr2{width: 920px;margin: 0 auto;overflow: hidden;float: right;}
.jmcp_nr2 li{float: left;width: 455px;margin-right: 5px;width: 455px;height: 341px;overflow: hidden;margin-bottom: 15px;}
.jmcp_nr2 li img{width: 455px;height:341px;cursor: pointer;transition: all 0.6s;}
.jmcp_nr2 li img:hover{transform: scale(1.15);overflow: hidden;}
.pro_other2{position: relative;width: 100%;margin: -45px 0 0;color: #fff;font-size: 16px;font-family: 微软雅黑;background: rgba(0,0,0,0.4);line-height: 40px;text-align: center;}
.pro_other2 a{color: #fff;}

    /*--- 产品类别 ---*/
 .head_b {
    height: 62px;
    background-color:#d3bc57;
    background-image: url(../images/index_type01.png);
    background-repeat: no-repeat;
    background-position: 19px 16px;
    padding-left: 85px;
    font-size: 24px;
    line-height: 62px;
    color: #fff;
}

    .prod_type ul { margin:0 auto; float:none; border: 1px solid #ddd;}
    .prod_type ul li ul{border: 0px solid #ddd;}
.prod_type ul li {
    width: 185px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 45px;
}
   
    .prod_type ul li + li{border-top: 1px dashed #ddd;}
    .prod_type ul li li { background:none;}
.prod_type ul li a { background-image: url(../images/index_type02.png);background-repeat: no-repeat;background-position: 165px 18px;display: block;color: #999;}
    .prod_type ul li a:hover, .prod_type ul li.act a { }
    .prod_type ul ul {/* display:none;*/ }
    .prod_type ul ul li { text-indent:20px; border:0px; padding:0px; background-position:0px 8px; }
    .prod_type ul li, .prod_type ul li a, .prod_type ul li a:visited {}
