@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;border: 0;}
body{ font-family:"Microsoft YaHei","SimSun",'宋体';font-size:0.875em;}

#sections h1,em{font-style:normal; font-weight:normal;}
#sections p{ line-height:2em;}
#sections img{display:block;}
#sections li{ list-style:none;}
#sections .lf{float:left;}
#sections .rf{float:right;}
#sections a{ text-decoration:none;}
/*#sections a:link,#sections a:visited{color:#000;}	*/	/* 未被访和已被访问的链接 */
/*#sections a:hover {color:#FFF;background-color:#8b6f4a;}*/	/* 鼠标指针移动到链接上 */

#sections{ width:100%; margin:0px auto;}
#sections >div[id^="section"]{ margin:0px auto;}

/*banner*/
#secbanner{ width:100%; min-width:1200px; position:relative;}
#secbanner .fimg{background:url(../images/banbg-01.jpg) center top no-repeat; height:303px;}
#secbanner .simg{background:url(../images/banbg-02.jpg) center top no-repeat; height:302px;}
#secbanner .timg{background:url(../images/banbg-03.jpg) center top no-repeat; height:303px;}
#secbanner .title{ position:absolute; left:26%; top:23%; transition:all 0.5s ease-in-out;}
#secbanner .titleshowr{-webkit-transform-style: preserve-3d; transform:rotateZ(1deg);-webkit-transform:rotateZ(1deg);-ms-transform:rotateZ(1deg);-moz-transform:rotateZ(1deg);-o-transform:rotateZ(1deg);}
#secbanner .titleshowl{-webkit-transform-style: preserve-3d; transform:rotateZ(-1deg);-webkit-transform:rotateZ(-1deg);-ms-transform:rotateZ(1deg);-moz-transform:rotateZ(1deg);-o-transform:rotateZ(1deg);}

#secbanner .botshow{ position:absolute; left:5%; top:80%; opacity:0;}
#secbanner .botother{ position:absolute; left:58%; top:80%; opacity:0; transition:all 0.5s ease-in-out 0.5s;-moz-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out 0.5s; -o-transition:all 0.5s ease-in-out 0.5s;}
#secbanner .botothershow{ opacity:1; top:62%;}


#secbanner .allarea{ width:100%; height:100%; position:absolute; top:0px; z-index:500;}
#secbanner .allarea > span{ width:50%; height:100%;  position:absolute; top:0px; }
#secbanner .allarea .rarea{ left:50%;}

/*section01*/
#section01{ width:100%; height:796px; background:url(../images/sec01-1.jpg) center top no-repeat;}
#section01 .sec01{ width:1200px; margin:0px auto;}
#section01 .sec01 .lsec01{ width:655px; height:640px; float:left; }
#section01 .lsec01 ul{position:relative;top:155px;}
#section01 .lsec01 li{ position:absolute; left:0px; top:0px; display:block; transition:all 1s ease-in-out;}
#section01 .lsec01 li.ali{ left:300px; top:60px; z-index:5;}

#section01 .lsec01 li.bli{ left:240px; top:20px; z-index:4;}
#section01 .lsec01 li.cli{ left:180px; top:50px; z-index:3;}
#section01 .lsec01 li.dli{ left:120px; top:-40px; z-index:2;}
#section01 .lsec01 li.eli{ left:60px; top:25px; z-index:1;}

#section01 .sec01 .rsec01{ width:300px; float:left;}
#section01 .rsec01 dl{  width:300px;color:#f2f1f1; font-size:18px; text-align:center; padding-top:260px; padding-left:100px; font-style: oblique;}
#section01 .rsec01 dl dt{ line-height:2em;}
/*section02*/
#section02{ width:100%;}
#section02 .sec02{ width:1200px; margin:0px auto; height:691px; background:url(../images/sec02-1.jpg) center top no-repeat;}
#section02 .sec02 ul{ padding-top:170px; position:relative;}
#section02 .sec02 ul li{ position:absolute;}
#section02 .sec02 li img{ position:absolute;top:0px; }
#section02 .sec02 li img+img{ display:none;opacity:0.6;}
#section02 .sec02 li.ali{ z-index:3; left:75px;}
#section02 .sec02 li.bli{ z-index:2; left:340px;}
#section02 .sec02 li.cli{ z-index:1; left:750px;}

