@charset "utf-8";
body {
	font-size: 14px;
	font-family: "微软雅黑", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 24px;
	color: #666;
}
.wrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.section-top {
	height: 59px;
	  background: rgba(0,0,0,1);
}
/*头部*/
#header{width:100%;position:absolute; z-index:1000; background: url(../images/headerbg.png) repeat; height: 60px;}

.logo{width:220px; height:60px; background:url(../images/logo.png) no-repeat center center; float:left; margin-left: 15px;}
.logo a{display:block; width:100%; height:100%}
#header nav{float:left; margin-left:90px; margin-top: 0px}
#header nav li{float:left}

#header nav li{line-height:58px; float:left; position:relative}
#header nav li a{color:#FFF; font-size:16px; display:block; padding:0px 12px; text-decoration:none}
#header nav li a:hover,#header nav li a.on{  color:#c6b99a;text-decoration:none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  }
#header nav li a:hover s,#header nav li a.on s{height: 3px; display: block; background: #c6b99a; margin-top: -1px;}
header .other{ position:absolute; right:0px; top:0px; width:356px; height:58px; margin-top: 2px}


header .mobile{ float:left; width:30px; height:58px; position:relative}
header .mobile a{display:block;width:30px; height:58px; background:url(../images/h_icon.png) no-repeat  10px -184px; }


header .mobile img{margin-left:-30px; margin-top:-8px; display:none}

header .hotline{float:left; background:url(../images/h_icon.png) 0px -345px no-repeat; height:58px; width:125px; font-size:20px; font-family:arial; font-weight: 700; color:#c6b99a; line-height:58px; padding-left:25px; margin-right:3px}

header .tmall{ float:left; background:url(../images/h_icon.png) 0px -23px no-repeat; width: 86px; text-indent: -999em; display: block;  line-height:58px; margin-right: 3px;}
header .tmall a,header .wechat a{display: block;}
header .wechat{ float:left; background:url(../images/h_icon.png) 0px -106px no-repeat; width: 30px; height: 58px; text-indent: -999em; display: block; line-height:58px;}
header .wechat img{margin-left:-30px; margin-top:-8px; display:none}


header .eng{ float:left; background:url(../images/h_icon.png) 0px -550px no-repeat; width: 28px; text-indent: -999em; display: block;  line-height:58px; margin-right: 7px;}
header .eng  a{display: block;}
/*banner */
#banner{height: 600px; position: relative;}
#banner .banner-txt{width:640px; height:220px; position:absolute; left:50%; top:50%;
 margin-left:-320px; margin-top:-80px; color:#fff; text-align:center;
  text-shadow:0 0 0.4em #575757,
                -0 -0 0.4em #575757;
}
#banner .banner-txt h4{ font-size:48px; line-height:80px; transition:font-size 0.75s ease-out 0s; font-weight: 700}
#banner .banner-txt h5{ font-size:30px; line-height:50px; transition:font-size 0.75s ease-out 0s; font-weight: normal;}
#banner .banner-txt s{height:3px; background:#A02023; width:60px; margin:0 auto; display:block; margin-top: 40px;}
#banner .banner-txt  p{transition:font-size 0.75s ease-out 0s; font-family: arial; font-size: 14px; }

.banner-about{background: url(../images/banner-about.jpg) center center;}
.banner-zhaoshang{background: url(../images/banner-zhaoshang.jpg) center center;}
.banner-service{background: url(../images/banner-service.jpg) center center;}
.banner-case{background: url(../images/banner-case.jpg) center center;}
.banner-news{background: url(../images/banner-news.jpg) center center;}
.banner-product{background: url(../images/banner-product.jpg) center center;}
.banner-product1{background: url(../images/banner-product1.jpg) center center;}
.banner-designer{background: url(../images/banner-designer.jpg) center center;}


