<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#doyoo_f_frame {
    display: none !important;
}

header {
    position: fixed;
    z-index: 999;
    height: 100px;
    background: #fff;
    top: 0;
    width: 100%;
	
}

nav {
    border-bottom: none
}

/*侧边按钮导航*/
.side-nav {
    position: fixed;
    z-index: 999;
    left: 42px;
    top: 50%;
    margin-top: -52px;
    padding: 0;
    margin: 0;
    list-style: none
}

.side-nav li {
    margin-top: 6px
}

.side-nav li:first-child {
    margin-top: 0
}

.side-nav li a {
    display: block;
    width: 10px;
    height: 10px;
    border: #cfcfcf solid 1px;
}

.side-nav .side-nav-curr a {
    star: expression(this.onFocus=this.blur());
    background: #fff;
    opacity: 0.8
}

.side-nav li.hide {
    display: none
}

.scener-page .line {
    position: absolute;
    top: 20%;
    height: 2px;
    width: 100%;
    background: url("line.png") no-repeat center top;
    margin-top: 118px;
}

/*页面背景1-6*/
.page1 {
    background: url("ban1.jpg") no-repeat center 100px;
    background-size: auto 100%;
	z-index:98;
}

.page2 {
    background: url("big_bg_02.jpg") no-repeat center top;
    background-size: auto 100%
}

.page3 {
    background: url("big_bg_01.jpg") no-repeat center top;
    background-size: auto 100%
}

.page4 {
    background: #f7f7f7 url("big_bg_03.jpg") no-repeat center top;
    background-size: auto 100%
}

.page5 {
    background: #f7f7f7 url("big_bg_04.jpg") no-repeat center top;
    background-size: auto 100%
}

.page6 {
    background: #202629
}

.scener-arrow, .scener-arrow-black {
    width: 400px;
    height: 100px;
    text-align: center;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -200px;
    text-align: center;
    bottom: 10px;
    transition: all .3s ease-in-out 0s;
    opacity: 0;
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite
}

.scener-arrow a, .scener-arrow-black a {
    font-size: 18px;
    line-height: 40px;
    display: inline-block;
    margin: 0 15px;

}

.scener-arrow a.a1 {
    background: url("i1.png") no-repeat left center;
}

.scener-arrow a.a2 {
    background: url("i3.png") no-repeat left center;
}

.scener-arrow-black a.a1 {
background:#928545;
padding:0 28px;
border: 1px solid #928545;
border-radius: 5px 5px 5px 5px;

}

.scener-arrow-black a.a1:hover {
background:#fff;
padding:0 28px;
color:#928545;
border: 1px solid #fff;
border-radius: 5px 5px 5px 5px;
}
.scener-arrow-black a.a2 {
    background: url("i6.png") no-repeat left center;
}

.scener-arrow a.a1:hover{
    background: url("i2.png") no-repeat left center;
}

.scener-arrow a.a2:hover {
    background: url("i4.png") no-repeat left center;
}



.scener-arrow-black a.a2:hover {
    background: url("i8.png") no-repeat left center;
}



.scener-arrow a:hover {
    cursor: pointer;
    color: #f9db00;
}
.scener-arrow-black a:hover{
    cursor: pointer;
    color: #29a9d2;
}

.scener-arrow-black a {
    color: #fff;
}

.scener-arrow a.n, .scener-arrow-black a.n {
    width: 23px;
    height: 20px;
    background: url("icon1.gif") scroll 0 0;
    text-indent: -9999em;
    display: inline-block;
    margin-top: 20px;
    padding-left: 0;
}

.scener-arrow a.n {
    background-position: 0 0
}

.scener-arrow-black a.n:hover {

}


.wrap-con2, .wrap-con3, .wrap-con5, .wrap-con6 {
    position: relative;
    height: 100%;
    text-align: center;
	opacity:0.8;
}

 .wrap-con4 {
    position: relative;
    height: 100%;
    text-align: center;
}

/*点击-当前页添加"active"样式*/
.active .scener-arrow, .active .scener-arrow-black {
    opacity: 1
}

/*页面1*/
.wrap-con1 .pra {
    position: relative;
    top: 40%;
	width:100%;
}

