.logoA {
    width: 120px;
    height: 160px;
    position: fixed;
    z-index: 999;
    top: 10px;
    left: 30px;
    opacity: 1;
    text-align: left;
    transition: 0.5s;
}

.logoA-active {
    
    position: fixed;
    top: 40px;
    left: 30px;
    z-index: 999;
    opacity: 1;
    text-align: left;
    transition: 0.5s;
}
.logoA .clickimg {
    
    position: fixed;
    left: 30px;
    top: 20px;
    cursor: pointer;  transition: 0.5s;
   
}
.logoA-active .clickimg {

    position: fixed;
    left: 30px;
    top: 20px;
    cursor: pointer;  transition: 0.5s;

}

ul.kf {
    width: 34px;
    margin: 0 auto;
}

ul.kf li {
    width: 34px;
    margin-bottom: 20px;
    position: relative;
    height: 34px;
}

ul.kf li a.kf1,
ul.kf li a.kf2,
ul.kf li a.kf3,
ul.kf li a.kf4,
ul.kf li a.kf5 {
    width: 34px;
    height: 34px;
    right: 0;
    display: block;
    background: rgba(90,90,90,0.6) url(../img/mkf.png) no-repeat;
    -moz-border-radius: 20px;
    /* -webkit-border-radius: 20px; */
    /* border-radius: 20px; */
    text-align: left;
    transition: 500ms;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
}

ul.kf li a span {
    opacity: 0;
    color: #58595b;
    padding-left: 20px;
    line-height: 34px;
}

ul.kf li img {
    transition: 0.5s;
    transition-delay: 0.5s;
    opacity: 0;
    position: absolute;
    top: -46px;
	height: 80px;
width: 85px;
	max-width: 85px;
    left: -223px;
}

ul.kf li a.kf1:hover,
ul.kf li a.kf2:hover,
ul.kf li a.kf3:hover,
ul.kf li a.kf4:hover,
ul.kf li a.kf5:hover {
    border-radius: 20px 20px;
    background: #f1f1f1 url(../img/mkf2.png) no-repeat
}

ul.kf li a.kf2 {
    background-position: 0 -34px
}

ul.kf li a.kf2:hover {
    background-position: 0 -34px
}

ul.kf li a.kf3 {
    background-position: 0 -68px
}

ul.kf li a.kf3:hover {
    background-position: 0 -68px
}

ul.kf li a.kf4 {
    background-position: -132px 0
}

ul.kf li a.kf4:hover {
    background-position: -132px 0
}

ul.kf li a.kf5 {
    background-position: -176px 0
}

ul.kf li a.kf5:hover {
    background-position: -176px 0
}
.news_list_met_m1156_3_6{
	display: none;
}
.ih-item.circle.effect6 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect6.colored .info {
    background: #1a4a72;
}