/*section03*/
#section03{ width:100%; height:899px; background:url(../images/sec03-1.jpg) repeat-x;}
#section03 .sec03{ width:1200px; margin:0px auto;}
#section03 .sec03 .title{ width:568px; margin:0px auto 50px; padding-top:50px;}
#section03 .sec03 .con{ width:810px; height:455px; border:5px solid #fff; margin:0px auto; }
#section03 .con .conbox{ margin:75px auto 0px;  width:370px; height:230px; overflow:hidden;}
#section03 .sec03 .con dl{ color:#fffefe; font-size:18px; text-align:center; line-height:2em; padding-top:40px; font-style:italic; position:relative;}
#section03 .sec03 .con dl .cdt{ font-size:130px; margin:120px 0px;}
#section03 .con .changebtn img{ width:39px; margin:0px auto; margin-top:30px; transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out 0.5s; -o-transition:all 0.5s ease-in-out 0.5s;}
#section03 .con .changebtn .imgrotate{ transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
#section03 .con .changebtn .imgrotatedown{ transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}


/*section04*/
#section04{ width:100%; background:url(../images/sec04-1.jpg) center top no-repeat; height:698px;}
#section04 .sec04{ width:1200px; margin:0px auto; }
#section04 .sec04 ul{position:relative;top:340px; width:1000px; margin:0px auto;}
#section04 .sec04 li{ width:325px; height:46px; background:url(../images/sec04-2.png) no-repeat; font-size:30px; font-weight:bold; text-align:center; color:#fff; position:absolute; top:0px;}
#section04 .sec04 li.bli{ left:680px;}
#section04 .sec04 li.cli{ left:340px; top:220px;}
#section04 .sec04 li a{ display:block; height:46px;}
#section04 .sec04 li a:link,#section04 .sec04 li a:visited{color:#fff;}
#section04 .sec04 li a:hover{color:#FFF;background-color:#8b6f4a;}

/*section05*/
#section05{ width:100%; height:684px; background:url(../images/sec05-0.jpg) center top no-repeat;}
#section05 .sec05{ width:1200px; margin:0px auto;}
#section05 .sec05 dl{ width:302px; height:319px; padding-top:240px; text-align:center; font-size:18px; color:#937344; float:left; position:relative;}
#section05 .sec05 dl a{color:#937344;}
#section05 .sec05 dl + dl{ margin-left:124px;}
#section05 .sec05 dl dt{width:302px; height:319px; background:url(../images/sec05-1.jpg) no-repeat; line-height:1.6em;position:absolute; top:240px;  transition: all 0.5s ease-in-out; transform:scale(0.8); opacity:0;}
#section05 dl dt span{ font-size:36px; padding-top:90px; display:block; margin-bottom:20px;}
#section05 .sec05 dl dd{width:302px; height:319px; background:url(../images/sec05-2.jpg) no-repeat; color:#362e2b; text-align:left; padding-left:70px;  }
#section05 dl dd span{ font-size:36px; color:#ffffff; padding-top:60px; display:block; line-height:1.5em; margin-bottom:10px;}
#section05 .sec05 dl dt.showdd{ transform:scale(1); opacity:1;}