.wrap-con1 .pra p{
text-align:left;
color:#FFFFFF;
font-size:22px;
letter-spacing:5px;
margin-top:45px;
width:490px;


}

.wrap-con1 .pra p span{
 width:132px;
 height:38px;
letter-spacing:normal;
border:1px solid #928545;border-radius: 5px 5px 5px 5px;
background-color:#928545;


 line-height:34px;
 text-align:center;
 opacity:1;
 float:right;
 margin-right:10px;

}

.wrap-con1 .pra p span a{ font-size:20px; color:#FFFFFF}



.wrap-con1 h1 {
    font-size: 50px;
    color: #fff;
    line-height: 60px;
	text-align:left;
	font-weight:bolder;}
	
.wrap-con1 h2 {
    font-size: 50px;
    color: #fff;
    line-height: 60px;
	text-align:left;
	font-weight:bolder;}	


.wrap-con1 h1 strong {
    font-size: 80px;
    display: inline-block;
    color: #f9db00
}

.blister-one {
    opacity: 0.3;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 15%;
    border-radius: 100%;

    background-color: #fff;
    left: 40%;
}

.blister-one {
    position: absolute;
    animation: blisterOne 4s infinite linear;
    -moz-animation: blisterOne 4s infinite linear;
    -webkit-animation: blisterOne 4s infinite linear;
    -o-animation: blisterOne 4s infinite linear
}

@keyframes blisterOne {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-moz-keyframes blisterOne {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-webkit-keyframes blisterOne {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-o-keyframes blisterOne {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

.blister-two {
    opacity: 0.3;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 15%;
    border-radius: 100%;
    background-color: #fff;
    left: 45%;
}

.blister-two {
    position: absolute;
    animation: blisterTwo 3s infinite linear;
    -moz-animation: blisterTwo 3s infinite linear;
    -webkit-animation: blisterTwo 3s infinite linear;
    -o-animation: blisterTwo 3s infinite linear
}

@keyframes blisterTwo {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-moz-keyframes blisterTwo {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-webkit-keyframes blisterTwo {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-o-keyframes blisterTwo {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

.blister-three {
    opacity: 0.3;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 15%;
    border-radius: 100%;
    background-color: #fff;
    left: 50%;
}

.blister-three {
    position: absolute;
    animation: blisterThree 4.5s infinite linear;
    -moz-animation: blisterThree 3.5s infinite linear;
    -webkit-animation: blisterThree 3.5s infinite linear;
    -o-animation: blisterThree 3.5s infinite linear
}

@keyframes blisterThree {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-moz-keyframes blisterThree {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-webkit-keyframes blisterThree {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-o-keyframes blisterThree {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

.blister-four {
    opacity: 0.3;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 15%;
    border-radius: 100%;
    background-color: #fff;
    left: 55%;
}

.blister-four {
    position: absolute;
    animation: blisterFour 4.5s infinite linear;
    -moz-animation: blisterFour 4.5s infinite linear;
    -webkit-animation: blisterFour 4.5s infinite linear;
    -o-animation: blisterFour 4.5s infinite linear
}

@keyframes blisterFour {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 90%
    }
}

@-moz-keyframes blisterFour {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 90%
    }
}

@-webkit-keyframes blisterFour {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 90%
    }
}

@-o-keyframes blisterFour {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;

        bottom: 90%
    }
}

.blister-five {
    opacity: 0.3;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 15%;
    border-radius: 100%;
    background-color: #fff;
    left: 35%;
}

.blister-five {
    position: absolute;
    animation: blisterFive 5s infinite linear;
    -moz-animation: blisterFive 5s infinite linear;
    -webkit-animation: blisterFive 5s infinite linear;
    -o-animation: blisterFive 5s infinite linear
}

@keyframes blisterFive {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-moz-keyframes blisterFive {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-webkit-keyframes blisterFive {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

@-o-keyframes blisterFive {
    0% {
        opacity: 0.3;
        bottom: 0
    }
    100% {
        opacity: 0;
        bottom: 80%
    }
}

/*页面1*/

/*页面2*/
.wrap-con2 h2 {
    font-size:34px;
    color: #928545;
    position: absolute;
    top: 18%;
    width: 500px;
    height: 80px;
    font-weight: bold;
    text-align: center;
    right: 35%;
    margin-right: -85px;
}

.wrap-con2 .pic {
    top: 50%;
    left: 50%;
    margin-left: -337px;
    margin-top: -185px;
    position: absolute;
    width: 674px;
    height: 370px;
    background: url("pic1.png") no-repeat center top;
    background-size: 100%;
}

.wrap-con2 .con {
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    font-size: 16px;
}





.active .wrap-con2 h2 {
    position: absolute;
    animation: textOne35 1s;
    -moz-animation: textOne35 1s;
    -webkit-animation: textOne35 1s;
    -o-animation: textOne35 1s
}


@keyframes textOne35 {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1;
        right: 35%
    }
}

@-moz-keyframes textOne35 {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1; right: 35%
    }
}

@-webkit-keyframes textOne35 {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1; right: 35%
    }
}

@-o-keyframes textOne35 {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1; right: 35%
    }
}


@keyframes textOne {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1;
        right: 50%
    }
}

@-moz-keyframes textOne {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1;
        right: 50%
    }
}

@-webkit-keyframes textOne {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1;
        right: 50%
    }
}

@-o-keyframes textOne {
    0% {
        opacity: 0;
        right: 0
    }
    100% {
        opacity: 1;
        right: 50%
    }
}

.active .wrap-con2 .pic {
    position: absolute;
    animation: imgOne 1s;
    -moz-animation: imgOne 1s;
    -webkit-animation: imgOne 1s;
    -o-animation: imgOne 1s
}

@keyframes imgOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 50%
    }
}

@-moz-keyframes imgOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 50%
    }
}

@-webkit-keyframes imgOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 50%
    }
}

