@charset "utf-8";
body{background:url(../img/bgtyj.gif) center 775px no-repeat;}

#BANNER{height:650px;left:0;top:0;width:100%;padding:0 0 0 0;}
#BANNER li{height:auto;width:100%;z-index: 5;}
#BANNER_CONL{width:100%;height:18px;bottom:38px;text-align:center;z-index:11;}
#BANNER_CONL a{background:#ccc;height:12px;width:12px;display:inline-block;margin:0 3px;border-radius:15px;}
#BANNER_CONL a.selected{background:#d39b49;}
@media screen and (max-width:600px)
{
  body{background:#f2f2f2;}
	#BANNER{height:auto;left:0;top:0;width:100%;display: none;}
	#BANNER_CONL{width:100%;text-align:center;margin:50px 0 0 0;display: none;}

	#TAB_0_BANNER{height:0;overflow:hidden;}
	#TAB_0_BANNER .swiper-slide{position:relative;}
	#TAB_0_BANNER .swiper-slide .banner-title{position:absolute;left:0;bottom:0;width:94%;padding:0 3%;height:34px;line-height:34px;color:#fff;font-size:14px;}
	#TAB_0_BANNER .swiper-pagination{text-align:center;width:100%;top:92%;}
	#TAB_0_BANNER .swiper-pagination-bullet{background:#ddd;height:3px;width:32px;border-radius:10px;opacity:1}
	#TAB_0_BANNER .swiper-pagination-bullet-active{background:#913F13;}
}

#MK_VIDEO{
	position: fixed;width:40%;left:30%;top:-50%; z-index: 60;text-align: center;
}
#video_src{
	width:100%;margin:0 auto;outline: 0 solid #fff;background: #fff;
}

@media screen and (max-width:600px)
{
	#MK_VIDEO{
        position: fixed;width:90%;left:5%;top:-50%; z-index: 60;text-align: center;
    }
    #video_src{
        height:auto;width:100%;margin:0 auto;outline: 0 solid #fff;background: #fff;
    }
}