.ih-item.circle.effect6 .info {
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect6 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ih-item.circle.effect6 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect6.scale_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ih-item.circle.effect6.scale_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.ih-item.circle.effect6.scale_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.circle.effect6.scale_down .info {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.ih-item.circle.effect6.scale_down a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ih-item.circle.effect6.scale_down a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.circle.effect6.scale_down_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out 0.2s;
    -moz-transition: all 0.35s ease-in-out 0.2s;
    transition: all 0.35s ease-in-out 0.2s;
}

.ih-item.circle.effect6.scale_down_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ih-item.circle.effect6.scale_down_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.navright {
    width: 177px;
    margin-right: 0px;
    text-align: center;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 30px;
}

.copyright {
    padding-top: 5px;
    color: #858585;
    font-size: 11px;
}

ul.kf-b {
    width: 132px;
    margin: 0 auto;
    height: 34px;
}

ul.kf-b li {
    width: 34px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

ul.kf-b li a.kf1,
ul.kf-b li a.kf2,
ul.kf-b li a.kf3,
ul.kf-b li a.kf4,
ul.kf-b li a.kf5 {
    width: 34px;
    height: 34px;
    display: block;
    background: #434343 url(../img/kf.png) no-repeat;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-indent: -999px;
    transition: 500ms;
    overflow: hidden
}

ul.kf-b li a.kf1:hover,
ul.kf-b li a.kf2:hover,
ul.kf-b li a.kf3:hover,
ul.kf-b li a.kf4:hover,
ul.kf-b li a.kf5:hover {
    background: #ffc34f url(../imgkf2.png) no-repeat;
}

ul.kf-b li a.kf2 {
    background-position: -44px 0
}

ul.kf-b li a.kf2:hover {
    background-position: -44px 0
}

ul.kf-b li a.kf3 {
    background-position: -88px 0
}

ul.kf-b li a.kf3:hover {
    background-position: -88px 0
}

ul.kf-b li a.kf4 {
    background-position: -132px 0
}

ul.kf-b li a.kf4:hover {
    background-position: -132px 0
}

ul.kf-b li a.kf5 {
    background-position: -176px 0
}

ul.kf-b li a.kf5:hover {
    background-position: -176px 0
}



/*
#menu .nav1 A {
    background: url(../img/nav.png) no-repeat 20px 0;
}

#menu .nav2 A {
    background: url(../img/nav-02.png) no-repeat 20px 0;
}

#menu .nav3 A {
    background: url(../img/nav-03.png) no-repeat 20px 0;
}

#menu .nav4 A {
    background: url(../img/nav-04.png) no-repeat 20px 0;
}

#menu .nav5 A {
    background: url(../img/nav-05.png) no-repeat 20px 0;
}
*/



.div1-about {
    z-index: 999;

    position: absolute;
    width: 100%;
    background: #000;
    height: 100%;
    top: -1100px;
    opacity: 0.95;
    transition: 1s;
    transition-delay: 0s;
}

.div1-pro1 {
    z-index: 999;
    border-bottom: #bc0617 1px solid;
    position: absolute;
    width: 100%;
    background: #000;
    height: 98%;
    top: -1100px;
    opacity: 1;
    transition: 1s;
    transition-delay: 0s;
}

.div1-pro2 {
    z-index: 999;

    position: absolute;
    width: 100%;
    background: #000;
    height: 95%;
    top: -1100px;
    opacity: 1;
    transition: 1s;
    transition-delay: 0s;
}

.div1-pro3 {
    z-index: 999;

    position: absolute;
    width: 100%;
    background: #000;
    height: 95%;
    top: -1100px;
    opacity: 1;
    transition: 1s;
    transition-delay: 0s;
}

.div1-news {
    z-index: 999;
    position: absolute;
    width: 50%;
    background: #000;
    height: 100%;
    top: 0px;
    border-right: #bc0617 1px solid;
    left: -51%;
    opacity: 0.95;
    transition: 1s;
    transition-delay: 0s;
}

.div1-news2 {
    z-index: 999;
    position: absolute;
    width: 50%;
    background: #000;
    height: 100%;
    top: 0px;
    border-right: #bc0617 1px solid;
    left: -51%;
    opacity: 0.95;
    transition: 1s;
    transition-delay: 0s;
}

.div1-news-d {
    z-index: 999;
    position: absolute;
    width: 50%;
    background: #000;
    height: 100%;
    top: 0px;
    right: -51%;
    border-right: #bc0617 1px solid;
    opacity: 0.95;
    transition: 1s;
    transition-delay: 0s;
}

.active-div1-about {
    top: 0px;
    transition-delay: 0;
}

.active-div1-pro1 {
    top: 0px;
    transition-delay: 0;
}

.active-div1-pro2 {
    top: 0px;
    transition-delay: 0;
}

.active-div1-pro3 {
    top: 0px;
    transition-delay: 0;
}

.active-div1-news {
    z-index: 9999;
    left: 0px;
    transition-delay: 0;
}

.active-div1-news-d {
    right: 0px;
    transition-delay: 0;
}

.open-about {
    margin: 0px auto;
    display: block;
}

.open-pro1 {
    margin: 0px auto;
    display: block;
}

open-news {
    margin: 0px auto;
    display: block;
}

.div1-ly {
    z-index: 999;

    position: absolute;
    width: 100%;
    background: #000;
    opacity: 0.95;

    top: 20%;
    padding: 10px 0;
    left: -1920px;
    transition: 1s;
}

.active-div1-ly {
    left: 0;
}

#p2-contant {
    padding-top: 20px;
    height: 100%;
}

.close-about {
    z-index: 9999;
    position: absolute;
    width: 48px;
    height: 0px;
    left: 50%;
    margin-left: -24px;
    bottom: -24px;
    text-align: center;
    overflow: hidden;
    transition: 0.5s;
    transition-delay: 0s;
}

.close-about:hover {
    filter: Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.close-about,
.close-pro1,
.close-pro2,
.close-pro3 {
    z-index: 9999;
    position: absolute;
    width: 48px;
    line-height: 48px;
    height: 0px;
    left: 50%;
    margin-left: -24px;
    bottom: 0;
    color: #FFF;
    display: block;

    transition: 0.5s;
    transition-delay: 0s;
}

.close-about:hover,
.close-pro1:hover,
.close-pro2:hover,
.close-pro3:hover {
    filter: Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.active-close-about,
.active-close-pro1,
.active-close-pro2,
.active-close-pro3 {
    height: 48px;
    bottom: 50px;
    transition-delay: 1s;
}

.close-news,
.close-news2 {
    z-index: 9999;
    position: absolute;
    width: 48px;
    height: 0px;
    margin-left: -24px;
    top: 48%;
    left: 50%;
    overflow: hidden;
    filter: Alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    transition: 0.5s;
    transition-delay: 0s;
}

.close-news:hover {
    filter: Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.close-news2:hover {
    filter: Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.active-close-news {
    height: 48px;
    transition-delay: 1s;
}

.close-ly:hover {
    filter: Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.close-ly {
    z-index: 9999;
    position: absolute;
    width: 48px;
    height: 0px;
    left: 10%;
    bottom: 50%;
    overflow: hidden;
    filter: Alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    transition: 0.5s;
    transition-delay: 0s;
}

.active-close-ly {
    height: 48px;
    transition-delay: 1s;
}

#content {
    text-align: left;
    margin: 0px auto;
    width: 1000px;
    color: #ccc;
    font-size: 12px;
}

#content P {
    text-align: left;
    color: #ccc;
    font-size: 12px;
}

.slider1 {
    background: url(../img/p1bg.jpg) no-repeat 50% 50%;
    transition: all 2s;
    background-size: 2880px 1620px;
}

.slider1.active {
    background: url(../img/p1bg.jpg) no-repeat 50% 50%;
    background-size: 1920px 1080px;
    transition-delay: 0s;
}

.slider2 {
    background: url(../img/p1bg2.jpg) no-repeat 50% 50%;
    transition: all 2s;
    background-size: 2880px 1620px;
}

.slider2.active {
    background: url(../img/p1bg2.jpg) no-repeat 50% 50%;
    background-size: 1920px 1080px;
    transition-delay: 0s;
}

.serBox {
    cursor: pointer;
    display: inline;
    width: 138px;
    height: 138px;
    float: left;
    overflow: hidden;
    background: url(../img/p3-2.png) no-repeat;
    position: relative;
}

.serBoxOn {
 
    display: none;
    width: 138px;
    height: 138px;
    background: url(../img/p3-2-h.png) no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 19;
}

.serBox .pic1 {
    width: 60px;
    height: 60px;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 39px;
    z-index: 99;
}

.serBox .pic2 {
    width: 60px;
    height: 60px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: -110px;
    z-index: 99;
}

.serBox .txt1 {
    width: 138px;
    height: 60px;
    color: #fff;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 99;
}

.serBox .txt2 {
    width: 138px;
    height: 138px;
    color: #a9cf4f;
    position: absolute;
    top: 0px;
    right: -240px;
    z-index: 99;
}

.serBox span.tit {
    font-size: 12px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-align: center;
}

.serBox .txt1 .tit {
    color: #ffffff;
    line-height: 30px;
}

.serBox .txt2 .tit {
    color: #bc0617;
    padding-top: 90px;
    height: 48px;
}

.serBox p {
    padding: 0 10px;
    text-align: center;
}



A.tu0 {
    width: 383px;
    display: block;
    background: url(../img/p1.png) no-repeat center center;
    height: 383px;
    transition: all 1s;
}

A.tu0:hover {
    width: 383px;
    display: block;
    background: url(../img/p1-h.png) no-repeat center center;
    height: 383px;
}

A.tu1 {
    width: 223px;
    display: block;
    background: url(../img/p1-02.png) no-repeat center center;
    height: 223px;
    transition: all 1s;
}

A.tu1:hover {
    width: 223px;
    display: block;
    background: url(../img/p1-02h.png) no-repeat center center;
    height: 223px;
}

A.tu2 {
    width: 223px;
    display: block;
    background: url(../img/p1-03.png) no-repeat center center;
    height: 223px;
    transition: all 1s;
}

A.tu2:hover {
    width: 223px;
    display: block;
    background: url(../img/p1-03h.png) no-repeat center center;
    height: 223px;
}

.fp-controlArrow.fp-prev {
    left: 20%;
    width: 66px;
    background: url(../img/arrleft.png) no-repeat;
    height: 131px;
    opacity: 0;
    transition: all 1s;
}

.active .fp-controlArrow.fp-prev {
    left: 10%;
    width: 66px;
    opacity: 0.7;
    transition-delay: 1s;
}

.fp-controlArrow.fp-next {
    right: 20%;
    width: 66px;
    background: url(../img/arrright.png) no-repeat;
    height: 131px;
    opacity: 0;
    opacity: 0.7;
    transition: all 1s;
}

.active .fp-controlArrow.fp-next {
    right: 10%;
    opacity: 0.7;
    transition-delay: 1s;
}

.section01 .cf_content {
    position: relative;
}

.section01 .nr1 {
    width: 760px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 200px;
    height: 480px;
}


.section01 {
    background: #58595b;
    transition: all 1s;
 }

.section01.active {
    background: #58595b;
     transition-delay: 0s;
}

.shipin{width: 100vw;position: absolute;left: 50%;margin-left: -50vw;top: -10px;z-index: 0;background: #111;z-index: 1;/* height: 100vh; */opacity: 1;}
.shipinbg{background: #000;width: 100vw; height:100vh;}

.p1-0 {position: absolute;width: 895px;height: 144px;top: 10vh;left: 50%;margin-left: -448px;color: #e5e0da;font-size: 50px;opacity: 0;z-index: 2;text-align: center;transition: all 1s;z-index: 9;}

.p1-0 img{
	margin: 0 auto;
}
.loadimg img{
	margin: 0 auto;
}
.active .p1-0 {

    top: 24vh;

    opacity: 1;

    transition-delay: 0.5s;
}




.p1-2 {

    position: absolute;

    width: 895px;

    height: 35px;

    top: 25vh;

    left: 50%;

    margin-left: -448px;

    color: #fff;
    letter-spacing: 2px;
    font-size: 22px;

    opacity: 0;

    top: 350px;

    text-align: center;

    transition: all 1s;

    z-index: 9;
}


.active .p1-2 {

    top: 43vh;

    opacity: 1;

    transition-delay: 1s;
}



.p1-1 {
    z-index: 2;
    position: absolute;
    width: 210px;
    height: 50px;
    top: 70vh;
 
    left: 50%;
    line-height: 36px;
    font-size: 14px;
    text-align: left;
    opacity: 0;
    margin-left: -105px;
    transition: all 1s;
}

.active .p1-1 {
    top: 60vh;
    opacity: 1;
    transition-delay: 1.5s;
}
.p1-1 a{width: 209px; height: 49px; display: block; border:1px solid #fff; color: #fff; line-height: 50px; text-align: center; transition: all 1s; }
.p1-1 a:hover{width: 209px; height: 49px; display: block; border:1px solid #fff; color: #58595b; line-height: 50px; text-align: center; }

.p1-1 a::before {
    content: '';
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    opacity: 0;
    background: #fff;
    transition: all 1s ease;
}

.p1-1 a:hover::before {
    opacity: 1;
    width: 100%;
}

.xwzxa {
    top: 90vh;
  
}


.active .xwzxa {
    top: 70vh;
    transition-delay: 2s;
}
.p1-b {
    position: absolute;
    text-align: center;
    width: 39px;
    height: 20px;
    left: 50%;
    bottom: 15vh;
    opacity: 0;
    z-index: 2;
    margin-left: -20px;
    transition: all 1s;
}

.active .p1-b {
    position: absolute;
    bottom: 10vh;
    opacity: 1;
    transition-delay: 2.5s;
}

 
.more {
    line-height: 37px;
    text-transform: uppercase;
    margin: 0px auto;
    width: 180px;
    display: block;
    background: #fa9a20;
    height: 37px;
    color: #fff;
    font-size: 12px;
    transition: all 500ms;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.more:hover {
    line-height: 37px;
    margin: 0px auto;
    width: 190px;
    display: block;
    background: #fff;
    height: 37px;
    color: #fa9a20;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #fa9a20;
}



/*鼠标浮动开始*/

.arr {
    width: 43px;
    margin: 0px auto;
    position: relative;
    animation: arrUpdown 1s infinite alternate;
    -webkit-animation: arrUpdown 1s infinite alternate;
}

.arr2 {
    width: 43px;
    height: 22px;
    position: relative;
}

@keyframes arrUpdown {
    from {
        margin-top: -5px;
        opacity: 0.5
    }
    to {
        margin-top: 5px;
        opacity: 0.9
    }
}

@-webkit-keyframes arrUpdown {
    from {
        margin-top: -5px;
        opacity: 0.5
    }
    to {
        margin-top: 5px;
        opacity: 0.9
    }
}



.chevron {
    position: absolute;
    width: 28px;
    height: 3px;
    left: 50%;
    margin-left: -14px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fa9a20;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.text {
    display: block;

    padding-top: 60px;
     font-size: 12px;
    color: #666;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .25;
    animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}



.section02 {
    background: url(../img/bj1.png);
    transition: all 1s;
    background-size: 2880px 1620px;
}

.section02.active {
    background: url(../img/bj1.png);
    background-size: 1920px 1080px;
    transition-delay: 0s;
}




.section07 {
    background: url(../img/bj.png);
    transition: all 1s;
    background-size: 2880px 1620px;
}

.section07.active {
    background: url(../img/bj.png);
    background-size: 1920px 1080px;
    transition-delay: 0s;
}



.section02 .cf_content {
    position: relative;
}

.nr2 {
    width: 390px;
    position: absolute;
    left: 50%;
    margin-left: 310px;
    top: 20%;
    height: 470px;
    opacity:0;
    transition:all 1.5s;
    background: #f1f1f1;
}
.active .nr2 {
   
        opacity:1;
    margin-left: 210px;
      transition-delay: 1s;
}


.p2-0 {
    position: absolute;
    text-align: center;
    width: 800px;
    height: 470px;
    top: 20%;

    opacity: 0;
    left: 50%;
    margin-left: -700px;
    transition: all 1s;
}




.active .p2-0 {
    margin-left: -600px;
    transition-delay: 1s;
     opacity:1;
}

.maskwave {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.wave {

    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    height: 570px;
    z-index: 0;
    opacity: 0;
    background: none;
    transition: all 1s;
}

.active .wave {
    opacity: 1;
    transition-delay: 2.5s;
}


.p2-1 {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 57px;
    top: 35px;
 
    
    opacity: 0;
    transition: all 1s;
}
.p2-1 img{
	margin: 0 auto;
	max-width: 100%;
}
.active .p2-1 {
    position: absolute;
    opacity: 1;
    top: 85px;
    transition-delay: 1.5s;
}

.p2-2 {
    position: absolute;
    text-align: center;
    width: 390px;
    height: 80px;
    left: 50%;
    top: 140px;
    opacity: 0;
    margin-left: -195px;
    color: #888;
    line-height: 26px;
    transition: all 1s;
}

.active .p2-2 {
    position: absolute;
    top: 190px;
    opacity: 1;
    transition-delay: 2s;
}


.p2-3 {
    position: absolute;
    text-align: center;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 280px;
    opacity: 0;
    margin-left: -15px;
    transition: all 1s;
}

.active .p2-3 {
    position: absolute;
    top: 330px;
    opacity: 1;
    transition-delay: 2.5s;
}

.aboutmore {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
    border: 1px solid #e1e0e0;
    background: url(../img/more.png) no-repeat center center;
    transition: all 1s;
}

.aboutmore:hover {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
    border: 1px solid #58595b;
    background: #58595b url(../img/amore2.png) no-repeat center center;
    transition: all 1s;
}

.sjmore {
    width: 30px;
    height: 30px;
    /* float:left; */
    margin-top: 15px;
    display: inherit;
    border: 1px solid #e1e0e0;
    background: url(../img/amore.png) no-repeat center center;
    transition: all 1s;
}

.sjmore:hover {
    width: 30px;
    height: 30px;
 
    display: block;
    border: 1px solid #58595b;
    background: #58595b url(../img/amore2.png) no-repeat center center;
    transition: all 1s;
}

.p2-4 {
    position: absolute;
    text-align: center;
    width: 40px;
    height: 20px;
    left: 50%;
    top: 350px;
    opacity: 0;
    margin-left: -20px;
    transition: all 1s;
}

.active .p2-4 {
    position: absolute;
    top: 400px;
    opacity: 1;
    transition-delay: 3s;
}


.active .cpzxa{
	    top: 80vh;
}


.cpzxa a::before {
    content: '';
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    opacity: 0;
	background: #262626;}

.cpzxa a {
    width: 209px;
    height: 49px;
    display: block;
    border: 1px solid #262626;
    color: #262626;
	
	
}
.cpzxa a:hover{
color: #fff;	
}



.active .p3-1 {}


.p3-1 li:nth-child(1) {
    opacity: 0;
    transition: all 1s;
}

.active .p3-1 li:nth-child(1) {
    opacity: 1;
    transition-delay: 1s;
}


.p3-1 li:nth-child(2) {
    opacity: 0;
    transition: all 1s;
}

.active .p3-1 li:nth-child(2) {
    opacity: 1;
    transition-delay: 1s;
}


.p3-1 li:nth-child(3) {
    opacity: 0;
    transition: all 1s;
}

.active .p3-1 li:nth-child(3) {
    opacity: 1;
    transition-delay: 1s;
}


.p3-1 li:nth-child(4) {
    opacity: 0;
    transition: all 1s;
}

.active .p3-1 li:nth-child(4) {
    opacity: 1;
    transition-delay: 1s;display: none;
}


.p3-1 li:nth-child(5) {
    opacity: 0;
    transition: all 1s;
}

.active .p3-1 li:nth-child(5) {
    opacity: 1;
    transition-delay: 1s;
}


.p3-1 li:nth-child(6) {
    opacity: 0;
    transition: all 1s;
}

.active .p3-1 li:nth-child(6) {
    opacity: 1;
    transition-delay: 1s;
}


.jg {

width: 90%;
    margin: 0 auto;
margin-left: 5%;
	padding-left: 20px;
	padding-right: 20px;
 
    background: url(../img/mprohover.png) no-repeat center top;
	background-size: cover;

}

 

ul.p3-1 li {
    width: 28vw;
    float: left;
    height: 20vw;
    margin: 0.78vw;
	z-index: 2;
	position: relative;
    overflow: hidden;
}
ul.p3-1 li a.logo{ 
color: #585858;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
} 
ul.p3-1 li a.logo:hover{ 
color: #fff;
	
} 
ul.p3-1 li:nth-child(1) {
    background: url(../img/cp1.png) no-repeat center center;
    transition: all 1s;
 background-size: cover;
    position: relative;
}

ul.p3-1 li:nth-child(1) a.logo {
    width: 100%;
    height: 60px;
    display: block;
    background: rgba(255,255,255,0.8) ;
    transition: all 1s;
    position: absolute;
    bottom: 0px;
    left: 0;
}

ul.p3-1 li:nth-child(1) a.logo:hover {
    background: rgba(88,89,91,0.9) ;
    transition: all 1s;
}

 
ul.p3-1 li:nth-child(2) {
    background: url(../img/cp2.png) no-repeat center center;
    transition: all 1s;
    position: relative;
     background-size: cover;
}

ul.p3-1 li:nth-child(2) a.logo {
    width: 100%;
    height: 62px;
    display: block;
    background: rgba(255,255,255,0.8) ;
    transition: all 1s;
    position: absolute;
    bottom: 0px;
    left: 0;
}

ul.p3-1 li:nth-child(2) a.logo:hover {
    background: rgba(88,89,91,0.9) ;
    transition: all 1s;
}


ul.p3-1 li:nth-child(3) {
    background: url(../img/cp3.png) no-repeat center center;
    transition: all 1s;
    position: relative;
     background-size: cover;
}

ul.p3-1 li:nth-child(3) a.logo {
    width: 100%;
    height: 62px;
    display: block;
    background: rgba(255,255,255,0.8) ;
    transition: all 1s;
    position: absolute;
    bottom: 0px;
    left: 0;
}

ul.p3-1 li:nth-child(3) a.logo:hover {
    background: rgba(88,89,91,0.9) ;
    transition: all 1s;
}

 
ul.p3-1 li:nth-child(4) {
	
    background: url(../img/cp3.png) no-repeat center center;
    transition: all 1s;
    position: relative;
     background-size: cover;
}

ul.p3-1 li:nth-child(4) a.logo {
    width: 100%;
    height: 62px;
    display: block;
    background: rgba(255,255,255,0.8) ;
    transition: all 1s;
    position: absolute;
    bottom: 0px;
    left: 0;
}

ul.p3-1 li:nth-child(4) a.logo:hover {
    background: rgba(88,89,91,0.9) ;
    transition: all 1s;
}

 
ul.p3-1 li:nth-child(5) {
    background: url(../img/mprobg05.jpg) no-repeat center center;
    transition: all 1s;
    position: relative;
     background-size: cover;
}

ul.p3-1 li:nth-child(5) a.logo {
    width: 100%;
    height: 62px;
    display: block;
    background: rgba(255,255,255,0.8) url(../img/mlogob5.png) no-repeat center center;
    transition: all 1s;
    position: absolute;
    bottom: 0px;
    left: 0;
}

ul.p3-1 li:nth-child(5) a.logo:hover {
    background: rgba(88,89,91,0.9) url(../img/mlogob5h.png) no-repeat center center;
    transition: all 1s;
}

 
ul.p3-1 li:nth-child(6) {
    background: url(../img/mprobg06.jpg) no-repeat center center;
    transition: all 1s;
    position: relative;
     background-size: cover;
}

ul.p3-1 li:nth-child(6) a.logo {
    width: 100%;
    height: 62px;
    display: block;
    background: rgba(255,255,255,0.8) url(../img/mlogob6.png) no-repeat center center;
    transition: all 1s;
    position: absolute;
    bottom: 0px;
    left: 0;
}

ul.p3-1 li:nth-child(6) a.logo:hover {
    background: rgba(88,89,91,0.9) url(../img/mlogob6h.png) no-repeat center center;
    transition: all 1s;
}

 

.jg h1 {
    width: 355px;
    /* height: 60px; */
    display: block;
    margin: 0 auto;
    line-height: 30px !important;
    color: #f1f1f1;
    padding-top: 18px;
}

.tb li a .tb {

    display: block;
    
}

.tb li {
    width:33.33%!important;
    height: auto!important;
    float: left;
    margin: 0 !important;
	
    background: none !important;
}
.tb li img{
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.tb li a {

    display: block;
   
}

.tb li a .tb {
   
    display: block;
    margin: 0 auto;
    transition: all .5s;
}

.tb .tb1 a .tb {
   
    display: block;
    margin: 0 auto
}

.tb li a .zi {

    display: block;
    text-align: center;
    color: #e5e0da
}

.tb li a .zi {

    display: block;
    text-align: center;
    color: #fff
}

.tb li.tb2 a .tb {
   
    display: block;
    margin: 0 auto;
  
}

.tb li.tb3 a .tb {
   
    display: block;
    margin: 0 auto;
   
}

.tb li.tb4 a .tb {

    display: block;
    margin: 0 auto;
  
}

.tb li.tb5 a .tb {
   
    display: block;
    margin: 0 auto;
 
}

.tb li.tb6 a .tb {
   
    display: block;
    margin: 0 auto;
    background-position: -170px 0
}



.tb .tb1 a:hover .tb {
   
    display: block;
    margin: 0 auto;
   
}

.tb li.tb2 a:hover .tb {
    
    display: block;
    margin: 0 auto;
    
}

.tb li.tb3 a:hover .tb {
    
    display: block;
    margin: 0 auto;

}

.tb li.tb4 a:hover .tb {

    display: block;
    margin: 0 auto;
   
}

.tb li.tb5 a:hover .tb {

    display: block;
    margin: 0 auto;

}

.tb li.tb6 a:hover .tb {
    width: 34px;
    height: 34px;
    display: block;
    margin: 0 auto;
    background-position: -170px -34px
}



ul.tb {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
	padding-bottom: 20px;

	
}

.tb li:hover img{
	  transform: scale(1.02);
}
.p3-2 {
    position: absolute;
    width: 1200px;
    height: 540px;
    margin-left: -600px;
    top: 250px;
    left: 50%;
    opacity: 1;
    transition: all 1s;
}

.active .p3-2 {
    position: absolute;
    top: 250px;
    opacity: 1;
    transition-delay: 0.5s;
}

.p3-2-1 {
    width: 600px;
    overflow: hidden;
    height: 0px;
    position: relative;
    background: #17181a;
    overflow: hidden;
    transition: all 1s;
    position: absolute;
    left: 0
}

.p3-2-2 {
    width: 600px;
    overflow: hidden;
    height: 0px;
    position: relative;
    background: #222222;
    overflow: hidden;
    transition: all 1s;
    position: absolute;
    right: 0
}


.active .p3-2-1 {
    width: 600px;
    height: 86px;
    float: left;
    background: #17181a;
    overflow: hidden;
    transition-delay: 0.5s;
    padding: 0;
}

.active .p3-2-2 {
    width: 600px;
    height: 86px;
    float: left;
    background: #222222;
    overflow: hidden;
    transition-delay: 2s;
}

.p3-2-1 a {
    width: 600px;
    height: 86px;
    display: block;
    overflow: visible;
    background: #17181a;
    position: absolute;
    transition: all 1s;
    margin: 0;
}

.p3-2-2 a {
    width: 600px;
    height: 86px;
    display: block;
    overflow: visible;
    background: #222222;
    position: absolute;
    transition: all 1s;
    margin: 0;
}

.p3-2-1 a:hover {
    width: 600px;
    height: 86px;
    display: block;
    overflow: visible;
    background: #665044;
}

.p3-2-2 a:hover {
    width: 600px;
    height: 86px;
    display: block;
    overflow: visible;
    background: #533f34;
}


.p3-2-1 span,
.p3-2-2 span {
    width: 22px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    transition: all 1s;
}

.p3-2-1 h1,
.p3-2-2 h1 {
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    height: 25px;
    display: block;
    margin: 0 auto;
    transition: all 1s;
}

.p3-2-1 h2,
.p3-2-2 h2 {
    width: 100px;
    text-align: center;
    color: #533f34;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    transition: all 1s;
}

.p3-2-1 a:hover span,
.p3-2-2 a:hover span {
    width: 60px;
    margin-top: 20px;
}

.p3-2-1 a:hover h1,
.p3-2-2 a:hover h1 {
    font-size: 14px;
    margin-top: 5px;
}

.p3-2-1 a:hover h2,
.p3-2-2 a:hover h2 {
    margin-top: 50px;
}

.p3-3 {
    position: absolute;
    width: 362px;
    height: 145px;
    margin-left: -550px;
    top: 350px;
    left: 50%;
    opacity: 0;
    text-align: left;
    transition: all 1s;
}

.p3-2-3 {
    width: 600px;
    height: 368px;
    float: left;
    background: #222222;
    overflow: hidden;
    transition: all 1s;
    transition: all 2s;
    position: absolute;
    left: 0;
    top: 86px;
    opacity: 0
}

.p3-2-3 img {
    float: left;
}

.p3-2-4 {
    width: 600px;
    height: 368px;
    float: right;
    background: #292929;
    overflow: hidden;
    transition: all 1s;
    transition: all 2s;
    top: 86px;
    position: absolute;
    right: 0;
    top: 86px;
    opacity: 0;
    text-align: center
}


.active .p3-2-3 {
    width: 600px;
    height: 368px;
    float: left;
    background: #222222;
    overflow: hidden;
    transition-delay: 2.5s;
    padding: 0;
    opacity: 1
}

.active .p3-2-4 {
    width: 600px;
    height: 368px;
    float: left;
    background: #292929;
    overflow: hidden;
    transition-delay: 3s;
    padding: 0;
    opacity: 1
}


.p3-2-5 {
    width: 600px;
    height: 0px;
    float: left;
    overflow: hidden;
    transition: all 1s;
    position: absolute;
    left: 0;
    top: 454px;
}

.p3-2-6 {
    width: 600px;
    height: 0px;
    float: right;
    background: #665044;
    overflow: hidden;
    transition: all 1s;
    position: absolute;
    right: 0;
    top: 454px;
}

.p3-2-5 img {
    position: absolute;
    left: 34px;
    top: 26px;
}

.p3-2-6 img {
    position: absolute;
    left: 29px;
    top: 29px;
}

.p3-2-5 span,
.p3-2-6 span {
    width: 22px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    position: absolute;
    top: 31px;
    left: 100px;
}

.p3-2-5 a:hover span,
.p3-2-6 a:hover span {
    width: 60px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    position: absolute;
    top: 31px;
    left: 100px;
}



.p3-2-5 a {
    width: 600px;
    height: 86px;
    display: block;
    background: #533f34;
    transition: all 1s;
}

.p3-2-6 a {
    width: 600px;
    height: 86px;
    display: block;
    background: #665044;
    transition: all 1s;
}


.p3-2-5 a:hover {
    background: #222222;
}

.p3-2-6 a:hover {
    background: #292929;
}



.p3-2-5 h1,
.p3-2-6 h1 {
    width: 100px;
    text-align: left;
    color: #fff;
    font-size: 14px;
    height: 25px;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    position: absolute;
    line-height: 14px;
    top: 43px;
    left: 100px;
}

.p3-2-5 h2 {
    width: 400px;
    text-align: left;
    color: #8e7567;
    font-size: 12px;
    line-height: 26px !important;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    position: absolute;
    line-height: 14px;
    top: 17px;
    left: 185px;
}

.p3-2-6 h2 {
    width: 400px;
    text-align: left;
    color: #9a8275;
    font-size: 12px;
    line-height: 26px !important;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    position: absolute;
    line-height: 14px;
    top: 17px;
    left: 185px;
}



.active .p3-2-5 {
    width: 600px;
    height: 86px;
    text-align: left;
    float: left;
    overflow: hidden;
    position: relative;
    transition-delay: 3.5s;
}

.active .p3-2-6 {
    width: 600px;
    height: 86px;
    text-align: left;
    float: right;
    overflow: hidden;
    position: relative;
    transition-delay: 4s;
}



.active .p3-3 {
    position: absolute;
    top: 400px;
    opacity: 1;
    transition-delay: 2s;
}

.p3-4 {
    position: absolute;
    width: 1px;
    height: 30px;
    margin-left: -460px;
    top: 530px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}

.active .p3-4 {
    position: absolute;
    top: 580px;
    opacity: 1;
    transition-delay: 2.5s;
}

.p3-5 {
    z-index: 1;
    position: absolute;
    width: 166px;
    height: 39px;
    margin-left: -551px;
    top: 600px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}

.active .p3-5 {
    top: 650px;
    opacity: 1;
    transition-delay: 3s;
}

.p3-6 {
    z-index: 1;
    position: absolute;
    width: 614px;
    height: 0;
    margin-left: -67px;
    top: 190px;
    left: 50%;
    opacity: 0;
    overflow: hidden;
    transition: all 1s;
}

.active .p3-6 {
    top: 240px;
    height: 517px;
    opacity: 1;
    transition-delay: 3.5s;
}

.p3-7 {
    z-index: 4;
    position: absolute;
    width: 95px;
    bottom: 80px;
    height: 68px;
    margin-left: -48px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}

.active .p3-7 {
    z-index: 4;
    position: absolute;
    width: 95px;
    bottom: 30px;
    height: 68px;
    margin-left: -48px;
    left: 50%;
    opacity: 1;
    transition-delay: 4s;
}


.p3-b {
    position: absolute;
    text-align: center;
    width: 39px;
    height: 20px;
    left: 50%;
    bottom: 100px;
    opacity: 0;
    margin-left: -20px;
    transition: all 1s;
}

.active .p3-b {
    position: absolute;
    bottom: 50px;
    opacity: 1;
    transition-delay: 4s;
}

.section04 {
    background:url(../images/bj7.png);
    transition: all 1s;
    background-size: 2880px 1620px;
}

.section04.active {
    background:url(../images/bj7.png);
    background-size: 1920px 1080px;
    transition-delay: 0s;
}

.box04-content {
    position: relative;
    margin: 0px auto;
    width: 903px;
    height: 430px;
    padding-top: 60px;
}

.p4-t {
    position: absolute;
    width: 282px;
    height: 81px;
    margin-left: -141px;
    top: 8vh;
    left: 50%;
    opacity: 0;
    text-align: center;
    transition: all 1s;
}

.ngcpz{
	width: 100%!important;
	height: 100%!important;
	background:#fff!important;
}
.ngcp main{
	height: 100%;
} .ngcp .syc1{
	height: 100%;
}
.ngcp .content--c5{
	height: 100%;
}
.active .p4-t {
    position: absolute;
    top: 13vh;
    opacity: 1;
    transition-delay: 1s;
}  
.p4-t h1{ font-size: 28px; font-family: 'Microsoft Yahei'; text-align: center; color: #fff}
.p4-t span{font-size: 16px;/* font-family: arial; */text-align: center;text-transform : uppercase;color: #fff;line-height: 30px;display: block;}
.p4-1 a.imga:before {
    content: "";
    width: 0;
    z-index: 99999;
    position: absolute;
    transition: all 1s;
    height: 273px;
    display: block;
    background-color: #533f34;
    opacity: .9
}

.p4-1 a.imga {
    width: 720px;
    height: 275px;
    border: 1px solid #383838;
    padding: 10px;
    display: block;
    overflow: hidden;
}


.p4-1 a.imga:hover:before {
    content: "";
    width: 720px;
    position: absolute;
    height: 273px;
    display: block;
}

.p4-1 a.imga p {
    opacity: 0;
    transition: all 1s;
    position: absolute;
    top: 0;
    color: #fff;
    text-align: center;
    z-index: 9999999;
    width: 720px;
    padding-top: 160px;
}

.p4-1 a.imga:hover p {
    opacity: 1;
    padding-top: 110px;
}

.p4-1 {
    position: absolute;
    width: 1200px;
    height: 500px;
    margin-left: -600px;
    top: 30vh;
    left: 50%;
    opacity: 0;
    text-align: left;
    transition: all 1s;
}
.ngcp{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    top: 50vh;
    left: 0;
    opacity: 0;
    text-align: left;
    transition: all 1.5s;
}
.active .p4-1 {
    position: absolute;
    top: 25vh;
    opacity: 1;
    transition-delay: 1.5s;
}

.ngqy{
	 top:45vh;
	width: 90%;
	margin-left: 5%;
	left: 0;    
}  

.active .ngqy{
	 top: 35vh;
} 
.active .ngcp{
	 top: 0;transition-delay: 0s;
	
}.tilter__description{
	color: #fff;
}
.syc1 img{
	height: 100%;
width: 100%;
}
ul.p4-1 li {
    position: relative;
    float: left;
    overflow: hidden
}

ul.p4-1 li img {
    transition: all 1s !important;
    -webkit-transition: all 1s !important;
}

ul.p4-1 li a:hover img {
    transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms- transform: scale(1.1) !important;
}


.p4-2 {
    height: 500px;
}
.p4-2 img{
    height: 500px;
}

.p4-3 {
    height: 250px;
    position: relative;
}

.p4-3 img{
    height: 250px;
}

.p4-4 {
    height: 250px;
    width: 400px;
}

.p4-5 {
    height: 250px;
    width: 400px;
    background: #ffffff;
}

.p4-4 .nr {
    height: 250px;
    background: #ffffff;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    color: #929292;
    line-height: 28px;
}

.p4-5 .nr {
    height: 150px;
    background: #ffffff;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    color: #929292;
    line-height: 30px;
}

.bt {
    width: 400px;
    height: 50px;
    background: rgba(255,255,255,0.9);
    display: block;
    position: absolute;
    bottom: -8px;
    z-index: 9;
    padding: 10px 20px;
    line-height: 24px;
    transition: all 1s;
}

a:hover .bt {
    width: 400px;
    height: 70px;
    background: rgba(90,90,90,0.9);    display: block;
    position: absolute;
    bottom: 0;
    z-index: 9;
    padding: 10px 20px;
    line-height: 24px;
}

.bt .tm {
    font-size: 16px;
    color: #58595b;
    transition: all 0.5s;
}
a:hover .bt .tm {
    font-size: 16px;
    color: #fff
}
a .bt .jianjie {
    font-size: 12px;
    color: #dcdcdc;
    opacity: 0;
    transition: all 0.5s;
}

a:hover .bt .jianjie {
    font-size: 12px;
    color: #dcdcdc;
    opacity: 1;
}

a.arr_l {
    width: 44px;
    height: 44px;
    display: block;
    float: left;
    background: url(../img/arr.jpg) no-repeat;
    transition: all .5s;
}

a.arr_r {
    margin-left: 10px;
    width: 44px;
    height: 44px;
    display: block;
    float: left;
    background: url(../img/arr02.jpg) no-repeat;
    transition: all .5s;
}

a.arr_l:hover,
a.arr_r:hover {
    background-position: 0 -44px;
}



.p4-b {
    position: absolute;
    text-align: center;
    width: 39px;
    height: 20px;
    left: 50%;
bottom: 15vh;
    opacity: 0;
    margin-left: -20px;
    transition: all 1s;
}

.active .p4-b {
    position: absolute;
    bottom: 10vh;
    opacity: 1;
    transition-delay: 2s;
}



.p4-0-0 {
    background: #000;
    width: 0;
    height: 100%;
    float: right;
    transition: all 1s;
}

.active .p4-0-0 {
    width: 50%;
    transition-delay: 0s;
}

.p4-0 {
    position: absolute;
    text-align: center;
    width: 0;
    height: 100%;
    top: 0px;
    background: #000 url(../img/p4r.jpg) no-repeat 50% 50%;
    opacity: .0;
    right: 0px;
    transition: all 1s;
}

.active .p4-0 {
    position: absolute;
    right: 0px;
    width: 50%;
    opacity: .15;
    transition-delay: 0s;
}

.active .p4-0:hover {
    opacity: .25;
    cursor: pointer;
}

.p4-1 a span.newst {
    font-size: 16px;
    padding: 20px 0 10px 0;
    color: #bfa69a;
    display: block;
    transition: all 1s;
}

.p4-1 a span.newsn {
    font-size: 12px;
    color: #6f615a;
    display: block;
    transition: all 1s;
}



.p4-1 a:hover span.newst {
    color: #e5e0da;
    display: block
}

.p4-1 a:hover span.newsn {
    font-size: 12px;
    color: #6f615a;
    display: block
}


.section05 {
    background: url(../img/bj3.png);
    transition: all 1s;    background-size: 2880px 1620px;
}

.section05.active {
    background: url(../img/bj3.png);background-size: 1920px 1080px;
    transition-delay: 0s;
}


.p5-t {
    position: absolute;
    width: 282px;
    height: 81px;
    margin-left: -141px;
    top: 8vh;
    left: 50%;
    opacity: 0;
    text-align: center;
    transition: all 1s;
}


.active .p5-t {
    position: absolute;
    top: 13vh;
    opacity: 1;
    transition-delay: 1s;
}
.p5-t h1{ font-size: 28px; font-family:  'Microsoft Yahei'; text-align: center; color: #fff}
.p5-t span{font-size: 16px;/* font-family: arial; */text-align: center;text-transform : uppercase;color: #fff;display: block;line-height: 30px;}
.p5-1 {
    position: absolute;
    text-align: center;
    width: 1200px;
    margin-left: -600px;
    top: 36vh;
    left: 50%;
    height:  370px;
    opacity: 0;
    transition: all 1s;
    z-index: 1;
}
.news_show li a.newsall:hover .bt1{
	color: rgb(88, 89, 91);
}.news_show li a.newsall:hover .bt2{
	color: rgb(155, 153, 152);
}
.active .p5-1 {
    position: absolute;
    top: 23vh;
    opacity: 1;
    transition-delay: 1.5s;
}

.p5-b {
    position: absolute;
    text-align: center;
    width: 39px;
    height: 20px;
    left: 50%;
bottom: 15vh;
    opacity: 0;
    margin-left: -20px;
    transition: all 1s;
}

.active .p5-b {
    position: absolute;
    bottom: 10vh;
    opacity: 1;
    transition-delay: 2.5s;
}


.p5-1 a:hover {}

.p5-2 {
    position: absolute;
    text-align: center;
    width: 20vh;
    height: 41px;
    margin-left: -150px;
    top: 170px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    z-index: 1;
}

.active .p5-2 {
    position: absolute;
    top: 25vh;
    opacity: 1;
    transition-delay: 0.5s;
}

.p5-3 {
    position: absolute;
    text-align: center;
    width: 373px;
    height: 113px;
    margin-left: -186px;
    top: 230px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    z-index: 1;
}

.active .p5-3 {
    position: absolute;
    top: 280px;
    opacity: 1;
    transition-delay: 2s;
}


.p5-4 {
    position: absolute;
    text-align: center;
    width: 615px;
    height: 366px;
    margin-left: -650px;
    top: 450px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    z-index: 1;
}

.active .p5-4 {
    position: absolute;
    margin-left: -600px;
    opacity: 1;
    transition-delay: 2.5s;
}

.p5-5 {
    position: absolute;
    text-align: center;
    width: 977px;
    height: 626px;
    margin-left: -102px;
    top: 405px;
    left: 50%;
    z-index: 0;
    opacity: 0;
    transition: all 1s;
}

.active .p5-5 {
    position: absolute;
    margin-left: -152px;
    opacity: 1;
    transition-delay: 3s;
}



.section06 {
    background: #262626;
    transition: all 1s;
}

.section06.active {
    background: #262626;
    transition-delay: 0s;
}

.p6-map {
    position: absolute;
    width: 1920px;
    height: 22vh;
    margin-left: -960px;
    bottom: 37vh;
    left: 50%;
    opacity: 0;
    text-align: left;
    transition: all 1s;
    overflow: hidden;
}


.active .p6-map {
    position: absolute;
    bottom: 32vh;
    opacity: 1;
    transition-delay: 2s;
}

.p6bg {
    position: absolute;
    width: 100%;
    height: 32vh;
    /* margin-left: -960px; */
    bottom: -100px;
    background: #131313;
    /* left: 50%; */
    opacity: 0;
    text-align: left;
    transition: all 1s;
}


.active .p6bg {
    position: absolute;
    bottom: 0;
    opacity: 1;
    transition-delay: 2s;
}
.p6-t {
    position: absolute;
    width: 282px;
    height: 81px;
    margin-left: -141px;
    top: 13vh;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p3-1 .syc1{    opacity: 0;
	position: absolute;
	 top: 20vh;transition: all 1s;
}
.active .p3-1 .syc1{ opacity: 1;
	position: absolute;
	 top: 0vh;    transition-delay: 0.5s;
}
.active .p6-t {
    position: absolute;
    top: 18vh;
    opacity: 1;
    transition-delay: 1s;
}

.p3-1 #wrap{
	opacity: 0;
	position: absolute;
	 top: 20vh;transition: all 1s;
}
.active .p3-1 #wrap{ opacity: 1;
	 top: 0vh;transition-delay: 1.5s;
}
.syyq1{    opacity: 0;
	top:-10vh;transition: all 1s;
}
.active .syyq1{ opacity: 1;
	 top: 10vh;transition-delay: 1s;
}
.p6-t h1{ font-size: 26px; font-family:  'Microsoft Yahei'; text-align: center; color: #58595b}
.p6-t span{font-size: 12px;/* font-family: arial; */text-align: center;text-transform : uppercase;color: #8d8d8d;}

.p6-zi {
    position: absolute;
    width: 1200px;
    height: 30px;
    margin-left: -600px;
    top: 20vh;
    left: 50%;
    opacity: 0;
    text-align: left;
    transition: all 1s;
    text-align: center;
}
.yjzsbt{
	display: none;
}

.active .p6-zi {
    position: absolute;
    top: 27vh;
    opacity: 1;
    transition-delay: 1.5s;
}
 .p6-zi a img{ opacity:0.75; transition:all 1s;}
.p6-zi a:hover img{ opacity:1; }
 .p6-1 {
    position: absolute;
    width: 1200px;
    height: 30px;
    margin-left: -600px;
    top: 28%;
    left: 50%;
    opacity: 0;
    text-align: left;
    transition: all 1s;
    text-align: center;
}


.active .p6-1 {
    position: absolute;
    top: 18%;
    opacity: 1;
    transition-delay: 2.5s;
}

.p6-1 li {
    width: 400px;
    float: left;
    height: 160px;
}

.p6-1 li:nth-child(1) {
    width: 399px;
    float: left;
  
}

.p6-1 li:nth-child(2) {
    width: 399px;
    float: left;
  
}

.p6-1 li h1 {
    font-size: 18px;
    color: #e5e0da
}

.p6-1 li a {
    font-size: 14px;
    color: #aaa;
    transition: all 1s;
}

.p6-1 li a:hover {
    font-size: 14px;
    color: #fff
}



.p6-2 {
    position: absolute;
    width: 300px;
    height: 30px;
    margin-left: -150px;
    top: 400px;
    left: 50%;
    opacity: 0;
    text-align: left;
    transition: all 1s;
    text-align: center
}


.active .p6-2 {
    position: absolute;
    top: 450px;
    opacity: 1;
    transition-delay: 2.5s;
}

.p6-2 li {
    width: 150px;
    float: left;
    height: 160px;
}

.p6-1 li h1 {
    font-size: 18px;
    color: #f1f1f1;
    line-height: 36px !important;
}

.p6-1 li h1 a,.p6-1 li h1 a:hover {
    font-size: 18px;
    color: #f1f1f1;
    line-height: 36px !important;
}

.p5-6 {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 30px;
    bottom: -30px;
    line-height: 30px;
    transition: all 1s;
    font-size: 12px;
    color: #999999;
    background: #000;
}

.p5-6 a {
    font-size: 12px;
    color: #999999;
	display: inline;
}
.p5-6 a img{
	display: inline;    vertical-align:middle!important;
}
.active .p5-6 {
    position: absolute;
    bottom: 0px;
    transition-delay: 3s;
}


#div1-bot {
    z-index: 999;
    position: fixed;
    width: 182px;
    height: 100%;
    top: 190px;
    right: -182px;
    transition: 1s;
}

#div1-top {
    z-index: 2;
    position: fixed;
    background-color: #ccc;
    width: 100%;
    height: 100%;
    top: -1100px;
}

#div2 {
    position: fixed;
    background-color: #ccc;
    width: 700px;
    height: 100%;
    right: -700px;
}



.open-bot {
    z-index: 1;
    position: fixed;
    text-indent: -9999px;
    width: 50px;
    display: block;
    background: rgba(90,90,90,0.6) url(../img/mtsdh03.png) no-repeat;
    height: 50px;
    top: 30px;
    background-size: cover;
    right: 30px;
    transition: all 1s;
    /* margin-left: -18px; */
}

.open-bot:hover {
    background:rgba(90,90,90,0.8) url(../img/mtsdh03.png) no-repeat;
    transition: all 1s; background-size: cover;
}

.open-bot2 {
    z-index: 1;
    position: fixed;
    text-indent: -9999px;
    width: 50px;
    display: block;
    background:rgba(90,90,90,0.6) url(../img/mtsdh02.png) no-repeat;
    height: 50px;
    top: 30px;
    background-size: cover;
    right: 100px;
    transition: all 1s;
    /* margin-left: -18px; */
}

.open-bot2:hover {
    background:rgba(90,90,90,0.8)  url(../img/mtsdh02.png) no-repeat;
    transition: all 1s; background-size: cover;
}

.open-bot3 {
    z-index: 1;
    position: fixed;
    text-indent: -9999px;
    width: 50px;
    display: block;
    background:rgba(90,90,90,0.6) url(../img/mtsdh01.png) no-repeat;
    height: 50px;
    top: 30px;
    background-size: cover;
    right: 170px;
    transition: all 1s;
    /* margin-left: -18px; */
}

.open-bot3:hover {
    background: rgba(90,90,90,0.8)  url(../img/mtsdh01.png) no-repeat;
    transition: all 1s; background-size: cover;
}


.open-lt {
    z-index: 1;
    position: fixed;
    width: 34px;
    bottom: 20px;
    display: block;
    right: 2%;
}

.open-bot:hover {
    transition: 0.5s;
}

.close {
    z-index: 999;
    position: absolute;
    text-indent: -9999px;
    width: 47px;
    display: block;
    background: url(../img/close_btn.png) no-repeat center center;
    float: right;
    height: 19px;
    top: 50px;
    right: 5%;
    transition: 0.5s;
    transform: rotate(0deg);
}

.close2 {
    z-index: 999;
    position: absolute;
    text-indent: -9999px;
    width: 47px;
    display: block;
    background: url(../img/close_btn.png) no-repeat center center;
    float: right;
    height: 41px;
    top: 20px;
    right: -47px;
    transition: 0.5s;
    transform: rotate(0deg);
}

.close-top {
    z-index: 999;
    position: absolute;
    text-indent: -9999px;
    width: 47px;
    display: block;
    background: url(../img/close_btn.png) no-repeat center center;
    float: right;
    height: 41px;
    top: 20px;
    right: -47px;
    transition: 0.5s;
    transform: rotate(0deg);
}

.close:hover {
    transition: 0.5s;
    transform: rotate(180deg);
}

.close2:hover {
    transition: 0.5s;
    transform: rotate(180deg);
}

.close-top:hover {
    transition: 0.5s;
    transform: rotate(180deg);
}

.news_t_1 {
    width: 540px;
    text-align: left;
    margin: 0 auto;
    padding-top: 15%;
    padding-bottom: 5%;
}



.ryname {
    z-index: -1;
    position: absolute;
    text-align: center;
    line-height: 35px;
    text-transform: uppercase;
    width: 26px;
 
    height: 0;
    color: #fff;
    margin-left: -13px;
    font-size: 12px;
    overflow: hidden;
    top: 3px;
    left: 50%;
    transition: all 500ms;
}

.rypic-hover .rypic {
    opacity: 1
}

.ryname-hover .ryname {
    height: 26px;
    top: -36px
}
.news_list_met_m1156_3_6 .info-list a b i h3{
		color: #fff;
}
.news_list_met_m1156_3_6 .info-list a:hover b span{
	color: #fff;
}.news_list_met_m1156_3_6 .info-list a b span{
	color: #fff;font-size: 16px;line-height: 28px;display: block;
}.news_list_met_m1156_3_6 .info-list a p{
	color: #E7E7E7
}.news_list_met_m1156_3_6 .info-list a:hover p{
	color: #fff;
}
.news_list_met_m1156_3_6 .info-list a b i strong{
	color: #E7E7E7
}



@media screen and (max-height: 900px) {
.active .xwzxa {
    top: 75vh;
    transition-delay: 2s;
}
	
	
}
@media screen and (max-height: 850px) {
	.active .xwzxa {
    top: 80vh;
    transition-delay: 2s;
}
	
	
	.hb {

    margin-top: 70vh;
			
	}
}
@media screen and (max-height: 800px) {
	.active .p1-2 {
		top: 43vh;}
	
	.p4-1 {

    height: 400px;
		
		
	}.p4-2 {
    height: 400px;
}
	.p4-3 {
		height: 200px;}
	.p4-4 {
		height: 200px;}
	.p4-5 {
		height: 200px;}
	ul.p4-1 li>a{
		height: 100%;
	}.p4-5 .nr{
		padding-top: 20px;
	}.p4-4 .nr{
		padding-top: 20px;
	}
}
@media screen and (max-height: 750px) {

	.txt p{
		display: none;
	}
	}

.cpzxa {
    top: 100vh;
}
@media screen and (max-height: 700px) {
	
	.p3-1 {
    position: absolute;
    top: 25vh;
		
		
	}
	

	
	.active .xjsb{
		position: absolute;
    top: 20vh;
		
		
	}
	.active .syyq1 {
    top: 5vh;
}
	.overlay nav {
    text-align: center;
    position: relative;
		top: 40%!important;}
	
	.active .p3-1 #wrap {
    opacity: 1;
    top: 2vh;
    transition-delay: 1.5s;
}.active .p6-1 {
    position: absolute;
	top: 5%;}
}
@media screen and (max-height: 650px) {
	.active .p1-2 {
		top: 45vh;}
	.active .p1-1 {
		top: 65vh;}.active .p1-0 {
			top: 20vh;}
	.active .cpzxa {
    top: 85vh;
}.active .xwzxa {
    top: 83vh;
    transition-delay: 2s;
}.active .xjsb {
    position: absolute;
    top: 17vh;
		
		
		
	}
}
@media screen and (max-width: 1500px) and (max-height: 650px){

  .active .cpzxa {
    top: 77vh;
}

}





@media screen and (max-width: 1200px) {
	.p5-1 {
    position: absolute;
    text-align: center;
    width: 800px;
    margin-left: -400px;
	}
	.news_show li:nth-child(3){
		display: none;
	}
	.p4-4{
		width: 300px;
	}.p4-2{
		width: 300px;
	}.p4-3{
		width: 300px;
	}.p4-5{
		width: 300px;
	}
	.p4-1 {
    position: absolute;
    width: 900px;

    margin-left: -450px;
    top: 30vh;
    left: 50%;
		
		
		
		
	}
 .active .p2-0 {
    margin-left: -430px;
    transition-delay: 1s;
    opacity: 1;
}.active .nr2 {
    opacity: 1;
    margin-left:80px;
    transition-delay: 1s;
	}.active .p2-1{
		top:50px;
	}.active .p2-2{
		top:130px;
	}.active .p2-3{
		top:240px;
	}.active .p2-4{
		top:300px;
	}
  .tb li img {
    width: auto;
    max-width: 90%;
    margin: 0 auto;
}
	.jg {
  
    padding-left: 10px;
    padding-right: 10px;
		
	}ul.tb {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 10px;
}
	.p2-0 {top:25%;
    position: absolute;
    text-align: center;
    width: 500px;
    height: 350px;    left: 50%;
    margin-left: -250px;
	}.p2-0 img{
		max-width: 100%;
		height: 100%;
	}.nr2 {
    width: 350px;
    position: absolute;
    left: 50%;
    margin-left: 310px;
    top: 25%;
		height:350px;}
 .active .cpzxa {
    top: 72vh;
}
}
@media screen and (max-width:1100px) {
	.p6-1 {
    position: absolute;
    width: 900px;
    height: 30px;
    margin-left: -450px;
		
	}.p6-1 li:nth-child(1) {
    width: 299px;
    float: left;
}
	.p6-1 li:nth-child(2) {
    width: 299px;
    float: left;
}.p6-1 li{
    width: 299px;
    float: left;
}
	
}
@media screen and (max-width:1050px) {
	
	.jg{
		display: none;
	}
}
@media screen and (max-width:950px) {
	
	.syyq1{
		display: none;
	}.yjzsbt {
    display:block;
}
	.sjxw{
		width: 50%;
	}
	.syyq2{ position: absolute;
		    top: 45vh;opacity: 0;
    transition: all 1s;
   
    left: 0;
	}.active .syyq2{
		       position: absolute;
    top: 30vh;
    opacity: 1;
    transition-delay: 1s;
	}
}
@media screen and (max-width:900px) {
	.p4-4{
		display: none;
	}.p4-3:nth-child(5){
		display: none;
	}
	.active .p3-1 li:nth-child(3){
		display: none;
	}
	ul.p3-1 li {
    width: 45%;
    float: left;
    height: 30vw;
    margin: 0.78vw 2.5%;
    overflow: hidden;
}.p4-1 {
    position: absolute;
    width: 600px;

    margin-left: -300px;
    top: 30vh;
    left: 50%;
		
		
		
		
	}
	.p6-map {
    position: absolute;
    width: 100%;
    height: 35vh;
    margin-left: 0px;
	left: 0%;	
	}
	.active .p6-map {
    position: absolute;
    bottom: calc(0vh + 30px);
		
		
	}
	.active .p6bg{
		display: none;
	}
}

@media screen and (max-width: 800px) {
	
	.active .xwzxa{
		display: none;
	}
	
	
	
	
	.active .p5-6 {

    transition-delay: 2s;
}.p1-0 img {
    width: 550px;
}.p1-2 {
    position: absolute;
    width: 90%;    left: 5%;
    margin-left: 0px;
	height: auto;}
	
	.active .p1-0 {
    top: 25vh;
}
	.news_list_met_m1156_3_6 .info-cut{
		width: 510px;
		margin: 0 auto;
	}.news_list_met_m1156_3_6 .info-box {
    margin: 0 0%;
}.active .p5-t {
    position: absolute;
	top: 17vh;}
	.news_list_met_m1156_3_6{
		display: block;
	}.news_list_met_m1156_3_6 .info-center{
		margin-top: -200px;
	}
	.news_show li{
		display: none;
	}.news_show{
		width: 100%;
		height:370px;
	}.c_news_list-35002 {
width: 100%;
		height:370px;
}.active .p5-1 {
    position: absolute;
    top: 32vh;
}
	.p2-0 {top:10%;
    position: absolute;
    text-align: center;
    width: 100%;
		display: none;
    height: auto;    left: 50%;
    margin-left: -250px;
	}.p2-0 img{
		max-width: 100%;
		height:auto;
	}.active .p2-0 {
    margin-left: -50%;
    transition-delay: 1s;
    opacity: 1;
	}
	
	
	.nr2 {
    width: 340px;
    position: absolute;
    left: 50%;
    margin-left: 310px;
    top: 20%;
    height:400px;
    opacity: 0;
    transition: all 1s;
    background: #fff;
}.active .p2-1 {
    position: absolute;
    opacity: 1;
    top: 45px;
    transition-delay: 0.5s;
}.active .p2-2 {
    position: absolute;
    top: 150px;
    opacity: 1;
    transition-delay: 2s;
}.active .p2-3 {
    position: absolute;
    top: 280px;
    opacity: 1;
    transition-delay: 2.5s;
}
.active .p2-4 {
    position: absolute;
    top: 350px;
    opacity: 1;
    transition-delay: 3s;
}	.active .nr2 {
    opacity: 1;
	left: 0;
	margin-left: calc(50% - 170px);}
	.sjxw{
		width: 80%;
	}
}
.sjxw:hover a p{
	color: #fff!important;
}
 @media screen and (max-width: 780px) {
	 .nang1{
		 display: block;
	 }
	 .nang2{
		 display: none;
	 }
	 .ngcp {
    position: absolute;
    width: 80%;
    height: auto;
    margin-left: 10%;
		 left: 10%;
		 margin: 0 auto;
		 
	 }.active .ngcp {
       top: 25vh;
}.syc1 {
    width: 33.33%;
    float: left;
}.syc6 {
    width: 33.33%;
}.ngcpz.active{
	background: url(../img/bj.png)!important;    background-size: 1920px 1080px!important;
	
	
}.ngcpz{background-size: 2880px 1620px!important;

	background: url(../img/bj.png)!important;
	
	
}
	 
}

@media (max-width: 767px){

.news_list_met_m1156_3_6 .info-center {
    height: auto;
    position: relative;
    top: 0;
    margin-top: 0;
}}

@media screen and (max-width: 700px){

.p6-zi tr:nth-child(1) input {
    width: 300px!important;
}
	.p6-zi form{
		width: 460px!important;
	}


}

	 .xjsb .syyq2{
		 display: none;
	 }
 @media screen and (max-width: 600px) {
	 
	 .p4-2{
		 display: none
		 
	 }.p4-1 {
    position: absolute;
    width: 300px;
		 margin-left: -150px}
	 .xjsb iframe{
		 display: none;
	 } .xjsb .syyq2{
		 display: block;
	 }.xjsb {
    position: absolute;
    width: 100%;
    margin-left: 0px;    left: 0%;
} .active .syyq2 {
    position: absolute;
    top: 10vh;
    opacity: 1;
    transition-delay: 1s;
}
	 
}
 @media screen and (max-width: 550px) {
	 
	 
	 
	.p1-0 img{
		 width: 320px;
	 }.active .p1-0 {
		 top: 28vh;}
	 .news_list_met_m1156_3_6 .info-list {
    max-width: 260px;
}.active .ngcp {
    top: 22vh;
}.active .p1-2 {
    top: 40vh;
}.active .p1-1 {
    top: 60vh;
}.active .p3-1 li:nth-child(3){
		display:block;
	}.active .p3-1 li:nth-child(4){
		display: block;
	}
	 .active .cpzxa {
    top: 78vh;
} ul.p3-1 li:nth-child(1) a.logo {
	height: 35px;}
	 
	 ul.p3-1 li:nth-child(2) a.logo {
	height: 35px;}
	 ul.p3-1 li:nth-child(3) a.logo {
	height: 35px;}
	 ul.p3-1 li:nth-child(4) a.logo {
	height: 35px;}
	 ul.p3-1 li a.logo {
    color: #585858;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
}
}
 @media screen and (max-width: 500px) {
	 
	
	 .p6-zi form{
		width: 300px!important;
	}
	 .p6-zi form>div{
		 float: none!important;
		 padding-top: 90px!important;
	 }
	 
	 .p6-zi  table{
		 top:-60px!important;
	 }
	 .overlay .overlay-close {
    width: 40px!important;
    height: 40px!important;
		 
		 
		 
	 }
	 .logoA .clickimg img{
		 width: 150px;
	 }
	.sjxw{
		width: 90%;
	 }canvas{
		 display: none
	 }
	 .open-bot{
		 width: 35px;
		 height: 35px;
	 }
	 .active .p4-t {
    position: absolute;
    top: 16vh;
		 
	 }.p3-1 {
    position: absolute;
    top: 30vh;
}
.p4-5 .nr {
    padding-top: 15px;
}
.active .p4-1 {
    position: absolute;
	top: 28vh;}
	 .p4-1 {
    height: 350px;
}.p4-3 {
    height: 175px;
}.p4-5 {
    height: 195px;
}
	  .nang1{
		 display: none;
	 }.tilter__figure{
		 height: 200px;
	 }.active .cpzxa {
    top: 75vh;
}
	 .nang2{
		 display: block
	 }.syc1 {
    width: 50%; overflow: hidden;
    float: left; max-height: 200px;
} .syc6 {
    width: 100%;
		 overflow: hidden;
		 max-height: 200px;
}.syc1 img {
    height: auto;
    width: 100%;
}#fp-nav.right {
    right: 15px;
}.open-bot{
    right: 15px;
	top:15px;
}.logoA-active .clickimg {
    position: fixed;
    left: 15px;
	top: 5px;}
	.logoA .clickimg {
    position: fixed;
  left: 15px;
	top: 7px;
    cursor: pointer;
    transition: 0.5s;
} 
.clickimg {
    position: fixed;
    left: 15px;
	top: 5px;}
	 
	 .active .xjsb {
    position: absolute;
    top: 20vh;
}
}

 @media screen and (max-width: 450px) {
	 
	 
	 ul.p3-1 li{
		 margin-bottom: 15px;
	 } 
	 
	 
	 .overlay ul li a {
    font-size: 20px;
    /* font-weight: BOLD; */
    padding: 15px 0!important;
    display: block;
    line-height: 24px;
    color: #f1f1f1;
    -webkit-transition: color 0.2s;
    transition: all 1s;
    display: block;
    height: 75px!important;
		 
	 }
	 
}
ul.fenlei {
 margin: 0 auto;
 /* left: 50%; */
 padding-top: 0px;
 position: absolute;
}
 ul.fenlei li.fl{
  padding:0 10px;
  height:35px;
  line-height:35px;
  float:left;
  border-radius:10px;
  position: relative;
  /* overflow:hidden; */
}
ul.fenlei li.fl.active a {
    width: 128px;
    height: 32px;
    line-height: 32px;
    display: block;
    background: #e5e0da ;
    color: #533f34;  border:1px solid #e5e0da;
    text-align: center;
}
ul.fenlei li.fl a:hover {
    width: 128px;
    height: 32px;
    line-height: 32px;
    display: block;
    background: #58595b ;
    color: #fff;  border:1px solid #58595b;
    text-align: center;
}
ul.fenlei li.fl a {
    width: 128px;
    border: 1px solid #e1e0e0;
    height: 32px;
    line-height: 32px;
    display: block;
    color: #58595b;
    text-align: center;
    transition: all 500ms;
    background: #fff;
    font-size: 14px;
}
 .music {
    z-index: 1;
    position: fixed;
    width: 34px;
    bottom: 198px;
    display: block;
    right: 2%;
    height: 30px;
    overflow:  hidden;
    text-align:center;
}
.music a{
 cursor:pointer;opacity:.6
}