@-o-keyframes imgOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 50%
    }

}

/*页面3*/
.wrap-con3 h3 {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 100%;
	font-size:36px;
	font-weight:bolder;
	color:#928545
}

.wrap-con3 .icon-t {
    width: 100px;
    height: 140px;
    background: url("icon3.png") scroll 0 0;
    position: absolute;
    top: 50%;
    margin-top: 14px;
    display: block;
}

.wrap-con3 .icon-t span {
    display: block;
    width: 100px;
    height: 140px;
    position: relative;
}

.wrap-con3 .icon-t strong {
    font-size: 20px;
    line-height: 22px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    display: block;
    text-align: center;
    font-weight: normal;
    width: 132px;
    margin-left: -66px;
}

.wrap-con3 .icon-w4 strong {
    bottom: -40px;
}

.wrap-con3 .icon-w1 {
    left: 5%;
    background-position: 0 0
}

.wrap-con3 .icon-w2 {
    left: 25%;
    background-position: -100px 0
}

.wrap-con3 .icon-w3 {
    left: 45%;
    background-position: -200px 0
}

.wrap-con3 .icon-w4 {
    left: 65%;
    background-position: -300px 0
}

.wrap-con3 .icon-w5 {
    left: 85%;
    background-position: -400px 0
}

.wrap-con3 .icon-w1:hover {
    background-position: 0 -140px;
}

.wrap-con3 .icon-w2:hover {
    background-position: -100px -140px;
}

.wrap-con3 .icon-w3:hover {
    background-position: -200px -140px;
}

.wrap-con3 .icon-w4:hover {
    background-position: -300px -140px;
}

.wrap-con3 .icon-w5:hover {
    background-position: -400px -140px;
}

.active .wrap-con3 h3 {
    position: absolute;
    animation: myImg 1s;
    -moz-animation: myImg 1s;
    -webkit-animation: myImg 1s;
    -o-animation: myImg 1s
}

.active .wrap-con4 h3 {
    position: absolute;
    animation: myImg 1s;
    -moz-animation: myImg 1s;
    -webkit-animation: myImg 1s;
    -o-animation: myImg 1s
}

@keyframes myImg {
    0% {
        opacity: 0;
        top: 0
    }
    100% {
        opacity: 1;
        top: 25%
    }
}

@-moz-keyframes myImg {
    0% {
        opacity: 0;
        top: 0
    }
    100% {
        opacity: 1;
        top: 25%
    }
}

@-webkit-keyframes myImg {
    0% {
        opacity: 0;
        top: 0
    }
    100% {
        opacity: 1;
        top: 25%
    }
}