.bodyer{background: #f1f1f1;  }
.bodyer.pd50{padding: 50px 0}
.bodyer.pd90{padding: 90px 0}
/*共用开始*/

.btn{font-size: 18px;  width: 182px; height: 50px; border: 1px solid #DED8C5; color: #c6b99a; line-height: 50px; text-align: center;}
.btn:hover{ background: #ECE9DE; color: #c6b99a; border: 1px solid #ECE9DE; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.block{display: block;}
.mc{margin: 0 auto}
.mb20{margin-bottom: 20px}


.title{text-align:center}
.title p{font-size: 36px; font-weight: 700; color: #680000; line-height: 64px;}
.title s{display: inline-block; height: 4px; width: 32px; background: #C5B998}
.title02{font-size: 24px; color: #333; line-height: 113px; text-align: center;}
.title03{font-size: 30px; color: #333; line-height: 113px; text-indent: 20px}

.txtcent{text-align: center; }
.hide{display: none;}

.sub-nav-box{
  width: 100%;
  height: 66px;
}
.sub-nav{
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  height: 66px;
  line-height: 66px;
  left: 0;
  top: 0;
  background: #fff;
  position: relative;
  z-index: 998;
}
.sub-nav .position{
  width: 180px;
  font-size: 16px;
  color: #999;
}
.sub-nav .position .home{
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/home_ico.png) no-repeat 0 0;

}
.sub-nav .link{
  max-width: 85%;

  position: relative;
}

.sub-nav .link ul li{float: left; margin-left: 55px;}
.sub-nav .link ul li a{
  border-bottom: 3px solid #fff;
  font-size: 16px;
  color: #666666;
  line-height: 63px;
  display: block;

}
.sub-nav .link ul li a:hover,.sub-nav .link ul li a.on{
  border-bottom: 3px solid #a72126; color: #a72126
}



.fancybox-custom-close {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  background: transparent url('../images/fancy_closebox.png') -0px 0px;
  cursor: pointer;
  z-index: 1103;
  display: block;

}
#fancybox-outer{background: none}






/*共用结束*/
#network-container{height: 1000px}
/*设计师*/
 ul.designer-list{overflow: hidden;  margin-bottom: 50px;}
 ul.designer-list li{width: 359px; padding: 7px; float: left; height: 432px; background: #fff; position: relative; margin-right: 20px; margin-bottom: 20px;}
 ul.designer-list li.last{margin-right: 0}
 ul.designer-list li img{width: 359px; height: 258px;}
 ul.designer-list li h4, ul.designer-list li p,ul.designer-list li .date{padding: 10px 10px; }
 ul.designer-list li h4{color: #666666; font-size: 18px; line-height: 24px;height: 18px; overflow:hidden;}
 ul.designer-list li p{color: #888888; font-size: 14px; height: 70px; overflow: hidden;}
 ul.designer-list li .date{font-family: arial;color: #888888; font-size: 14px}
 ul.designer-list li .date span{float: right; font-family: "微软雅黑"}
 ul.designer-list li:hover a{background: url(../images/hoverbg3.png) no-repeat top center; width: 370px; height: 432px; 
 position: absolute; top: 0; left: 0; opacity: 0
}
 ul.designer-list li:hover{background: #a72126;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
 ul.designer-list li:hover h4{color: #fff}
 ul.designer-list li:hover p{color: #c9c9c9}
 ul.designer-list li:hover .date{color: #c9c9c9}

 ul.designer-list.list2 li img{height: 378px}
 ul.designer-list.list2 li h4{text-align: center; line-height: 30px;}
 ul.designer-list.list2 li:hover a{background: url(../images/hoverbg4.png) no-repeat top center; }
 ul.designer-list.list3 li:hover a{background: url(../images/hoverbg5.png) no-repeat top center; }
 ul.designer-list.list4 li {height: 310px;}
 ul.designer-list.list4 li h4{text-align: center; line-height: 32px;}
 


.designer-info{overflow: hidden;height: 446px;}
.designer-info .img{width: 366px; height: 446px; float: left; background: #a72126; padding: 7px}
.designer-info .img img{width: 366px; height: 393px}
.designer-info .img p{text-align: center; color: #fff; line-height: 43px;  font-size: 18px;}
.designer-info .txt{width: 700px; height: 386px; float: right; background: #fff; padding: 30px; color: #333; line-height: 28px;}

/*服务*/
.service{padding: 50px 0; background: #f6f6f6; position: relative; color: #5a5858}
.service .title{margin-bottom: 40px; margin-top: 40px;}
.service .tel-wechat{margin-top: 40px;}
.service.whiteBg{background: #fff}
.service.network{background: url(../images/network_bg.jpg) top center; height: 580px; color: #fff; font-size: 16px; padding: 30px 0 }
.service.network h3{color: #c6b99a; font-size: 48px; line-height: 90px;}

.service.jobus{background: url(../images/jobus_bg.jpg) top center; height: 564px; color: #fff; font-size: 16px; padding: 50px 0; text-align: center; font-size: 36px; }
.service.jobus h4{font-size: 48px; line-height: 100px;}


.service .baike{background: url(../images/service_01.png) no-repeat top left;  overflow: hidden; padding-left: 278px; margin-bottom: 40px;}
.service .baike h4{font-size: 18px; color: #a72126; font-weight: 700; line-height: 32px;}
.service .baike li{padding-bottom: 30px; font-weight: normal; }

.service .faq{background: url(../images/service_02.png) no-repeat top left; min-height: 150px; overflow: hidden; padding-left: 280px; margin-bottom: 40px;}
.service .faq h4{font-size: 18px; color: #333; font-weight: 700; line-height: 32px; font-weight: normal; cursor: pointer; margin-bottom: 5px;}
.service .faq li .answer{padding-bottom: 20px; padding-left: 30px; }


.tel-wechat{width: 940px; height: 90px; padding-top: 20px; overflow: hidden; margin: 0 auto;position: relative;}
.tel-wechat .tel-left{ width: 353px; padding-left: 92px; float: left; background: url(../images/tel_icon.png) no-repeat; height: 90px; font-size: 24px; color: #a08c59; font-weight: 700}
.tel-wechat .tel-left p{ font-family: arial; font-size: 36px; color: #a72126; line-height: 50px;}
.tel-wechat .wechat-right{width: 370px;padding-left: 105px;   float: right;background: url(../images/wechat_icon.png) no-repeat; height: 90px;font-size: 24px; color: #a08c59; font-weight: 700}
.tel-wechat .wechat-right p{font-weight: normal; line-height: 50px;}
.tel-wechat .wechat-right img{ position: absolute; top: 0; right: 0; width: 110px; height: 110px;}


/*案例*/
 ul.case{overflow: hidden;  margin-bottom: 50px;}
 ul.case li{width: 258px; float: left; height: 358px; background: #fff; position: relative; margin-right: 40px; margin-bottom: 40px;}
 ul.case li.last{margin-right: 0}
 ul.case li img{width: 258px; height: 258px;}
 ul.case li h4, ul.case li p{padding: 10px 20px; }
 ul.case li h4{color: #666666; font-size: 18px; line-height: 28px;}
 ul.case li p{color: #888888;height: 18px; overflow:hidden;}
 ul.case li:hover a{background: url(../images/hoverbg2.png) no-repeat top center; width: 258px; height: 358px; 
 position: absolute; top: 0; left: 0; opacity: 0;
}
 ul.case li:hover{background: #A02023;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
 ul.case li:hover h4{color: #fff}
 ul.case li:hover p{color: #c9c9c9}


/*新闻*/
 ul.news{overflow: hidden;  margin-bottom: 50px;}
 ul.news li{width: 359px; padding: 7px; float: left; height: 432px; background: #fff; position: relative; margin-right: 20px; margin-bottom: 20px;}
 ul.news li.last{margin-right: 0}
 ul.news li img{width: 359px; height: 258px;}
 ul.news li h4, ul.news li p,ul.news li .date{padding: 10px 20px; }
 ul.news li h4 {color: #666666; font-size: 18px; line-height: 32px; height: 25px; overflow:hidden;}
 ul.news li p{color: #888888; font-size: 14px; height: 70px; overflow: hidden;}
 ul.news li .date{font-family: arial;color: #888888; font-size: 14px}
 ul.news li .date span{float: right; font-family: "微软雅黑"}
 ul.news li:hover a{background: url(../images/hoverbg3.png) no-repeat top center; width: 370px; height: 432px; 
 position: absolute; top: 0; left: 0; opacity: 0;
}
 ul.news li:hover{background: #a72126;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
 ul.news li:hover h4{color: #fff}
 ul.news li:hover p{color: #c9c9c9}
 ul.news li:hover .date{color: #c9c9c9}

.news-detail{background: #fff; padding: 20px 50px}
.news-title{font-size: 24px; border-bottom: 1px solid #e5e5e5; line-height: 80px; text-align: center; font-weight: 700}
.news-date{color: #999; font-size: 14px; line-height: 70px; text-align: center;}
.news-date span{display: inline-block; margin: 0 20px;}

.returnBox{position: relative; margin: 40px 0}
.returnBox a{display: block; color: #999}
.returnBox a:hover{color: #a72126}
.returnBox a.return-btn{height: 49px; width: 118px; background: url(../images/return-btn.png); position: absolute; top: 0; right: 0}
.returnBox a.return-btn:hover{opacity: 0.6}

/*关于我们*/
.about-us{padding: 50px 0; background: #f6f6f6; position: relative;}
.about-us .title,
.about-advance .title,
.about-reputation .title,
.about-history .title,
.about-video .title,
.about-contact .title
{margin-top: 40px;}

.about-join .title{margin-top: 20px;}

.about-us .view720{width: 108px; height: 117px; display: block; position: absolute; top:70px; right: 40px; background: url(../images/view720.png); }

.about-advance{padding: 50px 0; background: #fff; position: relative;}
.about-advance ul.youshi{padding: 0 40px; overflow: hidden; margin-top: 50px;}
.about-advance ul.youshi li{width: 270px; height: 215px; color: #a08c59; font-weight: 700; font-size: 24px; line-height: 60px; text-align: center; float: left;}

.about-reputation{padding: 50px 0; background: #f6f6f6; position: relative;}
.reputation-slide {margin:0 auto; position:relative; margin-top: 50px; height: 210px; }
.reputation-slide  li{ text-align:center; display:block; width:245px; height:210px; text-align:center;}
.reputation-slide  li  a{display: block; }
.reputation-slide  li  p{display:block; font-size:16px; line-height:50px;}
.reputation-slide .reputation-direction-nav {*height: 0;}
.reputation-slide .reputation-direction-nav a  { text-decoration:none; display: block; width: 37px; height:37px;position: absolute; top:60px; z-index: 10; overflow: hidden;  cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arrow3.png) no-repeat; text-indent:-999em }
.reputation-slide .reputation-direction-nav .reputation-prev { left: -40px; background-position:-0px 0px }
.reputation-slide .reputation-direction-nav .reputation-next { right: -40px; background-position:-0px -37px}
.reputation-slide .reputation-direction-nav .reputation-prev:hover{opacity:1;background-position:-37px -1px}
.reputation-slide .reputation-direction-nav .reputation-next:hover{opacity:1;background-position:-37px -37px}

.about-history{padding: 50px 0; height: 535px; background:url(../images/history_bg.jpg) top center no-repeat; position: relative;}
.about-history .title{margin-bottom: 30px;}


.about-history .wrap .detail {
margin-top: 40px;
  height: 250px;

  font-size: 14px;
  line-height: 30px;
  color: #fff;
}
.about-history .wrap .detail .year {
  position: relative;
  padding: 0 54px 0 52px;
  font-size: 48px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;

}
.about-history .wrap .detail .year p{font-family: arial;  font-size: 72px;}
.about-history .wrap .detail .year s{width: 36px; height: 4px; background: #c6b99a; position: absolute; left: 52px; bottom: -40px;}

.about-history .wrap .detail .in {
  width: 795px; height: 240px; padding-right: 15px; 
}
.about-history .wrap .detail .in h3 {
  font-size: 42px;
  line-height: 84px;
  color: #dab866;
}
.about-history .wrap .year-btns {
  height: 80px;
}
.about-history .wrap .year-btns .hbtn {
  width: 37px;
  height: 37px;
  background: url(../images/arrow4.png) no-repeat 0 -0px;
  cursor: pointer;
  margin-right:10px;
  margin-top: 10px;
}
.about-history .wrap .year-btns .hbtn:hover{background-position: -37px -1px}
.about-history .wrap .year-btns .hbtn.next { background-position: -0px -37px; margin-right: 0; margin-left: 10px;}
.about-history .wrap .year-btns .hbtn.next:hover{ background-position: -37px -37px}
.about-history .wrap .year-btns .list {
  position: relative;
  overflow: hidden;
  width: 1065px;
  height: 80px;
  background: url(../images/bg_bg07.png) repeat-x -179px 12px;
}
.about-history .wrap .year-btns .list li {
  position: relative;
  float: left;
  width: 360px;
  height: 40px;
  padding-top: 40px;
  font: 20px/2 Arial;
  color: #999;
  text-align: center;
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  cursor: pointer;
}
.about-history .wrap .year-btns .list li::after {
  content: "";
  position: absolute;
  left: 180px;
  top: 12px;
  width: 1px;
  height: 22px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
}
.about-history .wrap .year-btns .list li.cur {
  color: #fff;
}
.about-history .wrap .year-btns .list li.cur::after {
  opacity: 1;
}


.about-video{padding: 50px 0; background: #fff; position: relative;}
.about-video .video-cate {overflow: hidden; text-align: center; margin: 20px 0 50px 0}
.about-video .video-cate a{ padding: 0 25px; line-height: 30px; height: 30px; display: inline-block;
font-size: 18px; color: #c6b99a; border: 1px solid #c6b99a; border-radius: 15px; margin: 0 10px;}
.about-video .video-cate a:hover,.about-video .video-cate a.on{background: #a72126;border-color: #a72126; color: #fff}
.about-video .video-list{height: 100%; overflow: hidden; margin-bottom: 50px;}
.about-video .video-list li{ width: 365px;  height: 297px; float: left; margin: 0 10px}
.about-video .video-list li a{display: block;background: #f0f0f0;padding: 7px;  text-align: center; color: #666; position: relative; }
.about-video .video-list li a p{line-height: 50px; font-size: 18px;}
.about-video .video-list li a img{width: 100%; height: 240px}
.about-video .video-list li a:hover{background: #a72126; color: #fff;}
.about-video .video-list li a:hover .video-ico{display: block; padding: 7px; width: 337px; height: 226px; margin:7px 0 0 7px; background: url(../images/video_ico.png) center center no-repeat rgba(0,0,0,.5);  position: absolute; top:0; left: 0;}



.about-join{padding: 50px 0; height: 371px; background:url(../images/join_bg.jpg) top center no-repeat; position: relative;}
.about-join{text-align: center; color: #666; font-size: 18px; line-height: 28px;}

.about-contact{padding: 50px 0; padding-bottom: 100px;  background:#f6f6f6; position: relative; height: 100%; overflow: hidden;}
.about-contact .map{width: 557px; height: 258px; float: left; margin-left: 30px;}
.about-contact .contact-info{width: 480px; height: 208px; padding: 25px 40px;float: left;background: #fff}
.about-contact .contact-info dl dt{color: #a72126; font-size: 24px; font-weight: 700; line-height: 35px; margin-bottom: 15px;}
.about-contact .contact-info dl dd{color: #333; font-size: 16px; line-height: 28px}

/*招聘*/
.bodyer.job-container{background: #fff; padding: 50px 0; color: #333}
.job-container .title{margin-bottom: 40px}
.job-list{overflow: hidden;margin: 40px 0}
.job-item{margin-bottom: 25px;width: 580px; float: left;}
.job-item dt{font-size: 24px; font-weight: 700; line-height: 60px; }
.job-item dd{}
.job-item dd h4{font-size: 18px; line-height: 50px;}

.job-bottom-address{ font-size: 18px; color: #666666; line-height: 32px; margin-top: 120px}
.job-bottom-address p{font-weight: 700; color: #a72126}
/*产品*/
.product-tab{overflow: hidden;height: 40px; margin-bottom: 20px;}
.product-tab a{display: block; float: left; margin-right: 10px; width: 115px; text-align: center; line-height: 40px; height: 40px; color: #333333;font-size: 16px; background: #e1e1e1}
.product-tab a:hover,.product-tab a.on{background: #a72126; color: #fff}

.product-tab-sub a{margin: 0 15px; color: #666; line-height: 42px; display: inline-block;}
.product-tab-sub a:hover,.product-tab-sub a.on{color: #a72126; border-bottom: 2px solid #a72126}
.product-cate{background: #fff; height: 378px; overflow: hidden; color: #666; font-size: 16px;margin-bottom: 40px;}
.product-cate .img{width:568px; float: left; overflow: hidden; }
.product-cate .txt{width: 510px; padding: 40px; float: left;}
.product-cate .txt h4{font-size: 36px; font-weight: 700; color: #a72126}
.product-cate .txt h5{font-weight: normal;font-size: 24px; font-family: arial; color: #b9b9b9; line-height: 55px;}
.product-cate .txt s{display: block; height: 3px; background:#a72126; width: 35px; margin: 10px 0 20px 0 }

 ul.product-list{overflow: hidden;  }
 ul.product-list li{width: 258px; float: left; height: 288px; background: #fff; position: relative; margin-right: 40px; margin-bottom: 40px;}
 ul.product-list li.last{margin-right: 0}
 ul.product-list li img{width: 258px; height: 258px;}
 ul.product-list li h4, ul.product-list li p{padding: 0px 15px; }
 ul.product-list li h4{color: #666666; font-size: 18px; line-height: 42px; margin-bottom: 0px;}
 ul.product-list li p{color: #888888;font-size: 12px; }
 ul.product-list li:hover a{/*background: url(../images/hoverbgc1.png) no-repeat top center;*/ width: 258px; height: 158px; 
 position: absolute; top: 0; left: 0; opacity: 0;}
ul.product-list li:hover{background: #A02023;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.product-list li:hover h4{color: #fff}
ul.product-list li:hover p{color: #ffb5b8}

ul.product-list.style1 li{height: 208px;}
ul.product-list.style1 li h4{text-align: center;}



.more-detail {width: 482px; height: 172px;width: 282px; height: 165px; position: absolute;top: 0;right: 0; }
.more-detail img{border:1px solid #e5e5e5;}
.more-detail p{font-size: 16px; color: #000; line-height: 32px; text-align: center;}

.more-detail .goto-tmall{width: 120px; float: left}
.more-detail .goto-tmall img{padding: 15px;}

.more-detail .more-page{display: block; float: left; position: relative; margin-right: 20px;}
.more-detail .more-page img{padding: 20px;}

.more-detail .more-qrcode{display:none; margin-top: -33px;}
.more-detail .more-qrcode img{padding: 10px;}








.product-detail{background: #fff; padding: 50px 0; position: relative; font-size: 16px; color: #333}
.product-detail h1.tit{font-size: 30px; color: #961318; line-height: 32px;margin-bottom: 20px;}
.product-detail h1.tit p{font-size: 24px; color: #999}
.product-detail h5.tit{font-size: 24px; color: #333; line-height: 60px;}
.product-detail .style-cate{overflow: hidden; margin: 35px 0}
.product-detail .style-cate li{width: 140px; height: 190px; float: left; font-size: 14px; margin-right: 30px;}
.product-detail .style-cate li a{color: #999}
.product-detail .style-cate li a p{color: #333}
.product-detail .style-cate li img{width: 140px; height: 140px;}

.zomeapp{position: relative;}
.zomeapp  p{line-height: 55px}
.zomeapp-direction-nav {*height: 0; height:58px; position:absolute; width:100%; top:50%; margin-top: -50px}
.zomeapp-direction-nav li{height:58px; width:29px; }
.zomeapp-direction-nav a  { text-decoration:none; display: block; position:absolute; top:0; width: 29px; height:58px;  z-index: 10; overflow: hidden; opacity: 1; cursor: pointer;  text-indent:-999em }
.zomeapp-direction-nav .zomeapp-prev { left: 20px;  background:url(../images/fancy_nav_left.png) no-repeat;}
.zomeapp-direction-nav .zomeapp-next { right: 20px;  background:url(../images/fancy_nav_right.png) no-repeat; }





.searchBox{ background: #e1e1e1; width: 258px; height: 40px; position: absolute; top: 0; right: 0}
.searchBox input{border: none;background: none}
.searchBox .keyword{width: 195px; float: left; line-height: 40px; padding: 0 10px; color: #888; font-family: 微软雅黑;font-size: 14px;}
.searchBox .searchbtn{width: 40px; height: 40px; float: right; background:url(../images/search-btn.png);}
.searchBox .searchbtn:hover{opacity: .9}


/*footer*/
footer{background: #464545;margin: 0; padding-top: 20px;}
.foot-nav{overflow: hidden; float: left; height: 100%}
.foot-nav li{width: 110px; margin-right: 18px; float: left;}
.foot-nav li p{line-height: 40px; font-size: 16px; background: url(../images/foot-line.png) bottom left no-repeat; display: block; color: #fff; margin-bottom: 10px;}
.foot-nav li a{display: block; color: #b6b6b6; line-height: 24px; font-size: 14px;}
.foot-nav li a:hover{color: #fff}
footer .foot-hotline{width: 250px; height: 80px; float: left; margin-left: 55px;}
footer .foot-hotline p{color: #fff; font-size: 18px; line-height: 40px;}
footer .foot-hotline span{display: block; background: url(../images/h_icon.png) no-repeat 0 -486px; padding-left: 35px; height: 40px; line-height: 40px; color: #c6b99a; font-size: 30px; font-family: arial; font-weight: 700}
.foot-qrcode{width: 111px; height: 180px; float: right; margin-top: 15px; color: #fff; font-size: 15px; text-align: center;}
.foot-qrcode img{width: 111px; height: 111px; }
.foot-qrcode p{font-weight: 700; font-size: 18px;}
footer .copyright{text-align: right; font-size: 12px; color: #fff; line-height: 53px; border-top:  1px solid #575757; margin-top: 20px; background: url(../images/foot-logo.png) no-repeat 15px 0;}



/*分页*/
DIV.pageDiv {
	MARGIN: 20px; COLOR: #9d9d9d; PADDING: 5px; TEXT-ALIGN: center;
}
DIV.pageDiv a{
	 PADDING: 8px 14px; font-weight:700;MARGIN-RIGHT: 3px; color: #9d9d9d;  BORDER: #ededed 1px solid; TEXT-DECORATION: none;
}
DIV.pageDiv a:hover {
	BORDER: #d6262b 1px solid; BACKGROUND-COLOR: #d6262b; color:#FFF
}
DIV.pageDiv span.current {
	 PADDING: 8px 14px; FONT-WEIGHT: bold;  MARGIN-RIGHT: 3px; BORDER: #d6262b 1px solid; BACKGROUND-COLOR: #d6262b; color:#FFF
}
DIV.pageDiv span.disabled {
 PADDING: 8px 14px;	 COLOR: #9d9d9d; MARGIN-RIGHT: 3px;  BORDER: #ededed 1px solid; TEXT-DECORATION: none;
}




/*置顶*/
.toTop {
  position: fixed;
  bottom: 20px;
  display: none;
  z-index: 999;
  left: 100%;
  margin-left: -60px;
}

.toTop .pos-toTop {
  background: #e0e0e0 url(../images/go-top.png) no-repeat;
}
.toTop .pos-toTop  {
  width: 36px;
  height: 36px;
  padding: 6px;
  display: block;
  margin: 2px 0;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
.toTop .pos-toTop:hover span{
  display: block;
}
.toTop .pos-toTop span {
	font-size:14px;
  display: none;
}

.toTop .pos-toTop:hover {
  background: #be282f;
  color: #fff;
}

.vjs-big-play-button {
  margin-left: 360px;
  margin-top: 170px;
}



.i-title-box {
    text-align: center;
    padding: 102px 0 83px;
}
.i-title {
    padding: 0 60px;
    text-align: center;
    width: auto;
    margin: 0 auto;
    background-image: url(http://www.nabel.cc/static/web/css/../img/i_title1.png),url(http://www.nabel.cc/static/web/css/../img/i_title2.png);
    background-position: left center ,right center;
    background-repeat: no-repeat;
    display: inline-block;
    max-width: 100%;
}
.i-title p {
    font-size: 40px;
    color: #333333;
    line-height: 1.125;
    text-transform: uppercase;
    font-family: 'MyriadPro';
}
.i-title h3 {
    font-size: 32px;
    color: #ff0000;
    line-height: 1.33;
}
.w {
    width: 1200px;
    margin: 0 auto;
}
.list-case2 {
    /* width: 62.4%; */
    width: 1200px;
}
.list-case, .list-case2 {
    /* width: 61.3%; */
    width: 1200px;
    margin: 0 auto;
}
.f-cb {
    zoom: 1;
}
.f-cb ul{
width:100%;
float:left;
}
.list-case2 li {
    width: calc(31.8% - 2px);
}

.list-case li, .list-case2 li {
    position: relative;
    width: calc(29.5% - 2px);
    border: 1px solid #c9c9c9;
    background: #fff;
	float:left;
}

.list-case2 li img.poa {
    left: 4.2%;
    top: -4.2%;
}

.list-case li img.poa, .list-case2 li img.poa {
    left: 5.7%;
    top: 7.25%;
    transition: all 0.5s;
}

.poa {
    position: absolute;
}

.list-case2 li p {
    left: 20%;
    top: 87%;
    padding: 0;
    font-size: 16px;
    line-height: 2;
    color: #666;
    background: none;
}

.list-case li p, .list-case2 li p {
    position: absolute;
    left: 20%;
    top: 83%;
    padding: 10px 18px;
    font-size: 18px;
    line-height: 2;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.5s;
}

.clear{

clear:both;
}

.list-case2 li:nth-child(2n) {
    margin: 4% 2% 3.3%;
}
.list-case li:nth-child(2n), .list-case2 li:nth-child(2n) {
    margin: 3.7% 5.4% 4%;
}

.list-case2 li {
    width: calc(31.8% - 2px);
}

.list-case li, .list-case2 li {
    position: relative;
    width: calc(29.5% - 2px);
    border: 1px solid #c9c9c9;
    background: #fff;
}
.list-case li:hover img.poa, .list-case2 li:hover img.poa {
    transform: scale(1.05);
}
.list-case2 li img.poa {
    left: 4.2%;
    top: -4.2%;
}
.hPic{
max-width:1050px;
}











.jz-txt2 {
    padding-bottom: 56px;
}
.bgc-f1 {
    background-color: #f1f1f1;
}
.wp {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.jz-tit4 {
    font-size: 40px;
    color: #c80000;
    font-weight: normal;
    text-align: center;
    padding-top: 46px;
    margin-bottom: 14px;
}
.jz-txt2 p {
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 24px;
}
.jz-txt2 {
    padding-bottom: 56px;
}
.wp {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.jz-tit4 {
    font-size: 40px;
    color: #c80000;
    font-weight: normal;
    text-align: center;
    padding-top: 46px;
    margin-bottom: 14px;
}
.jz-txt2 p {
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 24px;
}
.jz-ad img {
    display: block;
}
.jz-table-box {
    background-color: #f1f1f1;
}
.wp {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.jz-table-box table {
    width: 100%;
    font-size: 14px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.jz-table-box th {
    text-align: center;
    border: 1px solid #b2b2b2;
    height: 45px;
    background-color: #dcdcdc;
}
caption, th {
    text-align: left;
}
.jz-table-box td {
    text-align: center;
    height: 42px;
    border: 1px solid #b2b2b2;
}
.jz-table-box p {
    margin: 8px 0 26px;
}
.process {
    height: 420px;
    overflow: hidden;
    margin-top: 60px;
    position: relative;
    z-index: 1;
}
.process .yz-tit4 {
    padding: 50px 0 55px 0;
    color: #fff;
}
.yz-tit4 {
    font-size: 30px;
    font-weight: normal;
    text-align: center;
}
.process .wp {
    position: relative;
}
.wp {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.process .em-borer {
    position: absolute;
    top: 73px;
    left: 43px;
    width: 92%;
    height: 2px;
    background: url(../images/process-ico3.jpg) repeat-x left center;
    z-index: 1;
}
.n, em {
    font-weight: normal;
    font-style: normal;
}
.process li.li1 {
    background: url(../images/yz-process-ico1.png) no-repeat center top;
}
.process li {
    float: left;
    color: #fff;
    width: 8.33%;
    text-align: center;
    position: relative;
}
.process li span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -2px;
    width: 15px;
    height: 15px;
    background: url(../images/process-f-ico.jpg) no-repeat center center;
    z-index: 99;
}
.process li em {
    display: inline-block;
    padding-top: 117px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.process li.li1 {
    background: url(../images/yz-process-ico1.png) no-repeat center top;
}
.process li.li2 {
    background: url(../images/yz-process-ico2.png) no-repeat center top;
}
.process li.li3{background: url(../images/yz-process-ico3.png) no-repeat center top;}
.process li.li4{background: url(../images/yz-process-ico4.png) no-repeat center top;}
.process li.li5{background: url(../images/yz-process-ico5.png) no-repeat center top;}
.process li.li6{background: url(../images/yz-process-ico6.png) no-repeat center top;}
.process li.li7{background: url(../images/yz-process-ico7.png) no-repeat center top;}
.process li.li8{background: url(../images/yz-process-ico8.png) no-repeat center top;}
.process li.li9{background: url(../images/yz-process-ico9.png) no-repeat center top;}
.process li span{position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -2px;width: 15px;height: 15px;background: url(../images/process-f-ico.jpg) no-repeat center center;z-index: 99;}
.process .wp{position: relative;}
.process .em-borer{position: absolute;top: 73px;left:43px;width: 92%;height: 2px;background: url(../images/process-ico3.jpg) repeat-x left center;z-index: 1;}


.yz-txt-box4{position:relative;z-index:1;}
.yz-txt-box4 .yz-tit4{padding:50px 0;}
.yz-txt-box4 .wp{position: relative;height: 100%;overflow: hidden;}
.yz-txt-box4 .em-borer{position: absolute;left: 50%;top: 8px;width: 1px;height: 100%;background: url(../images/em-border2.jpg) repeat-y center top;}
.yz-txt-box4 ul{clear: both;}
.yz-txt-box4 li{margin-bottom: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.yz-txt-box4 li h5{font-size: 18px;color:#c80000;font-weight: normal;margin-bottom: 18px;position: relative;}
.yz-txt-box4 li p{line-height: 24px;color:#333;}
.yz-txt-box4 .li-r{float: right;width: 50%;padding-left: 100px;clear: right;}
.yz-txt-box4 .li-l{/*float: left;*/width: 50%;text-align: right;padding-right: 100px;margin-top: 70px;}
.yz-txt-box4 .li-r h5{text-align:left;}
.yz-txt-box4 .li-l h5{text-align:right;}
.yz-txt-box4 .li-r h5 em{position: absolute;top: 5px;left: -107px;background: url(../images/huibao-ico-r.jpg) no-repeat left center;width: 73px;height: 15px;z-index: 10;}
.yz-txt-box4 .li-l h5 em{position: absolute;top: 5px;right: -107px;background: url(../images/huibao-ico-l.jpg) no-repeat left center;width: 73px;height: 15px;z-index: 10;}



.yz-join{background-color: #f1f1f1;}
.yz-join .yz-tit4{padding:50px 0 25px 0;}
.yz-table2{width: 100%;overflow: hidden;}
.yz-table2 li{height: 90px;overflow: hidden;float: left;width: 33.33%;}
.yz-table2 li.massage{width: 100%;height:auto;}
.yz-table2 li.li-btn{width: 100%;float: none;margin-top: 10px;}
.yz-table2 li.li-city{width: 100%;float: none;margin-top: 10px;}
.yz-table2 .box{padding:0 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;}
.yz-table2 span{display: block;width: 100%;padding-bottom: 10px;}
.yz-table2 .yz-inp2{width: 100%;display: block;border:1px solid #c6c6c6;height: 38px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;padding:0 10px;font-family:"微软雅黑","Microsoft Yahei";}
.yz-table2 .box2{padding:0 8px 0 10px;}
.yz-table2 span.span-ico{padding-left: 7px;background: url(../images/table-star.jpg) no-repeat left 6px;}
.yz-table2 .massage-inp{width: 100%;border:1px solid #c6c6c6;height: 140px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;padding:15px;}
.yz-table2 em{float: right;}
.yz-table2 em input{width: 98px;height: 38px;background: none;border:1px solid #fff;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.yz-table2 .reset{border-color:#c6c6c6;margin-right: 12px;}
.yz-table2 .for{border-color:#c80000;color:#c80000;}
.yz-table2 .reset:hover,.yz-table2 .for:hover{background-color: #c80000;border:1px solid #c80000;color:#fff;border-radius: 3px;}


.yz-img-list2 li:hover .img1{opacity: 1;}
.yz-img-list2-xg li{position: relative;margin-bottom: 10px;}
.yz-img-list2-xg .txt{height: 30px;line-height: 30px;
  overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;
}


.cur_tit .cur{
	display:none;
}
.newstitle{
margin:50px;
font-size:20px;
}

.box .more {
    display: block;
    width: 174px;
    height: 49px;
    line-height: 49px;
    text-indent: 78px;
    margin: 5px auto 0;
    background: #939393 url(../images/more_ico.png) no-repeat 42px center;
    font-size: 16px;
    color: #ffffff;
}

.prolist{

width:100%;
}
.prolist li{

width:100%;
}
.list-title{
font-size: 50px;
    width: 100%;
    height: 75px;
    margin: 30px 0px 5px 0px;
    background: url(../images/jt.png) left no-repeat;
    line-height: 75px;
    padding-left: 90px;
}

.prolist2 li{

float:left;
}


list-img1 img {
width:400px;
}
.list-img2 img{
width:400px;
}
list-img3 img {
width:400px;
}
.list-img4 img{
width:400px;
}
.list-img5 img{
width:400px;
}
}
}