@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;border: 0;}
html { overflow: hidden;}
body { width: 100%;  *cursor: default;
overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
#sections{ font-family:"Microsoft YaHei","SimSun",'宋体';font-size:0.875em; background-color:#fff;}
width:100%;
#sections h1,em{font-style:normal; font-weight:normal;}
#sections p{ line-height:2em;}
#sections img{display:block;}
#sections ul,li{ list-style:none;}
#sections .cboth{ clear:both;}
#sections a{ text-decoration:none;}
#sections a:link,#sections a:visited{color:#000;}		/* 未被访和已被访问的链接 */
#sections a:hover {color:#FFF;background-color:#8b6f4a;}	/* 鼠标指针移动到链接上 */
#sections .cboth{ clear:both;}





#sections { overflow: hidden;}
#sections .page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
#sections .contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
#sections .current .contain, .slide .contain { display: block;}
#sections .current { display: block; z-index: 1;}
#sections .slide { display: block; z-index: 2;}
#sections .swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}

#navBar { z-index: 3; position: absolute; bottom: 2.5%; left:42.87%;}
#navBar .active { background: #937344;}
#navBar li { cursor: pointer;  width:28px; height:28px; float: left; background-color:#fff; border-radius:20px;}
#navBar li  + li{ margin-left:13px;}

#sections .section1 {}
#sections .section1 img{ width:100%;}

#sections .section2 {}
#sections .section2 > img{ width:100%;}
#sections .section2 .sec02{  width:62.5%; left:18.75%;  position:absolute; top:0;}
#sections .section2 .sec02 .sec02desc{ padding-top:15.5%; position:relative; opacity:0; left:-20%;}
#sections .section2 .sec02desc img{ width:100%;}
#sections .section2 .sec02 .sec02imgs{ width:37.5%; margin-left:31.25%; padding-top:27%;}
#sections .section2 .sec02 .sec02con{ width:38.5%; margin:1% auto;}
#sections .section2 .sec02imgs li{ width:26.4%; float:left; position:relative;}
#sections .sec02imgs li img{ width:100%;}
#sections .sec02imgs li img+img{ position:absolute; top:0;}
#sections .sec02imgs li.curli img+img{ display:none;}
#sections .sec02imgs li+li{ margin-left:10%;}
#sections .section2 .sec02con li{  width:26.3%; text-align:center; float:left; font-size:14px; color:#fff;}
#sections .sec02con li+li{ margin-left:10%;}

#sections .section3 {}
#sections .section3 img{ width:100%;}
#sections .section3 .sec03{ width:62.5%; left:18.75%;  position:absolute; top:0;}
#sections .sec03 .sec03desc{ padding-top:15.5%; position:relative; opacity:0; left:38.75%;}

#sections .section4 { position:absolute;}
#sections .section4 img{ width:100%;}
#sections .section4 .sec04{ width:62.5%; left:18.75%;  position:absolute;  top:0;}
#sections .sec04 .sec04desc{ padding-top:6.33%;}
#sections .sec04desc p{ width:51.33%; position:relative; opacity:0; top:-10%;}
#sections .sec04 ul li{ width:4.58%;}
#sections .sec04 ul li.ali{ margin-top:15.66%; margin-left:30.33%;}
#sections .sec04 ul li.bli{ margin-top:0%; margin-left:68.5%;}

#sections .sec04 ul li.cli{ margin-top:13.16%; margin-left:80.75%;}

#sections .sec04 ul .ali{opacity:1;-webkit-animation:fadeIn-t 2.5s both ease-in-out 1s infinite;animation:fadeIn-t 4s both ease-in-out  1s infinite;}
#sections .sec04 ul .bli{opacity:1;-webkit-animation:fadeIn-t 3s both ease-in-out 0.4s infinite;animation:fadeIn-t 3.5s both ease-in-out  0.4s infinite;}
#sections .sec04 ul .cli{opacity:1;-webkit-animation:fadeIn-t 2s both ease-in-out 0.5s infinite;animation:fadeIn-t 2.5s both ease-in-out  0.5s infinite;}


.fadeIn-t{
    animation: fadeIn 3s ease-in-out infinite;
    -webkit-animation: fadeIn 3s ease-in-out infinite;
    visibility: visible !important;
}
@keyframes fadeIn-t {
    0% {transform: scale(0.5);opacity: 0.8;}
    50% {transform: scale(1);opacity: 1; }
    100% {transform: scale(.5);opacity: 0.8;}
}
@-webkit-keyframes fadeIn-t {
	
    0% {-webkit-transform: scale(0.5);opacity: 0.8;}
    50% {-webkit-transform: scale(1);opacity: 1; }
    100% {-webkit-transform: scale(.5);opacity: 0.8;}
}


#sections .section5 { position:relative;}
#sections .section5 >img{ width:50.36%;}
#sections .section5 .sec05{ width:100%; position:absolute; top:0;left:0;}
#sections .sec05 > img{ width:100%;}
#sections .sec05 ul{ position:absolute; top:29.96%; width:28.5%; left:50.26%;}
#sections .sec05 ul li{ width:33.3%; float:left; position:relative;}
#sections .sec05 li.curli img+img{ opacity:0;}
#sections .sec05 li img+img{ position:absolute; top:0;}
#sections .sec05 li img{ width:100%;}

#sections .section6{}
#sections .section6 img{ width:100%;}
#sections .section6 .sec06{ width:62.5%; left:0;  position:absolute; top:0; opacity:0;}
#sections .sec06 .sec06desc{ padding-top:10.5%;}

#sections .section7 {}
#sections .section7 img{ width:100%;}
#sections .section7 ul{ width:42%; left:29%; top:36%; position:absolute;}
#sections .section7 ul li+li{ margin-top:6.38%;}
#sections .section7 ul li{ position:relative; opacity:0;}
#sections .section7 ul li.oddli{ left:-20%;}
#sections .section7 ul li.evenli{left:20%;}