@-o-keyframes myImg {
    0% {
        opacity: 0;
        top: 0
    }
    100% {
        opacity: 1;
        top: 25%
    }
}




.active .wrap-con3 .icon-w1 {
    position: absolute;
    animation: iconOne 1s;
    -moz-animation: iconOne 1s;
    -webkit-animation: iconOne 1s;
    -o-animation: iconOne 1s
}

.active .ys_div,.active .ys_div1 {
    animation: iconOne 4s;
    -moz-animation: iconOne 4s;
    -webkit-animation: iconOne 4s;
    -o-animation: iconOne 4s
}

@keyframes iconOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 5%
    }
}

@-moz-keyframes iconOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 5%
    }
}

@-webkit-keyframes iconOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 5%
    }
}

@-o-keyframes iconOne {
    0% {
        opacity: 0;
        left: 0
    }
    100% {
        opacity: 1;
        left: 5%
    }
}

.active .wrap-con3 .icon-w2 {
    position: absolute;
    animation: iconTwo 1s;
    -moz-animation: iconTwo 1s;
    -webkit-animation: iconTwo 1s;
    -o-animation: iconTwo 1s
}

@keyframes iconTwo {
    0% {
        opacity: 0;
        left: 5%
    }
    100% {
        opacity: 1;
        left: 25%
    }
}

@-moz-keyframes iconTwo {
    0% {
        opacity: 0;
        left: 5%
    }
    100% {
        opacity: 1;
        left: 25%
    }
}

@-webkit-keyframes iconTwo {
    0% {
        opacity: 0;
        left: 5%
    }
    100% {
        opacity: 1;
        left: 25%
    }
}

@-o-keyframes iconTwo {
    0% {
        opacity: 0;
        left: 5%
    }
    100% {
        opacity: 1;
        left: 25%
    }
}

.active .wrap-con3 .icon-w3 {
    position: absolute;
    animation: iconThree 1s;
    -moz-animation: iconThree 1s;
    -webkit-animation: iconThree 1s;
    -o-animation: iconThree 1s
}

@keyframes iconThree {
    0% {
        opacity: 0;
        left: 25%
    }
    100% {
        opacity: 1;
        left: 45%
    }
}

@-moz-keyframes iconThree {
    0% {
        opacity: 0;
        left: 25%
    }
    100% {
        opacity: 1;
        left: 45%
    }
}

@-webkit-keyframes iconThree {
    0% {
        opacity: 0;
        left: 25%
    }
    100% {
        opacity: 1;
        left: 45%
    }
}

@-o-keyframes iconThree {
    0% {
        opacity: 0;
        left: 25%
    }
    100% {
        opacity: 1;
        left: 45%
    }
}

.active .wrap-con3 .icon-w4 {
    position: absolute;
    animation: iconFour 1s;
    -moz-animation: iconFour 1s;
    -webkit-animation: iconFour 1s;
    -o-animation: iconFour 1s
}

@keyframes iconFour {
    0% {
        opacity: 0;
        left: 45%
    }
    100% {
        opacity: 1;
        left: 65%
    }
}

@-moz-keyframes iconFour {
    0% {
        opacity: 0;
        left: 45%
    }
    100% {
        opacity: 1;
        left: 65%
    }
}

@-webkit-keyframes iconFour {
    0% {
        opacity: 0;
        left: 45%
    }
    100% {
        opacity: 1;
        left: 65%
    }
}

@-o-keyframes iconFour {
    0% {
        opacity: 0;
        left: 45%
    }
    100% {
        opacity: 1;
        left: 65%
    }
}

.active .wrap-con3 .icon-w5 {
    position: absolute;
    animation: iconFive 1s;
    -moz-animation: iconFive 1s;
    -webkit-animation: iconFive 1s;
    -o-animation: iconFive 1s 4s
}

@keyframes iconFive {
    0% {
        opacity: 0;
        left: 65%
    }
    100% {
        opacity: 1;
        left: 85%
    }
}

@-moz-keyframes iconFive {
    0% {
        opacity: 0;
        left: 65%
    }
    100% {
        opacity: 1;
        left: 85%
    }
}

@-webkit-keyframes iconFive {
    0% {
        opacity: 0;
        left: 65%
    }
    100% {
        opacity: 1;
        left: 85%
    }
}

