﻿body {
	min-width: 1100px;
}
#fp-nav ul li, .fp-slidesNav ul li {
    width: 18px;
    height: 18px;
    margin: 10px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	width: 10px;
    height: 10px;
    border: none;
    background: rgba(0, 0, 0, .2);
    top: 4px;
    left: 4px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	width: 18px;
    height: 18px;
    background: #fff;
    top: 0px;
    left: 0px;
}
#fp-nav ul li .fp-tooltip {
    opacity: 1!important;
	width: 28px;
    margin-left: 8px;
    margin-top: 2px;
color:#ddd;
}
.container {
	width: 1100px;
	margin: 0 auto;
}
.dyy-hd {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 70px;
	z-index: 1000;
}
.dyyHd-box {
	height: 69px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	overflow: hidden;
}
.dyyHd-logo {
	padding-top: 16px;
}
.logo-pic {
	display: block;
	width: 280px;
	height: 42px;
	background: url(../images/dyy-logo.png) no-repeat;
}
.dyyHd-nav {
	padding-top: 27px;
	margin-right: -1px;
}
.dyyHd-nav li {
	float: left;
	border-right: 1px solid rgba(255, 255, 255, .2);
	padding: 0 15px;
	height: 14px;
}
.dyyHd-nav li a {
	font-size: 14px;
    line-height: 14px;
    height: 14px;
    color: #fff;
    display: block;
}
.dyyHd-tel {
	font-size: 14px;
    color: #fff;
    display: block;
}
.dyyHd-tel span {
	margin-left: 5px;
	font-size: 18px;
}
.section {
	padding-top: 70px;
	box-sizing: border-box;
	overflow: hidden;
}
.section .section-box {
	position: relative;
	height: 100%;
	box-sizing: border-box;
}
.section .container {
	position: relative;
	height: 100%;
	box-sizing: border-box;
	min-height: 600px;
}
/* section1 */
.section1 {
	background: url(../images/bg01.png) no-repeat center bottom;
	background-size: cover;
}
.section1 .section-box {
	/*background: url(../images/bg01.png) no-repeat center bottom;
	background-size: cover;*/
}
.se1-title {
	position: absolute;
	width: 647px;
	height: 127px;
	left: 226px;
	top: 8.3%;
	opacity: 1;
	-webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.active .se1-title {
	transition-delay:0.8s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se1-txt {
	position: absolute;
	width: 771px;
	height: 59px;
	top: 34.6%;
	left: 164px;
	opacity: 1;
	-webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.active .se1-txt {
	-webkit-transition-delay:1.0s;
	transition-delay:1.0s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se1-nr {
	position: absolute;
	width: 1063px;
    /*height: 83.5555%;*/
    left: 50%;
    top: 3%;
    margin-left: -531.5px;
	-webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se1-nr img {
	width: 100%;
}
.active .se1-nr {
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se1-bt {
	position: absolute;
	width: 100%;
	height: 156px;
    bottom: 140px;
    background: url(../images/d1bt.png) no-repeat center;
	-webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*.se1-bt img {
	width: 100%;
}*/
.active .se1-bt {
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}

/*.h-768 .se1-title {
	top: 4%;
}
.h-768 .se1-nr {
	top: -36px;
}
.h-768 .se1-bt {
	bottom: 100px;
}
.h-800 .se1-title {
	top: 4%;
}
.h-800 .se1-nr {
	top: -43px;
}
.h-800 .se1-bt {
	bottom: 130px;
}
.h-850 .se1-title {
	top: 4%;
}
.h-850 .se1-nr {
	top: -20px;
}
.h-850 .se1-bt {
	bottom: 130px;
}
.h-900 .se1-nr {
	top: 0px;
}
.h-auto .se1-title {
	top: 8.3%;
}
.h-auto .se1-nr {
	top: 3%;
}
.h-auto .se1-bt {
	bottom: 140px;
}*/
@media (max-width: 1440px) {
	.se1-nr {
		top: 0;
	}
	.se1-bt {
		background-image: url(../images/d1bt-1.png);
		height: 140px;
	}
}


/* section2 */
.section2 {
	background: url(../images/bg02.png) no-repeat center bottom;
	background-size: cover;
}
/*.section2 .section-box {
	background: url(../images/bg02.png) no-repeat center bottom;
	background-size: cover;
}*/
.se2-nr {
	position: absolute;
	width: 53.6458%;
	/*height: 211px;
	left: 35px;*/
	left: 50%;
	margin-left: -26.8229%;
	opacity: 1;
	top: 4.3%;
	-webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.se2-nr img {
	width: 100%;
}
.active .se2-nr {
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se2-title {
	position: absolute;
	/*width: 682px;
	height: 85px;
	left: 209px;*/
	width: 22%;
	max-width: 336px;
	left: 50%;
	margin-left: -11%;
	opacity: 1;
	top: 33%;
	-webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se2-title img {
	width: 100%;
}
.active .se2-title {
	-webkit-transition-delay:0.9s;
	transition-delay:0.9s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se2-ul {
	position: absolute;
	bottom: 19.3%;
	/*height: 230px;*/
	height: 24.11%;
	width: 52.34375%;
	left: 50%;
	margin-left: -26.171875%;
}
.se2-ul li {
	position: absolute;
	/*left: -550px;*/
	top: 0;
	opacity: 1;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se2-ul li img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se2-ul li img:hover {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}
.se2-li1 {
	/*left: 38px;*/
	left: 0px;
}
.se2-li2 {
	/*left: 368px;*/
	/*left: 330px;*/
	left: 32.8358%;
}
.se2-li3 {
	/*left: 767px;*/
	/*left: 729px;*/
	left: 72.5373%;
}
.active .se2-ul li {
	opacity: 1;
	width: 26.965%;
}
.active .se2-ul li.se2-li2 {
	width: 33.9308%;
}
.active .se2-ul li img {
	width: 100%;
}
.active .se2-li1 {
	-webkit-transition-delay:1.1s;
	transition-delay:1.1s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se2-li2 {
	-webkit-transition-delay:1.3s;
	transition-delay:1.3s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se2-li3 {
	-webkit-transition-delay:1.5s;
	transition-delay:1.5s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
/* section3 */
.section3 {
	background: url(../images/bg03.png) no-repeat center bottom;
	background-size: cover;
}
/*.section3 .section-box {
	background: url(../images/bg03.png) no-repeat center bottom;
	background-size: cover;
}*/
.se3-title {
	position: absolute;
	/*width: 678px;
	height: 115px;
	left: 216px;*/
	width: 35.3125%;
	left: 50%;
	margin-left: -17.65625%;
	opacity: 1;
	top: 9%;
	-webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.se3-title img {
	width: 100%;
}
.active .se3-title {
	transition-delay:0.8s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se3-nr {
	position: absolute;
	bottom: 17.73%;
	height: 51%;
	width: 52.5%;
	left: 50%;
	margin-left: -26.25%;
	opacity: 1;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.se3-nr img {
	width: 100%;
}
.active .se3-nr {
	transition-delay:1.3s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
/* section4 */
.section4 {
	background: url(../images/bg03.png) no-repeat center bottom;
	background-size: cover;
}
/*.section4 .section-box {
	background: url(../images/bg03.png) no-repeat center bottom;
	background-size: cover;
}*/
.se4-title {
	position: absolute;
	width: 353px;
	height: 51px;
	top: 9%;
	opacity: 1;
	left: 382px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se4-title {
	transition-delay:0.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se4-txt {
	position: absolute;
	width: 536px;
	height: 18px;
	top: 16.2%;
	opacity: 1;
	left: 284px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se4-txt {
	transition-delay:1.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se4-ul {
	position: absolute;
	bottom: 13%;
	width: 932px;
	left: 50%;
	margin-left: -466px;
	height: 620px;
}
.se4-ul li {
	position: absolute;
	opacity: 1;
}
.se4-li1, 
.se4-li3,
.se4-li5,
.se4-li7,
.se4-li9,
.se4-li11,
.se4-li13 {
	right: 0px;
	-webkit-transform: translateX(2000px);
    transform: translateX(2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se4-li2, 
.se4-li4,
.se4-li6,
.se4-li8,
.se4-li10,
.se4-li12 {
	left: 0px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se4-li1 {
	top: 0px;
}
.se4-li2 {
	top: 47px;
}
.se4-li3 {
	top: 94px;
}
.se4-li4 {
	top: 141px;
}
.se4-li5 {
	top: 197px;
}
.se4-li6 {
	top: 244px;
}
.se4-li7 {
	top: 291px;
}
.se4-li8 {
	top: 338px;
}
.se4-li9 {
	top: 385px;
}
.se4-li10 {
	top: 432px;
}
.se4-li11 {
	top: 488px;
}
.se4-li12 {
	top: 535px;
}
.se4-li13 {
	top: 582px;
}
.active .se4-ul li {
	opacity: 1;
}
.active .se4-li1, 
.active .se4-li3,
.active .se4-li5,
.active .se4-li7,
.active .se4-li9,
.active .se4-li11,
.active .se4-li13 {
	right: 0;
}
.active .se4-li2, 
.active .se4-li4,
.active .se4-li6,
.active .se4-li8,
.active .se4-li10,
.active .se4-li12 {
	left: 0;
}
.active li {
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se4-li1 {
	transition-delay:1.2s;
}
.active .se4-li2 {
	transition-delay:1.3s;
}
.active .se4-li3 {
	transition-delay:1.4s;
}
.active .se4-li4 {
	transition-delay:1.5s;
}
.active .se4-li5 {
	transition-delay:1.6s;
}
.active .se4-li6 {
	transition-delay:1.7s;
}
.active .se4-li7 {
	transition-delay:1.8s;
}
.active .se4-li8 {
	transition-delay:1.9s;
}
.active .se4-li9 {
	transition-delay:2.0s;
}
.active .se4-li10 {
	transition-delay:2.1s;
}
.active .se4-li11 {
	transition-delay:2.2s;
}
.active .se4-li12 {
	transition-delay:2.3s;
}
.active .se4-li13 {
	transition-delay:2.4s;
}
/* section5 */
.section5 {
	background: url(../images/bg05.png) no-repeat center bottom;
	background-size: cover;
}
/*.section5 .section-box {
	background: url(../images/bg05.png) no-repeat center bottom;
	background-size: cover;
}*/
.se5-title {
	position: absolute;
	width: 467px;
	height: 50px;
	top: 9%;
	opacity: 1;
	left: 316px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se5-title {
	transition-delay:0.8s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se5-txt {
	position: absolute;
	width: 543px;
	height: 40px;
	top: 18.2%;
	opacity: 1;
	left: 280px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se5-txt {
	transition-delay:1.0s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.se5-ul {
	position: absolute;
	bottom: 29.1%;
	height: 348px;
}
.se5-ul li {
	position: absolute;
	top: 0;
	opacity: 1;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se5-ul li img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se5-ul li img:hover {
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
}
.se5-li1 {
	left: 136px;
}
.se5-li2 {
	left: 498px;
}
.se5-li3 {
	left: 779px;
}
.active .se5-li1 {
	left: 136px;
	top: 40px;
	transition-delay:1.2s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.active .se5-li2 {
	left: 498px;
	top: 107px;
	transition-delay:1.4s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
.active .se5-li3 {
	left: 779px;
	top: 0px;
	transition-delay:1.6s;
	-webkit-transform: translateY(0);
    transform: translateY(0);
}
/* section6 */
.section6 {
	background: url(../images/bg06.png) no-repeat center bottom;
	background-size: cover;
}
/*.section6 .section-box {
	background: url(../images/bg06.png) no-repeat center bottom;
	background-size: cover;
}*/
.se6-title {
	position: absolute;
	width: 483px;
	height: 50px;
	top: 9%;
	opacity: 1;
	left: 307px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se6-title {
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se6-txt {
	position: absolute;
	width: 190px;
	height: 21px;
	/*top: 16.2%;*/
	top: 18.2%;
	opacity: 1;
	left: 454px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se6-txt {
	-webkit-transition-delay:1.0s;
	transition-delay:1.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se6-ul {
	position: absolute;
	/*bottom: 33%;*/
	bottom: 16%;
	left: 0%;
	/*height: 34.42308%;*/
	width: 100%;
	min-width: 1100px;
}
@media all and (max-height:769px){
	.se6-ul {
		bottom: 16%;
	}
}
@media all and (max-height:901px){
	.se6-ul {
		bottom: 24%;
	}
}
@media all and (max-height:961px){
	.se6-ul {
		bottom: 28%;
	}
}
@media all and (min-height:961px){
	.se6-ul {
		bottom: 36%;
	}
}
.se6-ul li {
	/* position: absolute; */
	float: left;
	width: 25%;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se6-ul li img {
	width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se6-ul li img:hover {
	-webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}
.se6-li1, 
.se6-li2,
.se6-li3,
.se6-li4 {
	top: 0;
}
.se6-li5, 
.se6-li6,
.se6-li7,
.se6-li8 {
	top: 53%;
}
.se6-li1 {
	left: 0px;
	
}
.se6-li2 {
	left: 25%;
}
.se6-li3 {
	left: 50%;
}
.se6-li4 {
	left: 75%;
}
.se6-li5 {
	left: 0px;
}
.se6-li6 {
	left: 25%;
}
.se6-li7 {
	left: 50%;
}
.se6-li8 {
	left: 75%;
}
.active .se6-ul li {
	opacity: 1;
}
.active .se6-li1 {
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li2 {
	-webkit-transition-delay:1.4s;
	transition-delay:1.4s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li3 {
	-webkit-transition-delay:1.6s;
	transition-delay:1.6s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li4 {
	-webkit-transition-delay:1.8s;
	transition-delay:1.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li5 {
	-webkit-transition-delay:2.0s;
	transition-delay:2.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li6 {
	-webkit-transition-delay:2.2s;
	transition-delay:2.2s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li7 {
	-webkit-transition-delay:2.4s;
	transition-delay:2.4s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se6-li8 {
	-webkit-transition-delay:2.6s;
	transition-delay:2.6s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
/* section7 */
.section7 {
	background: url(../images/bg07.png) no-repeat center bottom;
	background-size: cover;
}
/*.section7 .section-box {
	background: url(../images/bg07.png) no-repeat center bottom;
	background-size: cover;
}*/
.se7-title {
	position: absolute;
	width: 428px;
	height: 52px;
	top: 9%;
	opacity: 1;
	left: 334px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se7-title {
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se7-txt {
	position: absolute;
	width: 536px;
	height: 17px;
	top: 18.2%;
	opacity: 1;
	left: 282px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se7-txt {
	-webkit-transition-delay:1.0s;
	transition-delay:1.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se7-ul {
	position: absolute;
	bottom: 20%;
	height: 348px;
}
@media all and (min-height:769px){
	.se7-ul {
		bottom: 24%;
	}
}
@media all and (min-height:901px){
	.se7-ul {
		bottom: 24%;
	}
}
@media all and (min-height:961px){
	.se7-ul {
		bottom: 28%;
	}
}
@media all and (min-height:961px){
	.se7-ul {
		bottom: 29%;
	}
}
.se7-ul li {
	/*position: absolute;*/
	/*left: -550px;*/
	float: left;
	/*top: 0;*/
	opacity: 1;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se7-ul li img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se7-ul li img:hover {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}
/*.se7-li1 {
	left: 0px;
}
.se7-li2 {
	left: 275px;
}
.se7-li3 {
	left: 550px;
}
.se7-li4 {
	left: 825px;
}*/
.active .se7-ul li {
	opacity: 1;
}
.active .se7-li1 {
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se7-li2 {
	-webkit-transition-delay:1.4s;
	transition-delay:1.4s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se7-li3 {
	-webkit-transition-delay:1.6s;
	transition-delay:1.6s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se7-li4 {
	-webkit-transition-delay:1.8s;
	transition-delay:1.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
/* section8 */
.section8 {
	background: url(../images/bg08.png) no-repeat center bottom;
	background-size: cover;
}
/*.section8 .section-box {
	background: url(../images/bg08.png) no-repeat center bottom;
	background-size: cover;
}*/
.se8-title {
	position: absolute;
	width: 429px;
	height: 51px;
	top: 10.8%;
	opacity: 1;
	left: 335px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se8-title {
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se8-ul {
	position: absolute;
	bottom: 29.1%;
	height: 355px;
}
.se8-ul li {
	position: absolute;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.se8-ul li img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.se8-ul li img:hover {
    -webkit-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}
.se8-li1 {
	top: 0;
	left: 168px;
	
	
}
.se8-li2 {
	top: 0;
	left: 458px;
	
}
.se8-li3 {
	top: 0;
	left: 760px;
	
}
.se8-li4 {
	top: 210px;
	left: 168px;
	
}
.se8-li5 {
	top: 210px;
	left: 458px;
	
}
.se8-li6 {
	top: 210px;
	left: 760px;
	
}
.active .se8-ul li {
	opacity: 1;
}
.active .se8-li1 {
	
	-webkit-transition-delay:0.9s;
	transition-delay:0.9s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se8-li2 {
	
	-webkit-transition-delay:1.0s;
	transition-delay:1.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se8-li3 {
	
	-webkit-transition-delay:1.1s;
	transition-delay:1.1s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se8-li4 {
	
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se8-li5 {
	
	-webkit-transition-delay:1.3s;
	transition-delay:1.3s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se8-li6 {
	
	
	-webkit-transition-delay:1.4s;
	transition-delay:1.4s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
/* section9 */
.section9 {
	background: url(../images/bg01.png) no-repeat center bottom;
	background-size: cover;
}
/*.section9 .section-box {
	background: url(../images/bg01.png) no-repeat center bottom;
	background-size: cover;
}*/
.se9-tel {
        text-align:center;
	position: absolute;
	width: 899px;
	height: 50px;
	top: 10.8%;
	opacity: 1;
	left: 100px;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.active .se9-tel {
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se9-txt {
	position: absolute;
	width: 270px;
	height: 22px;
	top: 18.6%;
	opacity: 1;
	left: 433px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se9-txt {
	-webkit-transition-delay:1.0s;
	transition-delay:1.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se9-ul {
	position: absolute;
	bottom: 21.3%;
	height: 421px;
}
.se9-ul li {
	height: 421px;
	width: 299px;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.se9-li1 {
	background: url(../images/d9gold.png);
	opacity: 1;
	left: 45px;
}
.se9-li2 {
	background: url(../images/d9platinum.png);
	opacity: 1;
	left: 401px;
}
.se9-li3 {
	background: url(../images/d9diamond.png);
	opacity: 1;
	left: 756px;
}
.se9-ul li a {
	display: block;
	width: 148px;
	height: 43px;
	border: 1px solid #f13b3b;
	background: #fff;
	color: #f13b3b;
	text-align: center;
	line-height: 43px;
	font-size: 16px;
	transition: all .3s ease;
	position: absolute;
	bottom: 66px;
	left: 76px;
}
.se9-ul li a:hover {
	border-radius: 22px;
	background: #f13b3b;
	color: #fff;
}

.active .se9-li1 {
	-webkit-transition-delay:1.1s;
	transition-delay:1.1s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se9-li2 {
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se9-li3 {
	-webkit-transition-delay:1.3s;
	transition-delay:1.3s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}



/* dyy-way右侧联系方式  */
.dyy-way {
	width: 61px;
	height: 180px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -90px;
}
.dyy-wayA {
	display: block;
	width: 61px;
	height: 60px;
	background: url(../images/way.png) 0 0 no-repeat;
	background-color: rgba(0, 0, 0, .2);
	position: relative;
}
.dyy-wayA01 {
	background-position: 0 0;
	border-top-left-radius: 8px;
}
.dyy-wayA02 {
	background-position: 0 -60px;
}
.dyy-wayA03 {
	background-position: 0 -120px;
	border-bottom-left-radius: 8px;
}
.dyy-wayA-p {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	height: 60px;
	line-height: 60px;
	background: rgba(0, 0, 0, .2);
	padding: 0 18px;
	white-space: nowrap;
	position: absolute;
	right: -240px;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	font-size: 16px;
	color: #fff;
}
.dyy-wayA03:hover {
	background-color: rgba(0, 0, 0, .4);
}
.dyy-wayA01:hover {
	border-top-left-radius: 0px;
}
.dyy-wayA01:hover .dyy-wayA-p {
	right: 61px;
}
.dyy-wayA02:hover .dyy-wayA-p {
	right: 61px;
}


.godown { 
	*display: none; 
	position: absolute; 
	left: 50%; 
	bottom: 75px; 
	z-index: 100; 
	width: 50px; 
	height: 53px; 
	margin-left: -25px;
}
.godown span { 
	display: block; 
	width: 50px; 
	height: 53px; 
	background-image: url(../images/godown.png);
	-webkit-animation: fade 3s infinite linear; 
	animation: fade 3s infinite linear;
}
/* 动画 */
@-webkit-keyframes fade {
	0% { 
		opacity: 1;
	}
	50% { 
		opacity: 0.3;
	}
	100% { 
		opacity: 1;
	}
}
@keyframes fade {
	0% { 
		opacity: 1;
	}
	50% { 
		opacity: 0.3;
	}
	100% { 
		opacity: 1;
	}
}

@-webkit-keyframes left01 {
	0% { 
		opacity: 0;
		left: -299px;
	}
	100% { 
		opacity: 1;
		left: 45px;
	}
}
@keyframes left01 {
	0% { 
		opacity: 0;
		left: -299px;
	}
	100% { 
		opacity: 1;
		left: 45px;
	}
}

@-webkit-keyframes left02 {
	0% { 
		opacity: 0;
		left: -299px;
	}
	100% { 
		opacity: 1;
		left: 401px;
	}
}
@keyframes left02 {
	0% { 
		opacity: 0;
		left: -299px;
	}
	100% { 
		opacity: 1;
		left: 401px;
	}
}

@-webkit-keyframes left03 {
	0% { 
		opacity: 0;
		left: -299px;
	}
	100% { 
		opacity: 1;
		left: 756px;
	}
}
@keyframes left03 {
	0% { 
		opacity: 0;
		left: -299px;
	}
	100% { 
		opacity: 1;
		left: 756px;
	}
}

/* section10 */
.section10 {
	background: url(../images/bg10.png) no-repeat center bottom;
	background-size: cover;
}
/*.section8 .section-box {
	background: url(../images/bg08.png) no-repeat center bottom;
	background-size: cover;
}*/
.se10-tel {
	position: absolute;
	width: 430px;
	height: 52px;
	top: 10.8%;
	opacity: 1;
	left: 336px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se10-tel {
	-webkit-transition-delay:0.8s;
	transition-delay:0.8s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se10-txt {
	position: absolute;
	width: 518px;
	height: 18px;
	top: 18.6%;
	opacity: 1;
	left: 290px;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.active .se10-txt {
	-webkit-transition-delay:1.0s;
	transition-delay:1.0s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.se10-ul {
	position: absolute;
	/*bottom: 30%;*/
	bottom: 23%;
	height: 379px;
}
.se10-ul li {
	height: 379px;
	width: 207px;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.se10-li1 {
	background: url(../images/se10-li1.png);
	opacity: 1;
	left: 0px;
}
.se10-li2 {
	background: url(../images/se10-li2.png);
	opacity: 1;
	left: 214px;
}
.se10-li3 {
	background: url(../images/se10-li3.png);
	opacity: 1;
	left: 440px;
}
.se10-li4 {
	background: url(../images/se10-li4.png);
	opacity: 1;
	left: 666px;
}
.se10-li5 {
	background: url(../images/se10-li5.png);
	opacity: 1;
	left: 892px;
}

.active .se10-li1 {
	-webkit-transition-delay:1.1s;
	transition-delay:1.1s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se10-li2 {
	-webkit-transition-delay:1.2s;
	transition-delay:1.2s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se10-li3 {
	-webkit-transition-delay:1.3s;
	transition-delay:1.3s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se10-li4 {
	-webkit-transition-delay:1.4s;
	transition-delay:1.4s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
.active .se10-li5 {
	-webkit-transition-delay:1.5s;
	transition-delay:1.5s;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}
/* case-hd */
.case-hd {
	height: 70px;
	background: #f9840c;
}
.case-hd .dyyHd-box {
	height: 90px;
	border-bottom: none;
}
.caseHd-nav {
	margin-right: 10px;
}
.caseHd-nav li {
	float: left;
}
.caseHd-nav a {
	display: block;
	padding: 0 20px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 14px;
}
.caseHd-nav a:hover,
.caseHd-nav a.cur {
	background: #fa730b;
}

/* case-main */
.case-main {
	background: #edeff0 url(../images/caseTop.png) no-repeat center top;
	padding-top: 215px
}
.case-item {
	height: 745px;
	background: #fff;
	margin-top: 50px;
	position: relative;
	padding-left: 406px;
	padding-top: 42px;
}
.case-aside {
	position: absolute;
	width: 276px;
	height: 600px;
	background: url(../images/caseAside.png) no-repeat;
	left: -30px;
	top: -20px;
	padding: 36px 20px 36px 30px;
}
.caseAside-title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 6px;
}
.caseAside-title a {
	color: #fff;
}
.caseAside-p, .caseAside-p a {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.caseAside-p a:hover {
	text-decoration: underline;
}
.caseAside-nr {
	margin-top: 50px;
}
.caseAside-line {
	display: block;
	width: 24px;
	height: 3px;
	background: #edeff0;
}
.caseAside-nr p {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	margin-top: 12px;
}
.caseAside-medal {
	position: absolute;
	bottom: 40px;
	left: 30px;
	color: #fff;
	width: 39px;
	text-align: center;
}
.medal-i {
	display: block;
	width: 39px;
	height: 48px;
	background: url(../images/medal.png) no-repeat 0 0;
}
.medal-diamond {
	background-position: 0 0;
}
.medal-gold {
	background-position: -39px 0;
}
.medal-platinum {
	background-position: -78px 0;
}
.caseBox-name {
	font-size: 20px;
	line-height: 43px;
	color: #1e2234;
	margin-bottom: 20px;
}
.caseBox-name span {
	color: #ff7300;
	text-transform: uppercase;
}
.caseBox-traffic {
	width: 500px;
	margin-left: 54px;
}
.caseBox-traffic img {
	width: 100%;
	height: 200px;
}
.traffic-title {
	text-align: center;
	font-size: 14px;
	color: #454545;
	margin-top: 12px;
}
.case-tag {
	position: absolute;
	right: 30px;
	top: -20px;
	width: 36px;
	height: 104px;
	background: url(../images/total.png) no-repeat;
}
.caseBox-slide {
	position: relative;
	height: 280px;
	margin-bottom: 40px;
	margin-left: -31px;
	padding-left: 109px;
}
.caseBox-slide-outer {
	position: absolute;
	width: 428px;
	overflow: hidden;
	height: 280px;
}
.caseBox-slide-ul {
	position: absolute;
	left: 0;
}
.caseBox-slide-ul li {
	float: left;
	width: 428px;
	height: 280px;
}
.caseBox-slide-ul li img {
	max-width:428px;
	max-height: 280px;
	text-align: center;
}
.caseBox-slide-ul p {
	margin-top: 12px;
	text-align: center;
	font-size: 14px;
}
.caseBox-btn {
	position: absolute;
	width: 60px;
	height: 60px;
	border: 1px solid #ebeced;
	border-radius: 100%;
	top: 50%;
	margin-top: -31px;
	background: url(../images/jiantou.png)no-repeat;
}
.caseBox-prev {
	left: 0px;
	background-position: -1px -1px;
}
.caseBox-next {
	right: 40px;
	background-position: -63px -1px;
}
.caseBox-prev:hover {
	left: 0px;
	background-position: -1px -63px;
}
.caseBox-next:hover {
	right: 40px;
	background-position: -63px -63px;
}
.caseBox-num {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	right: 117px;
	font-size: 14px;
	color: #454545;
}
.cur-num {
	color: #ff7300;
	font-size: 24px;
}
.caseAnli-hd {
	text-align: center;
	margin-bottom: -15px;
	margin-top: 56px;
}
.w1130 {
	width: 1130px;
	margin: 0 auto;
}
.brand-box {
	background: #fff;
	margin-top: 47px;
}
.brand-item {
	width: 225px;
	height: 100px;
	border-right: 1px solid #f0f1f2;
	border-bottom: 1px solid #f0f1f2;
}
.brand-item img {
	width: 100%;
	height: 100%;
}
