@charset "utf-8";
.container { position: relative; width: 100%; }
.section2 { width: 100%; height: 100%; background: url(b1.jpg) no-repeat center; -webkit-background-size: 100% auto;background-size: 100% auto; }
.section3 { width: 100%; height: 100%; background: url(c1.jpg) no-repeat center; -webkit-background-size: 100% auto;background-size: 100% auto; }
.section4 { width: 100%; height: 100%; background: url(d1.jpg) no-repeat center; -webkit-background-size: 100% auto;background-size: 100% auto; }
.section5 { width: 100%; height: 100%; background: url(e1.jpg) no-repeat center; -webkit-background-size: 100% auto;background-size: 100% auto; }
.section6 { width: 100%; height: 100%; background: url(f1.jpg) no-repeat center; -webkit-background-size: 100% auto;background-size: 100% auto; }


.hide { display: none; }
.show { display: block; }
.u-ac { position:absolute; bottom:10px; width:21px; height:61px; left:50%; margin-left:-10px; background:url(ico_09.png) no-repeat; cursor:pointer; overflow:hidden; zoom:1; clear:both; z-index:4; }
.u-ac a { display:block; width:70px; height:38px; font-size:0; }
.u-ac {
	-webkit-animation: godown 1.5s infinite;
	animation: godown 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes godown {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
	50% {opacity: 1;}
	100% {-webkit-transform: translate(0, 20px);opacity: 0;}
}
@keyframes godown {
	0% {transform: translate(0, 0);opacity: 0;}
	50% {opacity: 1;}
	100% {transform: translate(0, 20px);opacity: 0;}
}

.section { position:relative; }
.u-ac { position:absolute; bottom:10px; width:21px; height:61px; left:50%; margin-left:-10px; background:url(ico_09.png) no-repeat; cursor:pointer; overflow:hidden; zoom:1; clear:both; z-index:4; }
.u-ac a { display:block; width:70px; height:38px; font-size:0; }


.banner { position: relative; overflow: hidden; z-index:0;  }
.banner .bd { position: relative; text-align: center; overflow: hidden; }
.banner .hd { position: absolute; bottom:200px; width:1200px; text-align:center; z-index:999; }
.banner .hd ul {  display:inline-block; *display:inline; zoom:1;   }
.banner .hd li { float:left; width:8px; height:8px; margin:0 5px; border-radius:100%; text-indent:-9999em; background:#fff; border:2px solid transparent ; cursor:pointer; }
.banner .hd li.on { border-color:#fff; background:#D4B07B; }

.banner .prev,.banner .next {opacity: 0; transition: all 0.5s; width: 50px; height: 100px; position: absolute; top: 50%; margin-top: -50px; font-size: 20px; color: #959595; z-index: 10 }
.banner .prev {  background: url(pprev.png) no-repeat;  left: 40px; } 
.banner .next { background: url(nnext.png) no-repeat;  right: 40px; opacity: 0; }
.banner:hover .next,.banner:hover .prev { opacity: 0.6; }


@media (max-width: 600px){
	.banner { display: none; }
}

.b-a { width: 1200px; height: 600px; position: absolute; left:50%; margin-left:-600px;top:50%; margin-top:-300px; }
.b-b { text-align: center; }
.b-c {padding-left:35px; margin-top:75px; height: 387px; overflow: hidden; }
.b-d { float: left; width: 249px; }
.b-e { float: left; width: 869px; height: 100%; float: left; background: url(b5.jpg) no-repeat center; }
.b-e .hd { float: right;width: 80px; text-align: center; margin-right:75px; padding-top:65px; }
.b-e .hd ul li {cursor: pointer; margin:6px 0; line-height: 20px; box-sizing: border-box; padding-top:18px; width: 75px;height: 75px;background: url(b4.png) no-repeat center;font-size: 18px;color:#000000; }
.b-e .hd ul li span { display: block; font-size: 12px;text-transform: uppercase; letter-spacing:-2px; }
.b-e .hd ul li:hover,.b-e .hd ul li.on {background: url(b3.png) no-repeat center; color:#e05f4f; }
.b-e .bd1 {margin-right:40px; float: left; margin-left:70px; padding:45px 0 55px; box-sizing: border-box; }
.b-e .bd1 li .b-f { text-indent: 2em; -webkit-writing-mode: vertical-rl;writing-mode: tb-rl;writing-mode: vertical-rl;font-size: 14px;color: #000;height: 290px;z-index: 234;}
.b-e .bd1 li p { line-height: 45px; letter-spacing: 0px; box-sizing: border-box; padding:2px 0;}
.b-e .bd1 li .b-f {background: url(b6.png) no-repeat 9px center; margin-top:10px; }
.b-e .bd1 li .b-g { padding-right:30px; }
.b-h { width: 565px; padding:15px 30px 0 0; }
.b-h dl { width: 171px; margin-right:26px; }
.b-h dl dd { margin:0 26px 25px 0; height: 127px; }
.b-h .multipleColumn { position: relative; height: 278px; }
.b-h .multipleColumn .prev { display: block;width: 15px;height: 30px; background: url(prev.png) no-repeat center; position: absolute; left:-50px; top:50%; margin-top:-15px; }
.b-h .multipleColumn .next { display: block;width: 15px;height: 30px; background: url(next.png) no-repeat center; position: absolute; right:-40px; top:50%; margin-top:-15px; }

.c-a { width: 1200px; position: absolute; left:50%; height: 586px; margin-left:-600px; top:50%; margin-top:-293px; }
.c-b { text-align: center; }
.c-c { width: 1110px; margin:42px auto 0; position: relative;}
.c-c a.next { position: absolute; display: block; top: 50%;margin-top: -39px;right: -80px;width: 40px;height: 78px;background: url(c4.png) no-repeat;background-size: 100%; }
.c-c a.prev { position: absolute; display: block; top: 50%;margin-top: -39px;left: -80px;width: 40px;height: 78px;background: url(c3.png) no-repeat;background-size: 100%; }

.c-c ul li { cursor: pointer; float: left; width: 25%; height: 483px; overflow: hidden; position: relative; }
.c-c ul li img { transition: all 1s; }
.c-c ul li:hover img { transform:rotateY(180deg); }
.c-c ul li span { transition: all 0.5s; z-index: 5; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left:0;top:0; box-sizing: border-box; }
.c-d {z-index: 10; position: absolute; width: 100%; text-align: center; height: 135px; bottom:0; }
.c-d a.t { display: block; padding-bottom:10px; font-size: 20px;color:#ffffff; position: relative; }
.c-d a.t:after {content:''; height: 1px;width: 204px; position: absolute; left:50%; margin-left:-102px; bottom:0; background: #fff; }
.c-d a.more { display: block; font-size: 13px;color:#fff;text-transform: uppercase; margin: 15px auto 0; width: 110px;height: 24px; text-align: center; line-height: 24px; }
.c-c ul li a.more em { display: none; }
.c-c ul li a.more i { display: block; }
.c-c ul li:hover a.more { background: #482a10; }
.c-c ul li:hover a.more i { display: none; }
.c-c ul li:hover a.more em { display: block; }
.c-c ul li:hover span { background: none; border:1px solid #bd8d38; }

.d-a { width: 950px; height: 500px; position: absolute; left:50%; margin-left:-475px; top:50%; margin-top:-250px; }
.d-b { float: left; width: 71px; }
.d-c { float: right; width: 805px; }
.d-c li { cursor: pointer; margin-bottom:14px; }
.d-c a.pic { float: left; width: 332px; height: 115px; display: block; }
.d-d { float: right;width: 466px; height: 115px; background: url(d4.png) no-repeat center; box-sizing: border-box; padding:20px 0 0 40px; }
.d-c a.t { font-size: 16px;color:#926134; font-weight: bold; }
.d-e p { font-size: 14px;color:#000000; line-height: 20px; }
.d-e { margin-top:8px; }
.d-c li:hover .d-d { background: url(d3.png) no-repeat center; }
.d-c li:hover .d-e p { color:#fff; }

.e-a { width: 1200px; height: 600px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-300px; } 
.e-b { text-align: center; }
.e-c { width: 1100px; margin: 50px auto 0; position: relative;  }
.e-c .bd li { float: left; margin-right:22px; position: relative; width: 260px; height: 350px; overflow: hidden; }
.e-d { z-index: 10; box-sizing: border-box; padding:20px 0 0 0; width: 100%; height: 120px; text-align: center; background: rgba(0,0,0,0.7); position: absolute; left:0;bottom:-40px;transition: all 0.5s; }
.e-d a.t { display: block; padding-bottom:10px; font-size: 20px;color:#ffffff; position: relative; }
.e-d a.t:after {content:''; height: 1px;width: 204px; position: absolute; left:50%; margin-left:-102px; bottom:0; background: #fff; }
.e-d a.more { display: block; font-size: 13px;color:#fff;text-transform: uppercase; margin: 15px auto 0; width: 110px;height: 24px; text-align: center; line-height: 24px; }
.e-c .bd li:hover .e-d { bottom:0; }
.e-c .bd li:hover span { display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left:0;text-outline: 0; border:1px solid #bd8d38; }
.e-c a.prev { display: block; width: 28px; height: 60px; background: url(e4.png) no-repeat center; left:-50px; position: absolute; top:50%; margin-top:-30px; }
.e-c a.next { display: block; width: 28px; height: 60px; background: url(e5.png) no-repeat center; right:-50px; position: absolute; top:50%; margin-top:-30px; }
.e-c .hd { text-align: center; margin-top:60px; }
.e-c .hd li { display: inline-block; cursor: pointer; width: 60px; height: 4px; background: #b28850;margin: 0 8px; font-size: 0; }
.e-c .hd li.on { background: #7b191e; }

.f-a { width: 1200px; height: 620px; position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-310px; }
.f-b { text-align: center; }
.f-c { margin:20px; text-align: center; }
.f-c span { line-height: 25px; display: block; font-size: 14px;color:#7b191e; }
.f-c p { line-height: 25px; display: block; font-size: 14px;color:#000; }
.f-a ul { text-align: center; }
.f-a ul li { display: inline-block; width: 180px; }
.f-a ul li i { display: block; font-size: 13px; padding:5px 0 0 0 ; color:#000; }
.f-d { margin-top:35px; }


.fcopy { position: absolute; left:0;bottom:0; z-index: 99; }
.copyright { text-align: center; width: 100%; height: 75px; line-height: 75px; background: #282828; }
.copyright p,.copyright p a { font-size: 14px;color:#fff; }