@-o-keyframes iconFive {
    0% {
        opacity: 0;
        left: 65%
    }
    100% {
        opacity: 1;
        left: 85%
    }
}

/*页面4*/


.wrap-con4 h3 {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 100%;
	font-size:36px;
	color:#928545;
	font-weight:bold;
}







/*页面5*/
.wrap-con5 .checkm {
position:absolute;
    width:100%;
	z-index:1;
	height:100%;
	top:15%;
 
}

.wrap-con5 .checkm h1 {
color:#928545;
line-height:100px;
font-weight:bolder;

 
}


.wrap-con5 h3 {
    height: 45px;
    line-height: 45px;
    overflow: hidden;


}
.wrap-con5 .den_div {
    width:100%;
	background: #eeeeee;
	height:45px;
}


.wrap-con5 .den_div li {float:left; width:33.3%;}

.den_v{ height:345px;background:#fff; overflow:hidden;}

.den_div h6 {color:#928545;height:42px;line-height:45px;text-align:center; background:#dddddd; border-bottom:3px solid #928545; font-size:16px;}
.den_div h6.h6bg {color:black;height:42px;line-height:45px;background:#eeeeee;border-bottom:3px solid #dddddd;}


.wrap-con5 .po1 .icon-t {
    width: 100px;
    height: 160px;
    background: url(icon3.png) no-repeat;
    position: absolute;
    top: 25%;
    display: block;
}

.wrap-con5 .po1 .icon-t span {
    display: block;
    width: 100px;
    height: 140px;
    position: relative;
}

.wrap-con5 .po1 .icon-t strong {
    font-size: 20px;
    line-height: 22px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    display: block;
    text-align: center;
    font-weight: normal;
    width: 132px;
    margin-left: -66px;
}


.wrap-con5 .po1 .icon-w1 {
    left: 10%;
    background-position: 0 0
}

.wrap-con5 .po1 .icon-w2 {
    left: 33%;
    background-position: -100px 0
}

.wrap-con5 .po1 .icon-w3 {
    left: 58%;
    background-position: -200px 0;
	background-repeat:no-repeat;
}

.wrap-con5 .po1 .icon-w4 {
    left: 80%;
    background-position: -300px 0
}



.wrap-con5 .po1 .icon-w1:hover {
    background-position: 0 -140px;
}

.wrap-con5 .po1 .icon-w2:hover {
    background-position: -100px -140px;
}

.wrap-con5 .po1 .icon-w3:hover {
    background-position: -200px -140px;
}

.wrap-con5 .po1 .icon-w4:hover {
    background-position: -300px -140px;
}



.wrap-con5 .check-tab .po {

    position: relative;
}

.wrap-con5 .check-tab .po1 {
margin-top:20px;

}

.wrap-con5 .po1 .piaod
{ 
border:1px #dbdbdb solid; 
width:824px;
height:45px; 
position: relative;
top:230px;
margin:0 auto;

}

.wrap-con5 .po1 .piaod li
{ float:left; list-style:none;
}

.ly_li1{width:345px; height:45px;background: url(search.png) 10px  center no-repeat; }
.ly_li2{width:345px; height:45px;background: url(sea_ph.png) 10px  center no-repeat; }
.ly_li3{width:134px; height:45px; background-color: #928545;}
.coolbg{ border:none;width:135px; height:45px;background: url(search.png) 10px  center no-repeat; line-height:45px; color:#FFFFFF;font-family:Microsoft YaHei;
font-size:16px; word-spacing:10px; cursor:pointer; }

.wrap-con5 .po1 .piaod .intxt{width:305px; height:45px; border:0;outline:none;color:#828282; font-size:16px; word-spacing:100px; float:right;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}







.wrap-con5 .check-tab .cen {
    text-align: center;
}

.active .wrap-con5 .check-tab {
    position: absolute;
    animation: pageFixLeft 1s;
    -moz-animation: pageFixLeft 1s;
    -webkit-animation: pageFixLeft 1s;
    -o-animation: pageFixLeft 1s
}

@keyframes pageFixLeft {
    0% {
        opacity: 0;
        left: -444px
    }
    100% {
        opacity: 1;
        left: 0
    }
}

@-moz-keyframes pageFixLeft {
    0% {
        opacity: 0;
        left: -444px
    }
    100% {
        opacity: 1;
        left: 0
    }
}

@-webkit-keyframes pageFixLeft {
    0% {
        opacity: 0;
        left: -444px
    }
    100% {
        opacity: 1;
        left: 0
    }
}

@-o-keyframes pageFixLeft {
    0% {
        opacity: 0;
        left: -444px
    }
    100% {
        opacity: 1;
        left: 0
    }
}

.active .wrap-con5 .checkm h1 {
    animation: pageFixRight 1s;
    -moz-animation: pageFixRight 1s;
    -webkit-animation: pageFixRight 1s;
    -o-animation: pageFixRight 1s
}

@keyframes pageFixRight {
    0% {
        opacity: 0;
        right: -372px
    }
    100% {
        opacity: 1;
        right: 50px
    }
}

@-moz-keyframes pageFixRight {
    0% {
        opacity: 0;
        right: -372px
    }
    100% {
        opacity: 1;
        right: 50px
    }
}

@-webkit-keyframes pageFixRight {
    0% {
        opacity: 0;
        right: -372px
    }
    100% {
        opacity: 1;
        right: 50px
    }
}

@-o-keyframes pageFixRight {
    0% {
        opacity: 0;
        right: -372px
    }
    100% {
        opacity: 1;
        right: 50px
    }
}

/*页面62*/
.wrap-con6 .pro {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 640px;
    margin-top: -320px;
    text-align: left;
}

.wrap-con6 h2 {
    font-size: 30px;
    color: #95f1ec;
    text-align: center;
    border-bottom: 1px solid #54585b;
    padding: 20px 0;
    width: 800px;
    margin: 0 auto;
}

.wrap-con6 h2 i {
    background: url("icon2.png") scroll 0 -42px;
    width: 357px;
    height: 22px;
    display: inline-block;
    margin-top: 40px;
}

.wrap-con6 ul {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 50px
}

.wrap-con6 li {
    float: left;
    padding: 30px 0px 30px 60px;
    overflow: hidden;
    width: 340px;
    color: #fff
}

.wrap-con6 li i {
    background: url("icon2.png") scroll 0 0;
    width: 42px;
    height: 42px;
    float: left;
    display: block;
    margin-top: 22px;
}

.wrap-con6 li .i1 {
    background-position: 0 0;
}

.wrap-con6 li .i2 {
    background-position: -42px 0;
}

.wrap-con6 li .i3 {
    background-position: -84px 0;
}

.wrap-con6 li .i4 {
    background-position: -126px 0;
}

.wrap-con6 li .i5 {
    background-position: -168px 0;
}

.wrap-con6 li .i6 {
    background-position: -210px 0;
}

.wrap-con6 li .left {
    float: left;
    width: 230px;
    margin-left: 40px;
}

.wrap-con6 li h3 {
    font-size: 24px;
    line-height: 36px;
    padding-bottom: 8px;
}

.wrap-con6 li p {
    line-height: 18px;
    font-size: 16px;
}

/*最小兼容&lt;=1366px*/
@media (max-width: 1680px) {
    .wrap-con2 h2 {
        font-size: 36px
    }

    .wrap-con2 .pic {
        height: 280px;
        margin-top: -130px;
        width: 510px;
        margin-left: -260px
    }

    .wrap-con2 .con {
        font-size: 15px;
    }


    .scener-arrow, .scener-arrow-black {
        bottom: -10px;
    }

    .wrap-con3 .icon-t strong {
        font-size: 16px;
    }



    .wrap-con4 .con h3 {
        padding: 12px 10px 12px 14px;
        border-radius: 8px
    }


    .wrap-con6 .pro {
        margin-top: -180px;
        height: 440px;
    }

    .wrap-con6 li p {
        font-size: 14px;
    }

    .wrap-con6 ul {
        padding-top: 10px
    }

    .wrap-con6 li h3 {
        font-size: 20px;
    }

    .wrap-con6 h2 i {
        margin-top: 30px;
    }

    .wrap-con6 li {
        padding: 10px 0px 10px 60px;
    }

    .wrap-con6 h2 {
        padding: 10px 0
    }
}</pre></body></html>