/* reset*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,tr,td,a,strong {
	margin:0;
	padding:0
}
body{
	background-color: #000000;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal
}
ol,ul {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}
input,textarea,select {
	*font-size:100%
}
/* basic*/
	::selection {
	background-color:transparent;
}
.c:before,.c:after {
	content:"";
	display:table
}
.c:after {
	clear:both
}
.c {
	zoom:1
}
body {
	font:12px/1.5 tahoma,\5b8b\4f53,sans-serif;
	font-family:'\5FAE\8F6F\96C5\9ED1';
	background-color:#f0f1f1;
	overflow:hidden;
}
a {
	text-decoration:none;
}
img {
	display:block;
}
.wrap-a,.wrap-a1,.wrap-b,.wrap-b1,.wrap-c,.wrap-c1,.wrap-d,.wrap-d1,.wrap-e,.wrap-e1,.wrap-f,.wrap-f1 {
	min-width:1000px;
	overflow:hidden;
	position:relative;
	width:100%;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?'1000px':'');
}
.container {
	width:1000px;
	margin:0 auto;
	height:1080px;
}
.hide {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	text-indent:-9999px;
}
.db {
	display:block;
	text-indent:-999em;
}
.tit-one,.tit-a,.tit-b,.tit-c,.tit-d,.tit-e,.tit-f {
	background-image:url(../img/sp-tit.png);
	background-repeat: no-repeat
}
.btn-one strong,.btn-two strong,.btn-three strong,.btn-four strong,.btn-five strong,.list-slide a,.btn-close,.btn-close1,.btn-look {
	background-image: url(../img/sp.png);
	background-repeat: no-repeat;
}
/* section1*/
	.wrap-a {
	background:url(../img/rp-a1.jpg) 50% 0 no-repeat;
}
.wrap-a1 {
	background:url(../img/rp-a2.jpg) 50% 540px no-repeat;
}
.context-a1 {
	width:1000px;
	margin:0 auto;
}
.context-a2 {
	width:1000px;
	height: 1080px;
	position:relative;
}
.logo {
	width:122px;
	height:107px;
	position:absolute;
	top:23px;
	left:30px;
	text-indent:-999em;
	background:url(../img/logo.png) 0 0 no-repeat;
	z-index:10;
}
.tit-one {
	position:absolute;
	top:168px;
	left:-54px;
	background-position:0 0;
	width:1108px;
	height:481px;
	text-indent:-9999px;
}
.btn-one,.btn-two,.btn-three,.btn-four,.btn-five {
	width:325px;
	height:309px;
	text-indent:-999em;
	position:absolute;
	top:596px;
	overflow:hidden;
	z-index: 7;
	overflow: visible;
}
.btn-one strong,.btn-two strong,.btn-three strong,.btn-four strong,.btn-five strong {
	width: 100%;
	height: 100%;
	display: block;
}
.btn-one {
	left:0;
}
.btn-two {
	left: 120px;
}
.btn-three {
	left:407px;
	width: 193px;
	height: 336px;
}
.btn-four {
	left: 550px;
}
.btn-five {
	left: 827px;
}
.btn-one strong {
	background-position:0 0;
}
.btn-two strong {
	background-position: -51px 0;
}
.btn-three strong {
	background-position:-364px 0;
}
.btn-four strong {
	background-position: -552px 0;
}
.btn-five strong {
	background-position: -744px 0;
}
.btn-one:hover strong,.btn-two:hover strong,.btn-three:hover strong,.btn-four:hover strong,.btn-five:hover strong {
	-webkit-animation:move 0.5s linear forwards;
	animation:move 0.5s linear forwards;
}
@-webkit-keyframes move {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
100% {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
} @keyframes move {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
100% {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
}
}
/* section2*/
	.wrap-b {
	background:url(../img/ct-e1.jpg) 50% 0 no-repeat;
}
.wrap-b1 {
	background:url(../img/ct-e2.jpg) 50% 540px no-repeat;
}
.context-b {
	height:1080px;
	width:1000px;
	margin:0 auto;
	position:relative;
}
.tit-a {
	height:279px;
	text-indent:-999em;
	margin:0 auto;
	width:990px;
	background-position:0 -491px;
}
.txt-a {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	font-size: 26px;
	color: #fff;
	line-height: 30px;
}
.txt-a strong {
	color: #fff;
}


.list-one {
	margin-top:60px;
}
.list-one li,.list-img1 li {
	float:left;
	width:242px;
	height:355px;
	margin-right:10px;
	display:inline;
}
.list-one li.none,.list-img1 li.none {
	margin-right:0;
}
.list-one a {
	display:block;
	width:287px;
	height:421px;
	text-indent:-999em;
}
.list-one a.btn-gz {
	background:url(../img/pic-a1.png) 0 0 no-repeat;
}
.list-one a.btn-wf {
	background:url(../img/pic-a2.png) 0 0 no-repeat;
}
.list-one a.btn-jl {
	background:url(../img/pic-a3.png) 0 0 no-repeat;
}
.list-one a.btn-sj {
	background:url(../img/pic-a4.png) 0 0 no-repeat;
}
.list-img1,.list-img2 {
	position:absolute;
	top:466px;
	left:0px;
	z-index:15;
	text-indent:-999em;
}
.list-img1 li {
	cursor:pointer;
}
.list-img2 {
	z-index:14;
	width:999px;
	height:421px;
}
.list-img2 li.img-a {
	position:absolute;
	top:0;
	left:0;
	width:247px;
	height:355px;
	text-indent:-999em;
	background:url(../img/pic-b1.png) 0 0 no-repeat;
	display:none;
}
.list-img2 li.img-b {
	position:absolute;
	top:0;
	left:187px;
	width:430px;
	height:355px;
	text-indent:-999em;
	background:url(../img/pic-b2.png) 0 0 no-repeat;
	display:none;
}
.list-img2 li.img-c {
	position:absolute;
	top:0;
	left:434px;
	width:367px;
	height:355px;
	text-indent:-999em;
	background:url(../img/pic-b3.png) 0 0 no-repeat;
	display:none;
}
.list-img2 li.img-d {
	position:absolute;
	top:0;
	left:610px;
	width:478px;
	height:355px;
	text-indent:-999em;
	background:url(../img/pic-b4.png) 0 0 no-repeat;
	display:none;
}
/* 弹窗*/
	.bg-pc {
	display:none;
	width:100%;
	height:100%;
	background-color:#000000;
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.pop {
	display: ;
	width:1592px;
	height:1080px;
	position:absolute;
	z-index:110;
	background-color:#fff;
	left:-1592px;
	top:0;
}
.btn-close,.btn-close1 {
	display:none;
	position:absolute;
	width:144px;
	height:114px;
	background-position:-237px -341px;
	z-index:100;
	top:483px;
	left:1592px;
	text-indent:-999em;
}
.btn-close:hover,.btn-close1:hover {
	background-position:-386px -341px;
}
.box-imgs {
	width:1592px;
	height:1080px;
	float:left;
	text-indent:-999em;
	position:relative;
}
.box-img1 {
	width:1592px;
	height:660px;
	background:url(../img/bg-b1.jpg) 0 0 no-repeat;
}
.box-img2 {
	width:1592px;
	height:420px;
	background:url(../img/bg-b2.jpg) 0 0 no-repeat;
}
.box-pop {
	width:560px;
	position: absolute;
	top: 371px;
	right: 180px;
}
.box-pop strong,.box-pop2 strong,.box-xx strong {
	line-height:34px;
	display:block;
	font-size:18px;
	color:#38372e;
	font-weight:bold;
}
.box-pop p,.box-pop2 p,.box-xx p {
	line-height:34px;
	font-size:16px;
	color:#38372e;
}
/* pop3*/
	.box-img3 {
	width:1592px;
	height:563px;
	background:url(../img/bg-c1.jpg) 0 0 no-repeat;
}
.box-img4 {
	width:1592px;
	height:517px;
	background:url(../img/bg-c2.jpg) 0 0 no-repeat;
}
.pop-3 .box-pop {
	top: 425px;
	right: 210px;
}
/* pop2*/
	.p-tit {
	width: 330px;
	height: 94px;
	margin: 15px 0 0 538px;
	background: url(../img/p-tit.png) 0 0 no-repeat;
}
.p-bor {
	border: 5px solid #38372e;
	padding:20px 15px;
	width: 1500px;
	margin: 15px auto 0;
}
.box-pop1 {
	float:left;
	width:680px;
}
.box-xx {
	width:621px;
	float: left;
	padding-left: 20px;
}
.box-xx p {
	line-height: 30px;
}
.box-img5 {
	height: 384px;
	margin-top:15px;
	background:url(../img/bg-f.jpg) 0 0 no-repeat;
	height: 288px;
	text-indent:-999em;
}
.box-pop2 {
	float:left;
	width:775px;
	padding-left:28px;
}
/* pop4*/
	.box-img6,.box-img7 {
	width:1592px;
	text-indent:-999em;
	display: block;
}
.box-img6 {
	height: 588px;
	background:url(../img/bg-d1.jpg) 0 0 no-repeat;
}
.box-img7 {
	height: 492px;
	background:url(../img/bg-d2.jpg) 0 0 no-repeat;
}
.pop-4 .box-pop {
	top: 322px;
	right: 222px;
}
/* pop5*/
	.bg-pc1 {
	display:none;
	width:100%;
	height:100%;
	background-color:#000000;
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.pops {
	width: 1592px;
	height: 1080px;
	background:url(../img/bg-e.jpg) 0 0 no-repeat;
	position:absolute;
	z-index:110;
	background-color:#fff;
	left:-1592px;
	top:0;
}
.bg-pc1 img {
	display: block;
	position: absolute;
	top: 284px;
}
.img1 {
	left: 508px;
}
.img2 {
	right: 95px;
}
/* section3*/
	.wrap-c {
	background:url(../img/rp-b1.jpg) 50% 0 no-repeat;
}
.wrap-c1 {
	background:url(../img/rp-b2.jpg) 50% 540px no-repeat;
}
.context-c1 {
	background:url(../img/rp-b1.jpg) 50% 0 no-repeat;
}
.context-c2 {
	background:url(../img/rp-b2.jpg) 50% 540px no-repeat;
	height:1080px;
	width:1000px;
}
.tit-b {
	height:261px;
	width:990px;
	margin: 0 auto;
	text-indent:-999em;
	background-position:0 -780px;
}
.list-two {
	margin:145px 0 0 31px;
}
.list-two p {
	line-height:30px;
	font-size:14px;
	color:#f2f2f2;
}
.c-a {
	color:#ffc64a;
}
/* section4*/
	.wrap-d {
	background:url(../img/ct-e1.jpg) 50% 0 no-repeat;
}
.wrap-d1 {
	background:url(../img/ct-e2.jpg) 50% 534px no-repeat;
}
.context-d {
	height:1080px;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.tit-c {
	height:223px;
	width:990px;
	margin:0 auto;
	text-indent:-999em;
	background-position:0 -1051px;
}
.box-p {
	padding:47px 0 0 18px;
}
.txt-s1,.txt-s2 {
	display:block;
	font-weight:bold;
	color:#041217;
	font-size:16px;
}
.txt-s2 {
	padding-top:28px;
}
.txt-b {
	font-size:14px;
	color:#041217;
	line-height:30px;
}
.c-b {
	color:#d63009;
}
.cd-img {
	margin: 55px auto 0;
	width: 908px;
	height: 297px;
}
.cd-img img {
	display: block;
}
/* section5*/
	.wrap-e {
	background:url(../img/rp-b1.jpg) 50% 0 no-repeat;
}
.wrap-e1 {
	background:url(../img/rp-b2.jpg) 50% 540px no-repeat;
}
.context-e1 {
}
.context-e2 {
	height:1080px;
	width:1000px;
}
.tit-e {
	height:181px;
	width:693px;
	margin: 0 auto;
	text-indent:-999em;
	background-position:0 -1284px;
}
.box-p2 {
	margin:5px 0 0 0;
	line-height:30px;
	font-size:14px;
	color:#f2f2f2;
	width: 100%;
	text-align: center;
}
.i-list {
	width: 100%;
}
.i-list li {
	width: 180px;
	padding-top: 46px;
	height: 134px;
	background: url(../img/l-bg.png) 0 0 no-repeat;
	float: left;
	margin: 15px 25px 0 0;
}
.i-list .mr0 {
	margin: 15px 0 0 0;
}
.i-list img {
	display: block;
	margin: 0 auto;
	border: 1px solid #7c693d;
}
.i-list p {
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
}
.i-list p.lh {
	line-height: 18px;
	padding-top: 5px;
}
.e-img {
	margin-top: 15px;
}
.e-img img {
	float: left;
	display: inline;
	margin-left: 175px;
}
/* section6*/
	.wrap-f {
	background:url(../img/ct-e1.jpg) 50% 0 no-repeat;
}
.wrap-f1 {
	background:url(../img/ct-e2.jpg) 50% 540px no-repeat;
}
.context-f {
	height:1080px;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.tit-f {
	height:197px;
	width:644px;
	margin:0 auto;
	text-indent:-999em;
	background-position:0 -1525px;
	display: block;
}
.f-txt {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	margin-top: 10px;
}
.f-tab {
	width: 934px;
	border: 3px solid #101d2a;
	margin: 8px auto 0;
}
.f-tab table {
	width: 100%;
}
.f-tab th,.f-tab td {
	border: 1px solid #101d2a;
	font-size: 14px;
	text-align: center;
	height: 50px;
}
.f-tab th {
	background-color: #2d3947;
	color: #ffffff;
}
.t-w1 {
	width: 185px;
}
.t-w2 {
	width: 249px;
}
.f-tab td {
	color: #000000;
}
.f-tab td img {
	float: left;
	margin-left: 22px;
	margin-top: 4px;
	display: inline;
}
.f-tab td strong {
	float: left;
	margin-left: 5px;
	line-height: 50px;
	width: 177px;
	display: inline;
}
.f-tab td strong.lh {
	float: left;
	line-height: 18px;
	margin-top: 7px;
}
.f-tab td em {
	width: 100%;
	text-align: center;
	display: block;
	line-height: 50px;
	font-size: 14px;
	color: #d63009;
}
.btn-look {
	width: 232px;
	height: 68px;
	background-position: 0 -341px;
	margin: 15px auto 0;
}
/* slide*/
	.fixed {
	width:180px;
	height:1080px;
	top:0;
	left:0;
	position:fixed;
	z-index:10;
	overflow:hidden;
	background:url(../img/bg-a.png) 0 0 repeat-y;
}
.box-fix {
	height:707px;
	position:relative;
	margin: auto 0px;
}
.line {
	position:absolute;
	width:3px;
	height:595px;
	left:50%;
	top:60px;
	text-indent:-999em;
	background: url(../img/str.png) 0 0 repeat;
}
.list-slide {
	position: absolute;
	z-index: 7;
	top: 60px;
	width: 100%;
}
.list-slide li {
	width: 100%;
	height: 70px;
	margin-top: 43px;
}
.list-slide .lst1 {
	margin-top: 0;
}
.list-slide a {
	display:block;
	width: 80px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	margin: 0 auto;
	background-position: 0 -414px;
	color: #c5cfd8;
	font-size: 16px;
}
.list-slide a.lh {
	padding-top: 15px;
	line-height: 22px;
	height: 55px;
}
.list-slide a:hover {
	color:#d5ab5e;
}
.list-slide li.on a,.list-slide a:hover {
	color: #d5ab5e;
	background-position: -85px -414px;
}
.box-img {
	margin:20px auto 0;
	width:134px;
	height:134px;
}
.box-img img {
	display: block;
}
.anim-a {
	-webkit-animation:fadeInLeft .8s .2s ease-out both;
	animation:fadeInLeft .8s .2s ease-out both;
}
.anim-b {
	-webkit-animation:bounceIn 1s .2s ease both;
	-moz-animation:bounceIn 1s .2s ease both;
}
.anim-c {
	-webkit-animation:fadeInBottom .8s .2s ease-out both;
	animation:fadeInBottom .8s .2s ease-out both;
}
.anim-d {
	-webkit-animation:fadeInBottom .8s .4s ease-out both;
	animation:fadeInBottom .8s .4s ease-out both;
}
.anim-d2 {
	-webkit-animation:fadeInBottom .8s .6s ease-out both;
	animation:fadeInBottom .8s .6s ease-out both;
}
.anim-e {
	-webkit-animation:fadeInBottom .8s .6s ease-out both;
	animation:fadeInBottom .8s .6s ease-out both;
}
.anim-f {
	-webkit-animation:fadeInBottom .8s .8s ease-out both;
	animation:fadeInBottom .8s .8s ease-out both;
}
.anim-g {
	-webkit-animation:fadeInBottom .8s 1s ease-out both;
	animation:fadeInBottom .8s 1s ease-out both;
}
.anim-h {
	-webkit-animation:fadeInBottom .8s 1.2s ease-out both;
	animation:fadeInBottom .8s 1.2s ease-out both;
}
@-webkit-keyframes fadeInLeft {
	0% {
	-webkit-transform:translateX(-180px)
}
100% {
	-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeft {
	0% {
	transform:translateX(-180px)
}
100% {
	transform:translateX(0)
}
}
@-webkit-keyframes fadeInBottom {
	0% {
	opacity:0;
	-webkit-transform:translateY(-20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0)
}
}
@keyframes fadeInBottom {
	0% {
	opacity:0;
	transform:translateY(-20px)
}
100% {
	opacity:1;
	transform:translateY(0)
}
}
@-webkit-keyframes bounceIn {
	0% {
	opacity:0;
	-webkit-transform:scale(.3)
}
50% {
	opacity:1;
	-webkit-transform:scale(1.03)
}
70% {
	-webkit-transform:scale(.9)
}
100% {
	-webkit-transform:scale(1)
}
}
@keyframes bounceIn {
	0% {
	opacity:0;
	transform:scale(.3)
}
50% {
	opacity:1;
	transform:scale(1.03)
}
70% {
	transform:scale(.9)
}
100% {
	transform:scale(1)
}
}
.btn-pt {
	cursor: pointer;
}

.slideShow{
 width: 495px;
 height: 531px; /*其实就是图片的高度*/
 margin-top: 30px;
 left: 250px;
 position: relative;
 overflow: hidden; /*此处需要将溢出框架的图片部分隐藏*/
}
.slideShow ul{
 width: 6000px;
 position: relative; /*此处需注意relative : 对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置，如果没有这个属性，图片将不可左右移动*/
}
.slideShow ul li{
 float: left; /*让四张图片左浮动，形成并排的横着布局，方便点击按钮时的左移动*/
 width: 1000px;
}
.slideShow .showNav{ /*用绝对定位给数字按钮进行布局*/
 position: absolute;
 right: 10px;
 bottom: 15px;
 text-align:center;
 font-size: 12px; 
 line-height: 20px;
}
.slideShow .showNav span{
 cursor: pointer;
 display: block;
 float: left;
 width: 20px;
 height: 20px;
 background: #ff5a28;
 margin-left: 2px;
 color: #fff;
}
.slideShow .showNav .active{
 background: #b63e1a;
}