@media screen and (max-width:600px)
{
	.BOO0V{
		padding:25px 0;background: #fff;
	}
	.BOO0V .ttt{
		font-size: 22px;text-align: center;color:#333;height:50px;line-height: 32px;
	}
	.BOO0V .boxs{
		width: 88%;margin:0 auto;display: block; position: relative;
	}
	.BOO0V .boxs img{
		width:100%;height:auto; vertical-align: top;
	}
	.BOO0V .boxs .name{position: absolute;left:0;bottom:0;width:90%;background: rgba(105, 58, 22, 0.6);color:#fff;height:32px;line-height: 32px;font-size:13px; letter-spacing: 0.05em;padding:0 5%;}
	.BOO0V .more{
		width: 88%;margin:15px auto 0 auto;
	}
	.BOO0V .more a{display: inline-block;width:77px;height:25px;line-height: 25px;background: #693A16;font-size: 13px;letter-spacing: 0.05em; color:#fff;border-radius: 5px;text-align: center;}

	.BOO0V .boxs .play{background: url(../img/play.png) no-repeat center;background-size:40px;position: absolute;left:0;top:0;height:100%;width:100%;}

}

.t_tit0{text-align: center;position: relative;}
.t_tit0 .cn{display: block;font-size:35px;font-weight: normal;height:60px;line-height: 70px;color:#111;}
.t_tit0 .en{display: inline-block;padding:0 15px;background:#fff;height:30px;line-height: 30px;font-size:14px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#111;}
.t_tit0 .line{width:100%;width:100%;position: absolute;left:0;top:75px;height:1px;background:#4d4d4d;}
@media screen and (max-width:600px)
{
  .t_tit0{text-align: center;position: relative;}
  .t_tit0 .cn{display: inline-block;font-size:27px;font-weight: normal;height:60px;line-height: 80px;color:#111;background:#f2f2f2;z-index: 2;position: relative;padding:0 5%;}
  .t_tit0 .en{display: block;background:none;padding:0 15px;height:30px;line-height: 30px;font-size:14px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#555;font-family: 'arial';}
  .t_tit0 .line{width:70%;position: absolute;left:15%;top:45px;height:1px;background:#aaa;z-index: 1;}
}



.BOO0{height:auto;margin:-24px 0 0 0;}
.BOO0 .t_tit0{position: relative;top:50px;}
.BOO0 .list{position: relative;width: 100%;text-align: center;margin:50px 0 0 0;}
.BOO0 .list a{display: inline-block;position: relative;filter:grayscale(1);}
.BOO0 .list a .cn{position: absolute;left:0;top:55px;width:100%;color:#fff;font-size: 20px;}
.BOO0 .list a .en{position: absolute;left:0;top:89px;width:100%;color:#fff;font-size: 12px;}
.BOO0 .list a .jiao{position: absolute;top:-30px;left:0;width:100%;background:url(../img/icon_2.png) no-repeat top center;height:40px;}
.BOO0 .list a:hover{filter: grayscale(0);}
.BOO0 .list a:hover .jiao{top:0;}
.BOO0 .info{padding:85px 0 0 0;text-align: center;line-height: 34px;font-size:15px;color:#666666;}
.BOO0 .more{text-align: center;margin:40px 0 0 0;}
.BOO0 .more:hover img{transform: rotate(180deg);}


.BOO0 .video{text-align: center;padding:25px 0 44px 0;background: #eee;margin:50px 0 50px 0;}
.BOO0 .video .ttt{padding:20px 0 22px 0;font-size: 25px;color:#333;}
.BOO0 .video .boxs{display: inline-block;width:300px;margin:0 5px;position: relative;}
.BOO0 .video .boxs .name{position: absolute;left:0;bottom:0;width:100%;background: rgba(197,125,5,0.8);color:#fff;height:32px;line-height: 32px;font-size:13px; letter-spacing: 0.05em;}
.BOO0 .video .boxs .play{background: url(../img/play.png) no-repeat center;background-size:40px;position: absolute;left:0;top:0;height:100%;width:100%;}
.BOO0 .video .boxs img{vertical-align: top;}
.BOO0 .video .boxs:hover{transform: scale(1.05);}
.BOO0 .video .more a{display: inline-block;width:111px;height:35px;line-height: 35px;background: #ccc;font-size: 13px;letter-spacing: 0.05em; color:#444;border-radius: 5px;}

@media screen and (max-width:600px)
{
  .BOO0{height:auto;margin:-0 0 0 0;width:92%;margin:0 auto;}
  .BOO0 .t_tit0{position: relative;top:25px;}
  .BOO0 .list{position: absolute;left:0;top:570px;width: 100%;text-align: center;}
  .BOO0 .list a{display: inline-block;position: relative;filter:grayscale(1);}
  .BOO0 .list a .cn{position: absolute;left:0;top:55px;width:100%;color:#fff;font-size: 20px;}
  .BOO0 .list a .en{position: absolute;left:0;top:89px;width:100%;color:#fff;font-size: 12px;}
  .BOO0 .list a .jiao{position: absolute;top:-30px;left:0;width:100%;background:url(../img/icon_2.png) no-repeat top center;height:40px;}
  .BOO0 .list a:hover{filter: grayscale(0);}
  .BOO0 .list a:hover .jiao{top:0;}
  .BOO0 .info{padding:10px 5% 0 5%;text-align: left;line-height: 2em;font-size:1.2em;color:#666666;background:#fff;}
  .BOO0 .infoimg img{width:100%;height:auto;padding:50px 0 0 0;}
  .BOO0 .more{text-align: left;padding:10px 5% 35px 5%;background:#fff;margin:0;}
  .BOO0 .more a{display: inline-block;color:#fff;background:#6a3a16;width:90px;height:33px;line-height: 33px;border-radius: 5px;text-align: center;font-size:14px;}
  
  .BOO0 .video{text-align: center;padding:25px 0 0 0;background: #fff;margin:50px 0 50px 0;}
  .BOO0 .video .more a{padding-bottom:15px;}
}

.BOO1{height:655px;}
.BOO1 .DEFS{width:1220px;margin:0 auto;background:#fff;padding:0 0 90px 0;height:462px;position: relative;top:50px;}
.BOO1 h3{padding:50px 40px 28px 40px;font-weight: normal;}
.BOO1 h3 img{float: left;}
.BOO1 h3 .cn{padding: 0 0 0 10px;height:30px;line-height: 30px;font-size:18px;}
.BOO1 h3 .en{padding: 0 0 0 10px;height:30px;line-height: 30px;color:#888;}
.BOO1 .l{width:212px;margin:0 0 0 40px;float: left;border:1px solid #eee;border-bottom:0;}
.BOO1 .l .select{}
.BOO1 .l ul{border-bottom:0;height:auto;width:100%;}
.BOO1 .l ul a{display: block;width:100%;height:43px;line-height: 43px;font-size:14px;color:#444;position:relative;z-index: 4;border-bottom: 1px solid #eee;}
.BOO1 .l ul a{border-right:1px solid #eee;}
.BOO1 .l ul a span{display: block;width:150px;padding:0 0 0 45px;}
.BOO1 .l ul a.selected .jiao{
	position: absolute;
	right:-6px;
	top:16px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #83533a;
    border-bottom: 6px solid transparent;
}
.BOO1 .l ul a.selected{color:#fefefe;background:#83533a;box-shadow: 0 2px 2px #ddd;}
.BOO1 .r{width:880px;margin:0 40px 0 0;float: right;height:400px;overflow:hidden;}
.BOO1 .r ul{}
.BOO1 .r ul li{height:400px;position: relative;}
.BOO1 .r .eff{position: absolute;left:0;top:0;}
.BOO1 .r .text{position: absolute;left:560px;top:4px;height:366px;}
.BOO1 .r .text h5{font-size:26px;color:#83533a;font-weight: normal;margin:0 0 11px 0;}
.BOO1 .r .text h6{font-size:14px;color:#444;font-weight: normal;height:56px;}
.BOO1 .r .ms{line-height: 20px;color:#555;font-size: 14px;}
.BOO1 .r .cp{margin:15px 0 15px 0;}
.BOO1 .r .cp a{margin:0 11px 0 0 ;}
.BOO1 .r .cp img{width:61px;border:1px solid #ccc;}
.BOO1 .r .cp img:hover{border-color:#83533a;}
.BOO1 .r .more{display: block;width:72px;border:1px solid #83533a;height:36px;line-height: 36px;text-align: center;color:#83533a;font-size:14px;position: absolute;bottom:4px;left:0;}
.BOO1 .r .more:hover{background:#83533a;color:#fefefe;}
@media screen and (max-width:600px)
{
	.BOO1{height:auto;width:92%;margin:0 auto;}
	.BOO1 .DEFS{width:100%;margin:0 auto;background:#f2f2f2;padding:0 0 20px 0;height:auto;position: relative;top:40px;}
	.BOO1 h2{padding:12px 0 12px 0;}
	.BOO1 h3{display: none;}
	.BOO1 .l{width:100%;margin:0 0 0 0;float: none;border:0;border-bottom:0;}
	.BOO1 .l .select{}
	.BOO1 .l ul{border-bottom:0;height:auto;width:100%;}
	.BOO1 .l ul a{display: flex;margin:0 2.5% 2.1% 0;width: 31.5%;height:43px;line-height: 43px;font-size:12px;color:#444;position:relative;z-index: 4;border-bottom: 1px solid #eee;float:left;text-align: center;background:#fff;justify-content: center;align-items:center;}
	.BOO1 .l ul a:nth-child(3n){margin:0 0 2.1% 0;}
	/*.BOO1 .l ul a:nth-child(n+6){display: none;}
	.BOO1 .l ul a:nth-child(9){display: table;margin:0 0 2.1% 0;}*/
	.BOO1 .l ul a{border-right:0;}
	.BOO1 .l ul a span{display: table-cell;width:auto;padding:0 10%;line-height: 20px;vertical-align: middle;}
	.BOO1 .l ul a.selected .jiao{display:none;position: absolute;right:-6px;top:16px;width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #d82128;border-bottom: 6px solid transparent;}
	.BOO1 .l ul a.selected{color:#fefefe;background:#6a3a16;box-shadow: 0 2px 2px #ddd;}
	.BOO1 .r{width:100%;margin:0 0 0 0;float: none;height:auto;overflow:hidden;height:620px;border-bottom:1px solid #ddd;}
	.BOO1 .r ul{}
	.BOO1 .r ul li{height:620px;position: relative;}
	.BOO1 .r .eff{position: inherit;left:0;top:0;max-height: auto;overflow: hidden;}
	.BOO1 .r .eff img{width:100%;height:auto;}
	.BOO1 .r .text{position: inherit;left:inherit;top:inherit;height:336px;}
	.BOO1 .r .text h5{font-size:24px;color:#6a3a16;font-weight: normal;margin:10px 0 11px 0;}
	.BOO1 .r .text h6{font-size:14px;color:#444;font-weight: normal;height:auto;width:80%;}
	.BOO1 .r .ms{line-height: 23px;color:#555;font-size: 14px;letter-spacing: 0.05em;}
	.BOO1 .r .cp{margin:15px 0 15px 0;}
	.BOO1 .r .cp a{margin:0 11px 0 0 ;}
	.BOO1 .r .cp img{width:41px;border:1px solid #f2f2f2;}
	.BOO1 .r .cp img:hover{border-color:#6a3a16;}
	.BOO1 .r .more{display: block;width:62px;border:1px solid #6a3a16;height:32px;line-height: 32px;text-align: center;color:#6a3a16;font-size:14px;position: absolute;top:10px;right:0px;left:inherit;border-radius: 6px;}
	.BOO1 .r .more:hover{background:#6a3a16;color:#fefefe;}
}


.BOO2_BG{height:501px;width:100%;background:#f7f7f7;}
.BOO2{height:500px;top:0px;position: relative;}
.BOO2 .t0{font-size:35px;font-weight:normal;;color:#333;text-align: center;padding:40px 0 10px 0;}
.BOO2 .t1{font-size:16px;color:#444;text-align: center;letter-spacing: 1px;margin:0 0 22px 0;}
.BOO2 .t2{width:55px;height:2px;background:#83533a;margin:0 auto;}
.BOO2 ul{margin:40px 0 0 0;}
.BOO2 ul li{display: inline-block;text-align: center;width:370px;float: left;margin:0 45px 0 0;}
.BOO2 ul li:last-child{margin:0 0 0 0;}
.BOO2 ul li p{height:50px;line-height: 58px;font-size: 16px;font-weight: bold;color:#555;}
.BOO2 li img:hover{transform: translateY(-8px);box-shadow: 0 2px 5px #ccc;}
@media screen and (max-width:600px)
{
	.BOO2_BG{height:auto;width:100%;background:#f2f2f2;}
	.BOO2{height:auto;top:0px;position: relative;}
	.BOO2 .text{width:92%;margin:5px auto 0 auto;background:#fff;}
	.BOO2 .more{padding:15px 0 35px 0;}
	.BOO2 .more a{display:block;margin:0 auto;width:90px;height:36px;line-height: 36px;background:#6a3a16;color:#fff;border-radius: 7px;text-align: center;font-size: 14px;}
	.BOO2 ul{margin:40px 0 0 0;}
	.BOO2 ul li{display: inline-block;text-align: center;width:370px;float: left;margin:0 45px 0 0;}
	.BOO2 ul li:last-child{margin:0 0 0 0;}
	.BOO2 ul li p{height:50px;line-height: 58px;font-size: 16px;font-weight: bold;color:#555;}
	.BOO2 ul li img:hover{transform:translateY(-10px);box-shadow: 0 6px 2px #ccc;}
}


.BOO22_BG{height:660px;}
.BOO22{padding:50px 0 0 0;width:1200px;margin:0 auto;position: relative;}
.BOO22 h2{text-align: center;position: relative;}
.BOO22 h2 .cn{display: block;font-size:32px;font-weight: normal;height:30px;line-height: 24px;color:#333;}
.BOO22 h2 .en{display: inline-block;padding:0 15px;height:30px;line-height: 35px;font-size:13px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#777;}
.BOO22 h2 .lll{width:37%;position: absolute;left:0%;top:47px;height:1px;background:#4d4d4d;}
.BOO22 h2 .rrr{width:37%;position: absolute;right:0%;top:47px;height:1px;background:#4d4d4d;}
.BOO22 .limg{position: absolute;left:35px;top:160px;width:250px;z-index: 5;}
.BOO22 .rimg{position: absolute;right:35px;top:160px;width:250px;z-index: 5;}
.BOO22 .quan{position: absolute;left:0;top:190px;width:100%;text-align: center;}
.BOO22 .limg img,.BOO22 .rimg img{margin:0 0 7px 0;}
.BOO22 .limg img:hover,.BOO22 .rimg img:hover{transform: scale(0.96);box-shadow: 0 2px 4px #ccc;}
@media screen and (max-width:600px)
{
	.BOO22_BG{height:auto;margin:24px auto 0 auto;;}
	.BOO22{max-width: 92%;margin:0 auto;background:#fff;padding:12px 0 0 0;}
	.BOO22 h2{text-align: center;position: relative;}
	.BOO22 h2 .cn{display: inline-block;font-size:27px;font-weight: normal;height:60px;line-height: 80px;color:#333;background:#fff;position: relative;padding:0 5%; z-index:3;}
	.BOO22 h2 .en{display: block;padding:0 15px;height:30px;line-height: 35px;font-size:13px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#777;}
	.BOO22 .text{width:96%;margin:18px auto 0 auto;background:#fff;}
	.BOO22 .more{padding:15px 0 35px 0;}
	.BOO22 .more a{display:block;margin:0 auto;width:92px;height:36px;line-height: 36px;background:#6a3a16;color:#fff;border-radius: 7px;text-align: center;font-size: 14px;}

}
.carousel {
	top:150px;
	position: relative;
  padding: 20px;
  -webkit-perspective: 1200px;
          perspective: 1200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carousel > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.carousel figure {
  margin: 0;
  width: 65%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.carousel figure .boxs {
  width: 100%;
  box-sizing: border-box;
  transform: scale(0.9);
  padding: 0 0px;
}
.carousel figure .boxs:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  position: absolute;
  left:0;top:42%;width:100%;
  height:70px;
  z-index: 100;
  width:100%;
}
.carousel nav button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0;
  cursor: pointer;
  color: #333;
  background: none;
  border:0;
  letter-spacing: 1px;
  padding:0;
  width:70px;
  height:70px;
  position: absolute;
}
.carousel nav .next{right:10%;top:15%;background:url(../img/tr1.png);}
.carousel nav .prev{left:10%;top:15%;background:url(../img/tl1.png);}

.BOO3{height:662px;position: relative;overflow: hidden;}
.BOO3 h2{text-align: center;position: relative;width:1200px;margin:0 auto;top:60px;}
.BOO3 h2 .cn{display: block;font-size:32px;font-weight: normal;height:30px;line-height: 24px;color:#333;}
.BOO3 h2 .en{display: inline-block;padding:0 15px;height:30px;line-height: 35px;font-size:13px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#777;}
.BOO3 h2 .lll{width:21%;position: absolute;left:15%;top:47px;height:1px;background:#4d4d4d;}
.BOO3 h2 .rrr{width:21%;position: absolute;right:15%;top:47px;height:1px;background:#4d4d4d;}
.BOO3 .mask{position: absolute;z-index: 5;top:140px;height:372px;width:100%}
.BOO3 .mask .lll{left:0;top:0;height:372px;background:rgba(255,255,255,0.9);width:23%;}
.BOO3 .mask .rrr{left:77%;top:0;height:372px;background:rgba(239,239,239,0.9);width:23%;}
.BOO3 .ul{height:372px;position: relative;top:110px;z-index: 1;overflow: hidden;padding:2px;width:972px;}
.BOO3 .ul .scroll{width:15001px;}
.BOO3 .ul .scroll .boxs{display: inline-block;width:471px;height:372px;float:left;margin:0 30px 0 0 ;outline: 1px solid #666;position:relative;}
.BOO3 .ul .scroll .boxs .com{position:absolute;left:25px;bottom:14px;font-size:16px;font-weight:normal;}
.BOO3 .ul .scroll .boxs .addr{position:absolute;left:19px;top:280px;font-size:14px;line-height: 26px;}
.BOO3 .ul .scroll .boxs .p0{position:absolute;left:22px;top:22px;width:422px;height:300px;}
.BOO3 .conl{position: relative;top:175px;text-align: center;}
.BOO3 .conl a{display: inline-block;width:15px;height:15px;background:#000000;margin:0 4px;}
.BOO3 .conl a:hover,.BOO3 .conl a.selected{background:#83533a;}
.BOO3 .lr .lll{left:0;top:-76px;opacity: 0.5;}
.BOO3 .lr .rrr{right:0;top:-76px;opacity: 0.5;}
.BOO3 .ul .scroll .boxs:hover{transform: scale(0.96);box-shadow: 0 2px 4px #ccc;}


.BOO4_BG{height:625px;background:url(../img/bg4.jpg) top no-repeat ;}
.BOO4{background:#f3f3f3;height: 540px;position: relative;}
.BOO4 .l{width:478px;position: absolute;left:0;top:70px;}
.BOO4 .l a{display: inline-block;float:left;}
.BOO4 .l a img{vertical-align: top;}
.BOO4 .l a img:hover{filter: grayscale(0.5);}
.BOO4 .r{width:678px;position: absolute;right:0;top:70px;height:398px;background:#fff;}
.BOO4 .r .design_list{background:url(../img/home_bg1.jpg) no-repeat center;width:227px;height:398px;float: left;margin:0 0 0 45px;}
.BOO4 .r .design_list h2{color:#222;font-size:18px;padding:56px 0 0 0;text-align: center;font-weight: normal;}
.BOO4 .r .design_list h4{color:#333;font-size:14px;padding:9px 0 0 0;text-align: center;font-weight: normal;color:#666;}
.BOO4 .r .design_list h4 span{color:#d88421;font-weight: bold;}
.BOO4 .r .design_list .line{height:31px;}
.BOO4 .r .design_list .li{padding:0 0 0 25px;background:url(../img/icon_33.png) left 5px no-repeat;width:200px;margin: 0 0  14px 30px}
.BOO4 .r .design_list .li .time{display: block;height:20px;line-height: 20px;}
.BOO4 .r .design_list .li .isok{display: block;height:20px;line-height: 20px;color:#999;}
.BOO4 .r .design_list #AC4_SCR{height:200px;overflow: hidden;}
.BOO4 .r .design_list #AC4_SCR ul{}
.BOO4 .r .tab{float:left;height:398px;width:340px;margin:20px 0 0 40px;}
.BOO4 .r .tab p{height:30px;line-height: 25px;}
.BOO4 .r .tab .i0{width:330px;padding:5px;height:32px;margin:0 0 14px 0;border:1px solid #bbb;background:#fff url(../img/icon_29.jpg) 97% center no-repeat;border-radius: 3px;overflow: hidden;}
.BOO4 .r .tab .i1{width:320px;padding:5px;height:28px;margin:0 0 14px 0;border:1px solid #bbb;border-radius: 3px;overflow: hidden;}
.BOO4 .r .tab .i2{width:330px;padding:5px;height:40px;margin:0 0 14px 0;border:1px solid #83533a;background:#83533a;color:#fefefe;border-radius: 3px;overflow: hidden;}
@media screen and (max-width:600px)
{
	.BOO4_BG{height:auto;background:url(../img/bg4.jpg) top no-repeat ;margin:30px 0 0 0;}
	.BOO4{background:#f3f3f3;height: auto;position: relative;}
	.BOO4 .l{width:478px;position: absolute;left:0;top:70px;display: none;}
	.BOO4 .l a{display: inline-block;float:left;}
	.BOO4 .l a img{vertical-align: top;}
	.BOO4 .l a img:hover{filter:grayscale(0.6);}
	.BOO4 .r{width:100%;position: relative;left:0;top:0;height:auto;background:#fff;}
	.BOO4 .r .design_list{background:url(../img/home_bg1.jpg) no-repeat center;width:227px;height:398px;float: left;margin:0 0 0 45px;display: none;}
	.BOO4 .r .design_list h2{color:#222;font-size:18px;padding:56px 0 0 0;text-align: center;font-weight: normal;}
	.BOO4 .r .design_list h4{color:#333;font-size:14px;padding:9px 0 0 0;text-align: center;font-weight: normal;color:#666;}
	.BOO4 .r .design_list h4 span{color:#d88421;font-weight: bold;}
	.BOO4 .r .design_list .line{height:31px;}
	.BOO4 .r .design_list .li{padding:0 0 0 25px;background:url(../img/icon_33.png) left 5px no-repeat;width:200px;margin: 0 0  14px 30px}
	.BOO4 .r .design_list .li .time{display: block;height:20px;line-height: 20px;}
	.BOO4 .r .design_list .li .isok{display: block;height:20px;line-height: 20px;color:#999;}
	.BOO4 .r .design_list #AC4_SCR{height:200px;overflow: hidden;}
	.BOO4 .r .design_list #AC4_SCR ul{}
	.BOO4 .r .titop{text-align: center;}
	.BOO4 .r .titop .ti0{padding:20px 0 0 0;font-size:18px;}
	.BOO4 .r .titop .ti1{padding:6px 0;font-size: 14px;color:#555;}
	.BOO4 .r .titop .ti1 span{color: #6a3a16;}
	.BOO4 .r .tab{float:none;height:auto;width:90%;margin:10px auto 0 auto;padding:0 0 25px 0;}
	.BOO4 .r .tab p{height:30px;line-height: 25px;}
	.BOO4 .r .tab .i0{width:98%;padding:1% 2%;height:32px;margin:0 0 14px 0;border:1px solid #bbb;background:#fff url(../img/icon_29.jpg) 97% center no-repeat;border-radius: 3px;overflow: hidden;}
	.BOO4 .r .tab .i1{width:93%;padding:1% 2%;height:28px;margin:0 0 14px 0;border:1px solid #bbb;border-radius: 3px;overflow: hidden;}
	.BOO4 .r .tab .i2{width:98%;padding:1% 2%;height:40px;margin:0 0 14px 0;border:1px solid #6a3a16;background:#6a3a16;color:#fefefe;border-radius: 3px;overflow: hidden;font-size:14px;}
}

