/*  公用样式  */

* {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	font-family: "微软雅黑";

}

body,html {

	width: 100%;

	height: auto;

	font-family: "微软雅黑";

}

img {

	border: none;

}

ul,ul li,ol,ol li {

	list-style-type: none;

}

a {

	text-decoration: none;

	color: #000;

}

button,input,select,option {

	outline: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.main {

	width: 1200px;

	margin: 0 auto;

}

.banner {

	width: 100%;

	height: 701px;

	background: url(../images/jpg_01.jpg) center no-repeat;

}

.img_01 {

	width: 100%;

	height: 1228px;

	background: url(../images/jpg_02.jpg) center no-repeat;

}

.img_02 {

	width: 100%;

	height: 1920px;

	background: url(../images/jpg_03.jpg) center no-repeat;

}

.img_03 {

	width: 100%;

	height: 1070px;

	background: url(../images/jpg_04.jpg) center no-repeat;

}

.img_04 {
	width: 100%;
	height: 958px;
	background: url(../images/jpg_05_01.jpg) center no-repeat;
}

.img_05 {
	width: 100%;
	height: 1021px;
	background: url(../images/jpg_05_02.jpg) center no-repeat;

}


.img_06 {

	width: 100%;

	height: 465px;

	background: url(../images/jpg_06.jpg) center no-repeat;
}

.box{

	width: 1200px;

	margin: 0 auto;

	height: 650px;

	position: relative;

	z-index: 99999;

}



.list{

	width: 1200px;

	height: 650px;

	overflow: hidden;

	position: absolute;

	left: 50%;

	margin-left: -600px;

}

.btn{

	position: absolute;

	top: 50%;

	margin-top: -28px;

	width: 56px;

	height: 56px;

	text-decoration: none;

	text-align: center;

	cursor: pointer;

	z-index: 9999;

}

.prev {

	position: absolute;

	left: 63px;

	font-size: 70px;

	z-index: 99;

	color: #fff;

	top: 270px;

}

.prev:hover,.next:hover {

	text-decoration: none;

}

.next{

	position: absolute;

	right: -6px;

	font-size: 70px;

	z-index: 99;

	color: #fff;

	top: 270px;

}



.list ul li {

	position: absolute;

	top: 0;

	left: 0;

	list-style: none;

	opacity: 1;

	padding-top: 10px;

	transition: all 0.3s ease-out;

}

.list ul li b {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.5);

}

.list ul li.p3 b {

	display: none;

}

.list ul li img {

	width: 504px;

	height: 498px;

	border:none;

	float: left;

	display: block;

	border: 4px solid #b9b9b9;

}

.list ul li.p3 img {

	width: 1000px;

	height: 591px;

	border: 4px solid #fff;

	-webkit-box-shadow: 0 0 10px #e3e3e3;  

    -moz-box-shadow: 0 0 10px #e3e3e3;   

    box-shadow: 0 0 10px #e3e3e3;  

}

.p1{

	transform:translate3d(62px,0,0) scale(1);

	margin-top: 68px;

}

.p2{

	transform:translate3d(62px,0,0) scale(1);

	transform-origin:0 50%;

	opacity: 0.8;

	z-index: 2;

	margin-top: 68px;

}

.p3{

	transform:translate3d(129px,0,0) scale(1);

	z-index: 3;

	opacity: 1;

}

.p4{

	transform:translate3d(868px,0,0) scale(1);

	transform-origin:100% 50%;

	opacity: 1;

	z-index: 2;

	margin-top: 68px;

}

.p5{

	transform:translate3d(868px,0,0) scale(1);

	margin-top: 68px;

}