/*section06*/
#section06{ width:100%;}
/*star --slider 通用*/
.slick-slider { position: relative;}
.slick-list { position: relative; overflow: hidden; display: block;margin: 0 auto; }
.slick-list:focus { outline: none; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float:left;min-height: 1px; position:relative;}
.slick-slide img { display: block !important; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; position: relative; }
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide {display:block; height:auto; }
/*end --slider 通用  */
#title_lc{ width: 100%; height:642px;position: relative; overflow: hidden;}
.slider_lc{ widows: 100%; height: 642px; text-align: center; color: #fff; position: relative; background-position: center center;}
.slider_lc .lc_desc{ width:1200px; height: 642px; margin: 0 auto; position: relative;}
.btn_made_lc{margin:250px auto 0;}
#title_lc .btn_made_lc a{color: #fff; font-size: 38px; line-height:150px; padding: 0 200px; display:inline-block; border: 10px solid #fff;}
.btn_made_lc a:hover{ border: 10px solid #AA854E; background:none;}
.slider_lc .lc_desc .lc_desc1{ width: 605px; height: 220px; position: absolute; left: 0; bottom: 90px;background: url(../images/bg_trans_fff.png);  color: #000; text-align: left; border-radius: 10px;}
.slider_lc .lc_desc .lc_desc1 h1{ font-size: 36px; line-height: 90px; padding:10px 63px 0;}
.slider_lc .lc_desc .lc_desc1 p{ font-size: 24px; line-height:43px; padding: 0 40px 0;}
@keyframes box_lc{
	0%{ transform: scale(0.9,0.9);}
	50%{ transform: scale(1,1); border: 10px solid #AA854E;}
	100%{ transform: scale(0.9,0.9);}
}
/*dots*/
#title_lc .slick-dots{ position: absolute; bottom:60px; left:12%;}
#title_lc .slick-dots li{float:left; margin-left: 17px;}
#title_lc .slick-dots li span{width:16px; height: 16px;display:block; background:#fff;border-radius: 8px;cursor: pointer;}
#title_lc .slick-dots li.slick-active span{ background: #937343;}
/*btn left right*/
#title_lc .slick-prev,#title_lc .slick-next{ width:45px; height:45px; display: block; position: absolute; top: 50%; margin-top: -22px; cursor: pointer; transition: all 1s ease-out;}
#title_lc .slick-prev{ left:10%; background: url(../images/btn_left1.png) no-repeat;}
#title_lc .slick-next{ right:10%; background: url(../images/btn_right1.png) no-repeat;}
.btn_lc_zx{ width:127px; height:40px; display: inline-block; padding-left:15px; font-size: 20px; line-height:40px;background:url(../images/btn_bg_zx.jpg) no-repeat #AA854E; color: #fff; margin-top:30px; float:right;}
.btn_lc_zx:hover{ color: #000;}

/*section09*/
#section09{ width:100%;clear:both; background-color:#fff;}
#section09 .con{ background-color:#4e3c2f; height:230px;}
#section09 .title{ width:880px; margin:0px auto; padding:35px 0px;}
#section09 .title h1{ display:inline-block; color:#fff;}
#section09 .title img{ display:inline-block; margin-bottom:-10px; margin-left:5px;}
#section09 .nav{ width:1200px; margin:0px auto;}
#section09 .nav dl{ width:133px; height:120px; font-size:18px; color:#fff; text-align:center; float:left; cursor:default;}
#section09 .nav dt{ padding-top:50px;}
#section09 .nav .menter{ background:url(../images/sec09-nav1.jpg) no-repeat; color:#E8E3DA;}
#section09 .nav .mout{ background:url(../images/sec09-nav2.jpg) no-repeat; color:#A5A39F;}
#section09 .desc{height:400px; background-color:#fff;  width:950px; margin:60px auto 0px; position:relative;}
#section09 .see{right:550px; top:320px;}
#section09 .descshow{ display:block;}
#section09 .deschid{ display:none;}
#section09 .left{ width:389px; float:left;}
#section09 .right{ width:456px; float:left; margin-left:55px; padding-top:30px;}
#section09 .right span:first-child{ font-size:30px; display:block; margin-bottom:10px;}
#section09  .btn{ position:absolute; right:60px; bottom:80px;}
#section09  .btn img{ width:150px; height:40px;}