.swiper-container .swiper-wrapper img {
	width: 100%;
	height: 100%;
	display: block;

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/left.png), -webkit-linear-gradient(270deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	background-image: url(../images/left.png), -moz-linear-gradient(270deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	background-image: url(../images/left.png), -o-linear-gradient(270deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	background-image: url(../images/left.png), linear-gradient(180deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	color: #787675;
	left: 20px;

}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/right.png), -webkit-linear-gradient(270deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	background-image: url(../images/right.png), -moz-linear-gradient(270deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	background-image: url(../images/right.png), -o-linear-gradient(270deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	background-image: url(../images/right.png), linear-gradient(180deg,rgba(99,97,97,1.00) 0%,rgba(99,97,97,1.00) 100%);
	color: #787675;
	right: 29px;

}

.img_11 {
	width: 100%;
	height: 574px;
	background: url(../images/jpg_36.jpg) center no-repeat;
	overflow: hidden;
	margin-top: -77px;

}

.img_11 ul {

	width: 885px;

	margin: 196px auto 0;

	overflow: hidden;

}

.img_11 ul li {

	width: 125px;

	height: 40px;

	font-size: 22px;

	background: #787878;

	float: left;

	margin: 0 10px;

	text-align: center;

	color: #fff;

	line-height: 40px;

	border: 1px solid #787878;

}

.img_11 ul li.click {

	background: #fff;

	color: #787878;

	font-weight: bold;

}

.img_11_pic {

	position: relative;

	width: 1200px;

	height: 600px;

	margin: 0 auto;

}

.img_11_pic .swiper-container {

	width: 1000px;

	height: 600px;

	margin: 40px auto 0;

	padding: 0 65px;

	overflow: hidden;

	z-index: -1;

	position: absolute;

	top: 0;

	left: 0;

}

.pulse {

	-webkit-animation-name: pulse;

	animation-name: pulse;

}

.animated {

	-webkit-animation-duration: 0.8s;

	animation-duration: 0.8s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}

.animated1 {

	-webkit-animation-duration: 24s;

	animation-duration: 24s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}

@-webkit-keyframes pulse {

	0% {

		-webkit-transform: scale3d(0.9, 0.9, 0.9);

		transform: scale3d(0.9, 0.9, 0.9);

	}

	50% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

	}

	100% {

		-webkit-transform: scale3d(0.9, 0.9, 0.9);

		transform: scale3d(0.9, 0.9, 0.9);

	}

}



@keyframes pulse {

	0% {

		-webkit-transform: scale3d(0.9, 0.9, 0.9);

		transform: scale3d(0.9, 0.9, 0.9);

	}

	50% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

	}

	100% {

		-webkit-transform: scale3d(0.9, 0.9, 0.9);

		transform: scale3d(0.9, 0.9, 0.9);

	}

}

@-webkit-keyframes swing {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	12% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	25% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}



@keyframes swing {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	12% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	25% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}

.swing {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing;

	animation-name: swing

}

@-webkit-keyframes swing1 {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	25% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	37% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	50% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}



@keyframes swing1 {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	25% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	37% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	50% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}

.swing1 {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing1;

	animation-name: swing1

}

@-webkit-keyframes swing2 {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	50% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	62% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	75% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}



@keyframes swing2 {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	50% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	62% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	75% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}

.swing2 {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing2;

	animation-name: swing2

}

@-webkit-keyframes swing3 {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	75% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	87% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}



@keyframes swing3 {

	0% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	75% {

		-webkit-transform: rotate3d(0,0,0,0);

		-ms-transform: rotate3d(0,0,0,0);

		transform: rotate3d(0,0,0,0)

	}

	87% {

		-webkit-transform: rotate3d(0,90,0,90deg);

		-ms-transform: rotate3d(0,90,0,90deg);

		transform: rotate3d(0,90,0,90deg)

	}

	100% {

		-webkit-transform: rotate3d(0,360,0,360deg);

		-ms-transform: rotate3d(0,360,0,360deg);

		transform: rotate3d(0,360,0,360deg)

	}

}

.swing3 {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing3;

	animation-name: swing3

}

#index_tan {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.8);

	display: none;

	z-index: 9999;

}

.index_tan {

	width: 500px;

	height: 430px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -250px;

	margin-top: -265px;

	background: #fff;

	border: 1px solid #646464;

}

.index_tan h1 {

	font-size: 30px;

	text-align: center;

	margin-top: 30px;

	font-weight: normal;

}

.index_tan h2 {

	font-size: 18px;

	font-weight: normal;

	text-align: center;

	margin: 5px auto 20px;

	color: #898989;

}

.index_tan p {

	margin: 0 auto 10px;

    width: 400px;

    height: 55px;

    overflow: hidden;

}

.index_tan p input {

	background: #f3f3f3;

    border: none;

    display: block;

    color: #a3a3a3;

    width: 380px;

    height: 50px;

    font-size: 14px;

    padding: 0 10px;

}

.index_tan p select {

    width: 47%;

    background: #f3f3f3;

    border: none;

    height: 50px;

    font-size: 14px;

    padding: 0 5px;

}

.index_tan button {

    background: #f5d87b;

    color: #000;

    display: block;

    width: 400px;

    height: 50px;

    border: none;

    font-size: 20px;

    margin: 20px auto 0;

}

.index_tan b {

	font-size: 30px;

	color: #fff;

	position: absolute;

	top: -40px;

	right: -40px;

	font-weight: normal;

}

.index_bottom {

	width: 100%;

	height: 234px;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 11111111;

}

.index_bottom_button {

	width: 193px;

	height: 187px;

	background: url(../images/png_02.png);

	background-size: 100% 100%;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 9999999;

}

.index_bottom_div {

	width: 100%;

	height: 234px;

	position: fixed;

	bottom: 0;

	right: -100%;

}

.index_bottom_buttonB {

	width: 100%;

	height: 110px;

	background: rgba(0,0,0,0.5);

	position: absolute;

	bottom: 0;

}

.index_bottom_divL {

	width: 243px;

	height: 234px;

	background: url(../images/png_03.png);

	background-size: 100% 100%;

    float: left;

}

.index_bottom_divC {

	width: 1200px;

	position: absolute;

}

.index_bottom_divC input,.index_bottom_divC select,.index_bottom_divC button {

	height: 50px;

	width: 169px;

	margin-left: 10px;

	float: left;

	margin-top: 170px;

}

.index_bottom_divC input,.index_bottom_divC select {

	font-size: 16px;

	color: #000000;

	padding: 0 10px;

}

.index_bottom_divC button {

	background: #fbc800;

	border: none;

	color: #000;

    font-size: 18px;

}

.index_bottom_divC input::-webkit-input-placeholder {

	color: #000000;

}

.index_bottom_div .main {

	position: relative;

}

.index_bottom_div b {

	position: absolute;

	top: 135px;

    right: 18px;

	color: #fff;

	z-index: 9;

}