@charset "UTF-8";html{}
body{}
.fl{float:left;}
.fr{float:right;}
.cl{clear: both;height: 0px;overflow: hidden;}
.ban{width: 100%;}
.ban img{display:block;width:100%;}
.fiwt{padding:0px 20px;text-align:center;}
#loader{z-index: 2000}
#sloganBlack{position: absolute;top: 50%;left: 50%;margin-left: -351px;margin-top: -134px;background: url(../images/page1/slogan.png) center no-repeat;height: 82px;width: 703px}
#header{/*display: none*/}
.page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9{/*display: none*/}
#container{/*display: none;*/width: 100%;height: 100%}
#container .section{text-align: center;font-size:.18rem;color: #fff}
#container .section.page1{width: 100%;height: 100%}
#container .section .down{position: absolute;bottom: 12px;left: 50%;margin-left: -17.5px;z-index: 99993;width: 35px;height: 20px;background: url(../images/page1/downb.png);-webkit-background-size: cover;background-size: cover}
#container .section .down.b{width: 27px;height: 16px;margin-left: -13.5px;background: url(../images/page1/downb.png)}
#container .page8.section .down{display: none}
#container .page8.active.section .down{display: block}
.covervid-wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
#bg1-video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%!important;width: auto!important}
#container .section .title{position: absolute;margin-top:.5rem;width: 100%;height:.84rem;position: absolute;top: 0;left: 0;text-align: center}
#container .section .title img{width: 35%;display: inline-block;padding-top:70px;}
#container .section.page1 .slide{float: left;width: 100%;background:url(../images/page1/b01.jpg) no-repeat center;height: 100%;position: relative}
.fp-slide, .fp-slidesContainer .page1{background:url(../images/page1/b01.jpg) no-repeat center;}
#container .section.page1 .slide:nth-child(2){background:url(../images/page1/b02.jpg) no-repeat center;}
#container .section.page1 .slide:nth-child(3){background:url(../images/page1/b03.jpg) no-repeat center;}
#container .section.page1 .slide .sd1, #container .section.page1 .slide .sd2, #container .section.page1 .slide .sd3{position: absolute;margin-top: -1.75rem;z-index: 2}
#container .page1 .slide .shadow{margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/page1/shadow.png) repeat;opacity: .6}
.page1 .slide1 .sd1{width:100%;position:relative;margin: 0 auto;height: 3.5rem;text-align: center;top: 50%}
.page1.active .slide1.active .sd1{-webkit-animation: zoomIn .5s linear;-moz-animation: zoomIn .5s linear;-o-animation: zoomIn .5s linear;animation: zoomIn .5s linear}
.page1 .slide1 .sd1 .word0{top: -1.2rem;position: absolute;width: 100%}
.page1 .slide1 .sd1 .word0>div{width: 3rem;height: 3rem;margin: 0 auto 0;text-align: center}
.page1 .slide1 .sd1 .word0 .word0_logow{margin:0 auto;padding-top:100px;display: block;position:relative !important;left:50%;margin-left: -262px;text-align: center}
.page1 .slide1 .sd1 .word0>div>img{float: left;width: 1rem;opacity: 0}
.page1.active .slide1.active .sd1 .word0>div>img{-webkit-animation: logolist .8s .5s forwards;-o-animation: logolist .8s .5s forwards;animation: logolist .4s .5s forwards}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(1){-webkit-animation-delay: .6s;animation-delay: .6s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(2){-webkit-animation-delay: .7s;animation-delay: .7s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(3){-webkit-animation-delay: .8s;animation-delay: .8s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(4){-webkit-animation-delay: .9s;animation-delay: .9s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(5){-webkit-animation-delay: 1s;animation-delay: 1s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(6){-webkit-animation-delay: 1.1s;animation-delay: 1.1s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(7){-webkit-animation-delay: 1.2s;animation-delay: 1.2s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(8){-webkit-animation-delay: 1.3s;animation-delay: 1.3s}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(9){-webkit-animation-delay: 1.4s;animation-delay: 1.4s}
@keyframes logolist{from{opacity:0;-webkit-transform:translate3d(0, 200px, 0) rotate3d(0, 0, 1, 00deg);transform:translate3d(0, 200px, 0) rotate3d(0, 0, 1, 00deg)}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)}}
@-webkit-keyframes logolist{from{opacity:0;-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}
to{opacity: 1;-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg)}}
.page1.active .slide1.active .sd1 .word0{opacity: 0;-webkit-animation: bounceIn .8s linear .5s forwards;-moz-animation: bounceIn .8s linear .5s forwards;-o-animation: bounceIn .8s linear .5s forwards;animation: bounceIn .8s linear .5s forwards}
.page1 .slide1 .sd1 .word2{margin: 0 auto;position: relative;top:70px;}
.page1.active .slide1.active .sd1 .word2{opacity: 0;-webkit-animation: zoomIn .8s linear .5s forwards;-moz-animation: zoomIn .8s linear .5s forwards;-o-animation: zoomIn .8s linear .5s forwards;animation: zoomIn .8s linear .5s forwards}
.page1 .slide1 .sd1 .word2 img{display: inline-block;position: relative;}
.page1 .slide1 .sd1 .word3{margin: 0 auto;top: 1.2rem;position: relative;}
.page1.active .slide1.active .sd1 .word3{opacity: 0;-webkit-animation: fadeInRight .8s linear .5s forwards;-moz-animation: fadeInRight .8s linear .5s forwards;-o-animation: fadeInRight .8s linear .5s forwards;animation: fadeInRight .8s linear .5s forwards}
.page1 .slide2 .sd2{width: 10.64rem;height: 3.5rem;text-align: center;margin: 0 auto;top: 50%;left: 50%;margin-left: -5.32rem}
.page1 .slide2 .sd2 .word1{-webkit-background-image: url(../images/page1/word2-1.png);-moz-background-image: url(../images/page1/word2-1.png);-o-background-image: url(../images/page1/word2-1.png);background-image: url(../images/page1/word2-1.png);width:872px;height:240px;margin: 0 auto;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
.page1.active .slide2.active .sd2 .word1{-webkit-opacity: 0;opacity: 0;-webkit-animation: myroate .8s linear forwards;-moz-animation: myroate .8s linear forwards;-o-animation: myroate .8s linear forwards;animation: myroate .8s linear forwards}
@keyframes myroate{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);-ms-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);opacity:0}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
@-webkit-keyframes myroate{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);-ms-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);opacity:0}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.page1 .slide2 .sd2 .word2{color: #fff;font-size:45px;margin-top:-250px;margin-left: 645px;}
.page1.active .slide2.active .sd2 .word2{opacity: 0;-webkit-animation: fadeInDown .8s linear .8s forwards;-moz-animation: fadeInDown .8s linear .8s forwards;-o-animation: fadeInDown .8s linear .8s forwards;animation: fadeInDown .8s linear .8s forwards}
.page1 .slide2 .sd2 .words_add{font-size:.5rem;margin-top:-5px;position: absolute;margin-left:-45px;}
.page1.active .slide.active .words_add{-webkit-animation: rubberBand .8s linear 1.7s 2 forwards;-moz-animation: rubberBand .8s linear 1.7s 2 forwards;-o-animation: rubberBand .8s linear 1.7s 2 forwards;animation: rubberBand .8s linear 1.7s 2 forwards}
.page1 .slide2 .sd2 .word3{color: #fff;width:px;font-size:20px;font-weight: 400;letter-spacing:4px;margin-top: 200px;}
.page1.active .slide2.active .sd2 .word3{opacity: 0;-webkit-animation: fadeInUp .8s linear .8s forwards;-moz-animation: fadeInUp .8s linear .8s forwards;-o-animation: fadeInUp .8s linear .8s forwards;animation: fadeInUp .8s linear .8s forwards}
.page1 .slide2 .sd2 .word4{margin-top:80px;}
.page1.active .slide2.active .sd2 .word4{opacity: 0;-webkit-animation: fadeInUp .8s linear .8s forwards;-moz-animation: fadeInUp .8s linear .8s forwards;-o-animation: fadeInUp .8s linear .8s forwards;animation: fadeInUp .8s linear .8s forwards}
.page1 .slide3 .sd3{width: 1400px;height: 3.5rem;text-align: center;margin: 0 auto ;top: 10%;position:relative !important;}
.page1 .slide3 .sd3 .word1{-webkit-background-image: url(../images/page1/zyb01.png);-moz-background-image: url(../images/page1/zyb01.png);-o-background-image: url(../images/page1/zyb01.png);background-image: url(../images/page1/zyb01.png);width: 829px;height:591px;margin: 0 auto;float:left;position: absolute;top: 80%;}
.page1.active .slide3.active .sd3 .word1{-webkit-opacity: 0;opacity: 0;-webkit-animation: myroate .8s linear forwards;-moz-animation: myroate .8s linear forwards;-o-animation: myroate .8s linear forwards;animation: myroate .8s linear forwards}
.page1 .slide3 .sd3 .word2{padding-top:50px;position: absolute;right: 0;top: 100%;}
.page1.active .slide3.active .sd3 .word2{-webkit-background-image: url(../images/page1/zyb02.png);-moz-background-image: url(../images/page1/zyb02.png);-o-background-image: url(../images/page1/zyb02.png);background-image: url(../images/page1/zyb02.png);width:572px;height:591px;float:right;opacity: 0;-webkit-animation: fadeInDown .8s linear .8s forwards;-moz-animation: fadeInDown .8s linear .8s forwards;-o-animation: fadeInDown .8s linear .8s forwards;animation: fadeInDown .8s linear .8s forwards}
.page1 .slide3 .sd3 .word2 .words_add{font-size:.6rem;margin-top:-.2rem;position: absolute;margin-left: 0}
.page1 .slide3 .sd3 .word3{color: #fff;font-size:.3rem;font-weight: 400;letter-spacing:.08rem;margin-left: 3.9rem;margin-top: 1.1rem}
.page1 .slide3 .sd3 .word3 .words_add{font-size:.5rem;margin-top:-.2rem;position: absolute;margin-left:-.4rem}
.page1.active .slide3.active .sd3 .word3{opacity: 0;-webkit-animation: fadeInUp .8s linear .8s forwards;-moz-animation: fadeInUp .8s linear .8s forwards;-o-animation: fadeInUp .8s linear .8s forwards;animation: fadeInUp .8s linear .8s forwards}
.page1 .fp-slidesNav ul li{display: inline-block;width: 120px;height: 7px;margin: 1px}
.page1 .fp-slidesNav ul li a.active span{background-color: #a80e32}
.page1 .fp-slidesNav ul li a:hover span{background-color: #a80e32}
.page1 .fp-slidesNav ul li a span{top: 0;left: 0;width: 120px;height: 7px;background: #fff;position: absolute;z-index: 1;transition: all .5s}
.page1 .fp-slidesNav.bottom{bottom: 48px}
.page2{background: url(../images/page2/bg.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center; padding-bottom:45px;}
.page2 .content{width:100%;margin:0 auto;color:#fff;}
.hzkzy{overflow:hidden;padding:45px 20px}
.hzkzy li{float:left;width:165px;border: 1px solid #2e3138;}
.hzkzy li img{transition: 0.3s;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);width: 96%;}
.hzkzy li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.hxem{width:180px;margin:0 auto;text-align:left;padding: 0 35px;display: block;color: #fff;font-size: 16px;line-height: 40px;border-radius: 27px;border: 1px solid #717378;background: url(../images/page2/wty7.png) no-repeat right 25px center;transition: all 0.5s;-webkit-transition: all 0.5s;}
.hxem a{color:#fff;}
.page2.active .content{opacity: 0;-webkit-animation: fadeInLeft .8s linear .5s forwards;-moz-animation: fadeInLeft .8s linear .5s forwards;-o-animation: fadeInLeft .8s linear .5s forwards;animation: fadeInLeft .8s linear .5s forwards}
.page2 .content .words .layer{position: absolute}
.page2 .content .words .word{position: absolute;font-size:.3rem}
.page2 .content .words{margin-top: 2.2rem;text-align: left;margin-left: 1.5rem;letter-spacing:.02rem;line-height:.74rem;color: #590015;font-weight: 700;width: 7.5rem;height: 5.94rem}
.page2 .content .words li{height:.8rem;width: 100%}
.page2 .content .words .word1 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-ms-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain1 .6s forwards;-moz-animation: smain1 .6s forwards;-o-animation: smain1 .6s forwards;animation: smain1 .6s forwards}
.page2.active .content .words .word1 .word{-webkit-animation: big1 .6s 1.5s ease-out forwards;-moz-animation: big1 .6s 1.5s ease-out forwards;-o-animation: sbig1 .6s 1.5s ease-out forwards;animation: big1 .6s 1.5s ease-out forwards}
@keyframes big1{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:0}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:0}}
@-webkit-keyframes big1{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:0}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:0}}
@keyframes smain1{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:0}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
@-webkit-keyframes smain1{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:0}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word2 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain2 .8s forwards;-moz-animation: smain2 .8s forwards;-o-animation: smain2 .8s forwards;animation: smain2 .8s forwards}
.page2.active .content .words .word2 .word{-webkit-animation: big2 .6s 1.6s ease-out forwards;-moz-animation: big2 .6s 1.6s ease-out forwards;-o-animation: big2 .6s 1.6s ease-out forwards;animation: big2 .6s 1.6s ease-out forwards}
@-webkit-keyframes big2{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:.65rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:.7rem}}
@-webkit-keyframes smain2{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:.7rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word3 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain3 .6s forwards;-moz-animation: smain3 .6s forwards;-o-animation: smain3 .6s forwards;animation: smain3 .6s forwards}
.page2.active .content .words .word3 .word{-webkit-animation: big3 .6s 1.8s ease-out forwards;-moz-animation: big3 .6s 1.8s ease-out forwards;-o-animation: big3 .6s 1.8s ease-out forwards;animation: big3 .6s 1.8s ease-out forwards}
@-webkit-keyframes big3{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:1.42rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:1.52rem}}
@-webkit-keyframes smain3{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:1.52rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word4 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain43 .6s forwards;-moz-animation: smain43 .6s forwards;-o-animation: smain43 .6s forwards;animation: smain43 .6s forwards}
.page2.active .content .words .word4 .word{-webkit-animation: big4 .6s 2s ease-out forwards;-moz-animation: big4 .6s 2s ease-out forwards;-o-animation: big4 .6s 2s ease-out forwards;animation: big4 .6s 2s ease-out forwards}
@-webkit-keyframes big4{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:2.22rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:2.37rem}}
@-webkit-keyframes smain4{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:2.37rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word5 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain5 .6s forwards;-moz-animation: smain5 .6s forwards;-o-animation: smain5 .6s forwards;animation: smain5 .6s forwards}
.page2.active .content .words .word5 .word{-webkit-animation: big5 .6s 2.2s ease-out forwards;-moz-animation: big5 .6s 2.2s ease-out forwards;-o-animation: big5 .6s 2.2s ease-out forwards;animation: big5 .6s 2.2s ease-out forwards}
@-webkit-keyframes big5{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:3.02rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:3.22rem}}
@-webkit-keyframes smain5{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:3.22rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word6 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain6 .6s forwards;-moz-animation: smain6 .6s forwards;-o-animation: smain6 .6s forwards;animation: smain6 .6s forwards}
.page2.active .content .words .word6 .word{-webkit-animation: big6 .6s 2s ease-out forwards;-moz-animation: big6 .6s 2s ease-out forwards;-o-animation: big6 .6s 2s ease-out forwards;animation: big6 .6s 2s ease-out forwards}
@-webkit-keyframes big6{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:3.82rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:4.07rem}}
@-webkit-keyframes smain6{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:4.07rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word7 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain7 .6s forwards;-moz-animation: smain7 .6s forwards;-o-animation: smain7 .6s forwards;animation: smain7 .6s forwards}
.page2.active .content .words .word7 .word{-webkit-animation: big7 .6s 1.8s ease-out forwards;-moz-animation: big7 .6s 1.8s ease-out forwards;-o-animation: big7 .6s 1.8s ease-out forwards;animation: big7 .6s 1.8s ease-out forwards}
@-webkit-keyframes big7{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:4.62rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:4.92rem}}
@-webkit-keyframes smain7{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:4.92rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words .word8 .word{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem;-webkit-animation: smain8 .6s forwards;-moz-animation: smain8 .6s forwards;-o-animation: smain8 .6s forwards;animation: smain8 .6s forwards}
.page2.active .content .words .word8 .word{-webkit-animation: big8 .6s 1.6s ease-out forwards;-moz-animation: big8 .6s 1.6s ease-out forwards;-o-animation: big8 .6s 1.6s ease-out forwards;animation: big8 .6s 1.6s ease-out forwards}
@-webkit-keyframes big8{0%{-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);top:3.02rem}
80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);top:5.48rem}
100%{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:5.83rem}}
@-webkit-keyframes smain8{from{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);top:5.83rem}
to{-webkit-transform: scale3d(0, 0, 0);-moz-transform: scale3d(0, 0, 0);-o-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);top: 3.02rem}}
.page2 .content .words span{font-size:.38rem;margin-left:.06rem;margin-right:.06rem;font-weight: 700;color: #fff}
#container .page3{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center}
.shadow{margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-background-size: cover;background-size: cover;opacity: .4}
.shadow2{margin: 0;padding: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .5}
#container .page3 .content{width: 100%;height: 100%;position: relative;}
.page3 .media{width: 100%;height:100%;background:url(../images/page3/bg.jpg) no-repeat center / cover;overflow: hidden;position: relative;z-index:33;}
.pnma{width:100%;margin: 0px auto;padding-top:25px;padding-bottom:25px;}
.pnma .titp{font-size:22px;color:#FFF;text-align:center;margin-bottom:30px;}
.pnma .soip{width:42%;background:#971433;padding:25px 10px;overflow:hidden;float:left;margin-right:10px;height:350px;text-align:left;cursor:pointer;margin-bottom:20px;margin-left:16px;}
.pnma .soip li img{display: block;margin: 0 auto;padding-bottom:10px;width:50%;}
.pnma .soip li h3{font-size:30px;text-align:center !important;line-height:20px;}
.pnma .soip li h3 a{color:#fff;font-weight:normal;}
.pnma .soip li a{color:#333}
.pnma .soip li h3 em{font-size:18px;font-weight:normal;display: block;line-height:25px;}
.pnma .soip:hover li h3 a{color: #333;}
.pnma .soip li{line-height:26px;font-size:14px;}
.pnma .soip .ntw{height:166px;overflow:hidden;padding-top:20px;}
.pnma .soip .ntw a{color:#fff;}
.pnma .soip .ntw a:hover{color:#333;}
.pnma .soip li span{font-size:22px;font-weight: bold;margin-right:8px;margin-left:6px;}
.pnma .soip li p{width:90px;background:#2e2e2e;text-align: center;color:#ebebeb;font-size:14px;margin:0 auto;height:30px;line-height:30px;position: relative;bottom:-26px;}
.pnma .soip li p a{color:#ebebeb;}
.pnma .soip:hover{background:#fff;color:#333;}
.pnma .soip:hover .ntw a{color:#333;}
.pnma .soip:nth-child(5){margin-right:0px;}
.wlhow{height:1px;}
#container .page4{-webkit-background-image: url(../images/page4/bg.jpg);-moz-background-image: url(../images/page4/bg.jpg);-o-background-image: url(../images/page4/bg.jpg);background-image: url(../images/page4/bg.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center;overflow: hidden}
#container .page4 .content{width: 10rem;height: 7.68rem;top: 50%;left: 50%;margin-top: -3.3rem;margin-left: -5rem;position: absolute}
#container .page4 em{position: absolute;opacity: .6;height: 1px;background-color: #fff;width:.8rem}
#container .page4 .yuan{width:.25rem;height:.25rem;border-radius: 50%;position: absolute;background: #c2c2c3;box-shadow:0 .04rem .04rem rgba(69,66,66,.66);-webkit-box-shadow:0 .04rem .04rem rgba(69,66,66,.66);-moz-box-shadow:0 .04rem .04rem rgba(69,66,66,.66);-o-box-shadow:0 .04rem .04rem rgba(69,66,66,.66)}
#container .page4 .word{position: absolute;font-weight: 700;font-size:.41rem;letter-spacing:.02rem}
#container .page4 .word2{position: absolute;font-size:.32rem;letter-spacing:.02rem;opacity: 0}
#container .page4 .word3{position: absolute;font-size:.18rem;letter-spacing:.02rem}
.page4.active .word3{opacity: 0;-webkit-animation: bounceIn 3s linear .5s forwards;-moz-animation: bounceIn 3s linear .5s forwards;-o-animation: bounceIn 3s linear .5s forwards;animation: bounceIn 3s linear .5s forwards}
.page4.active .word3 .wei{-webkit-animation: rubberBand 3.5s linear 1.2s 2 forwards;-moz-animation: rubberBand 3.5s linear 1.2s 2 forwards;-o-animation: rubberBand 3.5s linear 1.2s 2 forwards;animation: rubberBand 3.5s linear 1.2s 2 forwards}
.page4.active .word{opacity: 0;-webkit-animation: rollIn linear .8s forwards;-moz-animation: rollIn linear .8s forwards;-o-animation: rollIn linear .8s forwards;animation: rollIn linear .8s forwards}
#container .page4 .content .perform1 em{top: 1.71rem;left: 2.64rem;-webkit-transform: rotate(38deg);-moz-transform: rotate(38deg);-ms-transform: rotate(38deg);transform: rotate(38deg)}
#container .page4 .content .perform1 .yuan{top: 1.21rem;left: 2.37rem}
#container .page4 .content .perform1 .word{top:.91rem;left:.28rem}
#container .page4 .content .perform1 .word2{top: 1.49rem;left: -2.56rem}
#container .page4 .content .perform2 em{top: 3.82rem;left: 2.25rem;-webkit-transform: rotate(352deg);-moz-transform: rotate(352deg);-ms-transform: rotate(352deg);transform: rotate(352deg)}
#container .page4 .content .perform2 .yuan{top: 3.76rem;left: 1.88rem}
#container .page4 .content .perform2 .word{top: 3.55rem;left:-.34rem}
#container .page4 .content .perform2 .word2{top: 4.1rem;left: -3.42rem}
#container .page4 .content .perform3 em{top: 5.78rem;left: 2.72rem;-webkit-transform: rotate(314deg);-moz-transform: rotate(314deg);-ms-transform: rotate(314deg);transform: rotate(314deg)}
#container .page4 .content .perform3 .yuan{top: 5.9rem;left: 2.62rem}
#container .page4 .content .perform3 .word{top: 5.74rem;left:.4rem}
#container .page4 .content .perform3 .word2{top: 6.26rem;left: -2.64rem}
#container .page4 .content .perform4 em{top: 1.62rem;left: 6.96rem;-webkit-transform: rotate(325deg);-moz-transform: rotate(325deg);-ms-transform: rotate(325deg);transform: rotate(325deg);width: 1rem}
#container .page4 .content .perform4 .yuan{top: 1.1rem;left: 7.94rem}
#container .page4 .content .perform4 .word{top:.87rem;left: 8.44rem;font-size:.46rem}
#container .page4 .content .perform4 .word2{top: 1rem;right: -1.88rem;font-size:.28rem}
#container .page4 .content .perform4 .word3{top:.85rem;left: 9.48rem}
#container .page4 .content .perform5 em{top: 2.69rem;left: 7.44rem;-webkit-transform: rotate(352deg);-moz-transform: rotate(352deg);-ms-transform: rotate(352deg);transform: rotate(352deg);width:.86rem}
#container .page4 .content .perform5 .yuan{top: 2.5rem;left: 8.42rem}
#container .page4 .content .perform5 .word{top: 2.3rem;left: 8.88rem;font-size:.46rem}
#container .page4 .content .perform5 .word2{top: 2.43rem;right: -1.33rem;font-size:.28rem}
#container .page4 .content .perform5 .word3{top: 2.3rem;left: 9.59rem}
#container .page4 .content .perform6 em{top: 4rem;left: 7.42rem;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);width:.8rem}
#container .page4 .content .perform6 .yuan{top: 4rem;left: 8.3rem}
#container .page4 .content .perform6 .word{top: 3.8rem;left: 8.8rem;font-size:.46rem}
#container .page4 .content .perform6 .word2{top: 4rem;right: -2.15rem;font-size:.28rem}
#container .page4 .content .perform6 .word3{top: 3.8rem;left: 9.48rem}
#container .page4 .content .perform7 em{top: 5.64rem;left: 6.55rem;-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);width: 1rem}
#container .page4 .content .perform7 .yuan{top: 5.94rem;left: 7.5rem}
#container .page4 .content .perform7 .word{top: 5.86rem;left: 8rem;font-size:.46rem}
#container .page4 .content .perform7 .word2{top: 6.02rem;right:-.18rem;font-size:.28rem}
#container .page4 .content .perform7 .word3{top: 5.9rem;left: 8.7rem}
#container .page5{-webkit-background-image: url(../images/page5/bg.jpg);-moz-background-image: url(../images/page5/bg.jpg);-o-background-image: url(../images/page5/bg.jpg);background-image: url(../images/page5/bg.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center}
#container .page5 .content .page5-tab{position: absolute;top: 50%;left: 50%;margin-left: -6.5rem;width: 13rem;height: 6rem;margin-top: -3rem}
#container .page5 .content .page5-tab li{float: left;width: 4.12rem;height: 2.78rem;margin:.1rem .1rem;text-align: center;line-height: 2.78rem;-webkit-background-size: cover;background-size: cover}
#container .page5 .content .page5-tab li.cl1{background-image: url(../images/page5/w1.jpg)}
#container .page5 .content .page5-tab li.cl2{background-image: url(../images/page5/w2.jpg)}
#container .page5 .content .page5-tab li.cl3{background-image: url(../images/page5/w3.jpg)}
#container .page5 .content .page5-tab li.cl4{background-image: url(../images/page5/w4.jpg)}
#container .page5 .content .page5-tab li.cl5{background-image: url(../images/page5/w5.jpg)}
#container .page5 .content .page5-tab li.cl6{background-image: url(../images/page5/w6.jpg)}
#container .page5 .content .page5-tab li.cl1 span{background-image: url(../images/page5/bw1.jpg)}
#container .page5 .content .page5-tab li.cl2 span{background-image: url(../images/page5/bw2.jpg)}
#container .page5 .content .page5-tab li.cl3 span{background-image: url(../images/page5/bw3.jpg)}
#container .page5 .content .page5-tab li.cl4 span{background-image: url(../images/page5/bw4.jpg)}
#container .page5 .content .page5-tab li.cl5 span{background-image: url(../images/page5/bw5.jpg)}
#container .page5 .content .page5-tab li.cl6 span{background-image: url(../images/page5/bw6.jpg)}
#container .page5 .content .page5-tab li span{display: inline-block;width: 0;height: 0;opacity: 0;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;transition: all .4s ease-out;-webkit-transform-origin: center center;-moz-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-background-size: cover;background-size: cover}
#container .page5 .content .page5-tab li:hover span{display: inline-block;width: 4.12rem;height: 2.78rem;opacity: 1}
#container .page5 .content .tanchuang{position: absolute;top: 50%;left: 50%;width: 0%;height: 0%;background-color: #fff;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0)}
#container .page6{-webkit-background-image: url(../images/page6/bg.jpg);-moz-background-image: url(../images/page6/bg.jpg);-o-background-image: url(../images/page6/bg.jpg);background-image: url(../images/page6/bg.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center}
.zypg{padding-top:30px;line-height:70px;font-size:35px;color:#FFF;text-align:center;}
#container .page6 .content{position: absolute;top: 50%;left: 50%;margin-left: -5rem;width: 9.83rem;height: 5.52rem;margin-top: -1.9rem}
#container .page6 .video{/*display: none;*/position: absolute;top: 50%;left: 50%;margin-left: -5rem;width: 9.83rem;height: 5.52rem;margin-top: -1.9rem;z-index: 120}
.page6 .video-js{height: 100%;width: 100%}
.page6 .content ul li{height: 100%}
.page6 .content ul .vactive span{color: #a80e32}
.page6 .video em{position: absolute;opacity: .4;height:.3rem;width:.01rem;background-color: #fff}
.playIcon{position: relative}
.playIcon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.playIcon .Icon{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.playIcon .Icon .zicon{margin: 0 auto 0;width:.86rem;height: 2.7rem}
.playIcon .Icon .zicon b{display: block;width: 2px;margin: 0 auto 0;height: 0%;-webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center}
.playIcon .Icon .zicon .yuan{width:75px;height:75px;text-align: center;background: url(../images/page6/sanjiao.png) no-repeat center center;-webkit-transform: scale3d(1, 1, 1) translatey(0);-moz-transform: scale3d(1, 1, 1) translatey(0);-o-transform: scale3d(1, 1, 1) translatey(0);transform: scale3d(1, 1, 1) translatey(0);-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;margin: 0 auto 0}
.playIcon .Icon .zicon .yuan:hover{-webkit-transform: scale3d(1.1, 1.1, 1.1) translatey(2px);-moz-transform: scale3d(1.1, 1.1, 1.1) translatey(2px);-o-transform: scale3d(1.1, 1.1, 1.1) translatey(2px);transform: scale3d(1.1, 1.1, 1.1) translatey(2px)}
.page6.active .playIcon .zicon b{-webkit-animation: hiht 1s .5s forwards;-o-animation: hiht 1s .5s forwards;animation: hiht 1s .5s forwards;transform-origin: top center}
@-webkit-keyframes hiht{0%{height:0}
86%{height:70%}
100%{height:67%}}
@keyframes hiht{0%{height:0}
86%{height:70%}
100%{height:67%}}
.page7{-webkit-background-image: url(../images/page7/bg.jpg);-moz-background-image: url(../images/page7/bg.jpg);-o-background-image: url(../images/page7/bg.jpg);background-image: url(../images/page7/bg.jpg) ;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center;overflow: hidden}
#container .page7 .content,.page12{position: absolute;width:1400px;margin: 0 auto;top: 50%;left:270px;margin-top: -2.36rem}
.page7 .content ul{background:url(../images/page6/pa_n01.jpg) no-repeat left;height:32px;margin-left:50px;}
.page7 .content ul li{float: left;width:260px;height:32px;font-size: 16px;font-weight: 700;background:url(../images/page6/pa_n01.jpg) no-repeat right;line-height:32px;}
.page7 .partner em{position: absolute;opacity: .4;height:.2rem;width:.01rem;background-color: #fff;top:.1rem}
.page7 .content .grid{width: 1400px;height: 4.5rem;perspective: 5rem;margin:0 auto;margin-top: .66rem;margin-left: 1.248rem;}
.page7 .content .gridie{/*display: none;*/display: none!important}
.page7 .content .grid div{width: 132px;height: 132px;display: block;float: left;opacity: 0}
#container .page8{background-image: url(../images/page8/bg.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center}
#container .page8 #wrapper{position: absolute;top: 53%;width: 100%;height: 6.6rem;margin-top: -3rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;justify-content: left;overflow: hidden;opacity: 0;-webkit-transition: all .8s .8s;-moz-transition: all .8s .8s;-ms-transition: all .8s .8s;transition: all .8s .8s;-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px)}
#container .page8.active #wrapper{opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
#container .page8 #left-side{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: absolute;z-index: 10;width: 17%;height: 100%;background-color: #ececec;top: 0}
#container .page8 #left-side ul li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;line-height:.20rem;color: #333;cursor: pointer;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;border-radius: 10px;font-size: 16px;padding:.1rem .22rem;margin:.1rem 0;font-weight: 700}
#container .page8 #left-side ul li em{opacity: 0;position: absolute;width:.3rem;height:.58rem;right:-.3rem;background-image: url(../images/page8/jiantou.png);-webkit-background-size: cover;background-size: cover}
#container .page8 #left-side ul li.active em{opacity: 1}
#container .page8 #left-side ul li:hover{color: #000;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
#container .page8 #left-side ul li.active{color: #fff;background: #a80e32;box-shadow:.02rem .04rem .04rem #585353;border-radius: 10px;padding:.1rem .22rem;margin:.3rem 0}
#container .page8 #right-side{left: 17%;position: absolute;background-color: rgba(168,14,50,.85);width: 83%;height: 100%;top: 0}
#right-side #first, #right-side #dgon, #right-side #five, #right-side #fourth, #right-side #second, #right-side #six, #right-side #seven, #right-side #eight, #right-side #nine, #right-side #ten, #right-side #third{position: absolute;height: 100%;width: 100%}
#right-side #first .left, #right-side #dgon .left, #right-side #five .left, #right-side #fourth .left, #right-side #second .left, #right-side #six .left, #right-side #seven .left, #right-side #eight .left, #right-side #nine .left, #right-side #ten .left, #right-side #third .left{position: absolute;height: 3rem;width: 100%;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-in-out;margin-top: -3.5rem;opacity: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
#right-side #first.active .left, #right-side #dgon.active .left, #right-side #five.active .left, #right-side #fourth.active .left, #right-side #second.active .left, #right-side #six.active .left, #right-side #seven.active .left, #right-side #eight.active .left, #right-side #nine.active .left, #right-side #ten.active .left, #right-side #third.active .left{margin-top: 0;opacity: 1;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;width: 100%;height: 100%}
#right-side #first .right, #right-side #dgon .right, #right-side #five .right, #right-side #fourth .right, #right-side #seven .right, #right-side #second .right, #right-side #six .right, #right-side #eight .right, #right-side #nine .right, #right-side #ten .right, #right-side #third .right{opacity: 0;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-in-out}
#right-side #first.active .right, #right-side #dgon.active .right, #right-side #five.active .right, #right-side #fourth.active .right, #right-side #second.active .right, #right-side #six.active .right, #right-side #eight.active .right, #right-side #nine.active .right, #right-side #ten.active .right, #right-side #seven.active .right, #right-side #third.active .right{opacity: 1;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out}
#container .page8 #first .left{-webkit-background-image: url(../images/page8/dug.jpg);-moz-background-image: url(../images/page8/dug.jpg);-o-background-image: url(../images/page8/dug.jpg);background-image: url(../images/page8/huabei.jpg)}
/*1*/#container .page8 #dgon .left{-webkit-background-image: url(../images/page8/huadong.jpg);-moz-background-image: url(../images/page8/huadong.jpg);-o-background-image: url(../images/page8/huadong.jpg);background-image: url(../images/page8/huadong.jpg)}
/*2*/#container .page8 #second .left{-webkit-background-image: url(../images/page8/huanan.jpg);-moz-background-image: url(../images/page8/huanan.jpg);-o-background-image: url(../images/page8/huanan.jpg);background-image: url(../images/page8/huanan.jpg)}
/*3*/#container .page8 #third .left{-webkit-background-image: url(../images/page8/huanan.jpg);-moz-background-image: url(../images/page8/huanan.jpg);-o-background-image: url(../images/page8/huanan.jpg);background-image: url(../images/page8/huanan.jpg)}
/*44惠州*/#container .page8 #fourth .left{-webkit-background-image: url(../images/page8/wyhy.jpg);-moz-background-image: url(../images/page8/wyhy.jpg);-o-background-image: url(../images/page8/wyhy.jpg);background-image: url(../images/page8/wyhy.jpg)}
/*5*/#container .page8 #five .left{-webkit-background-image: url(../images/page8/jjim.jpg);-moz-background-image: url(../images/page8/jjim.jpg);-o-background-image: url(../images/page8/jjim.jpg);background-image: url(../images/page8/jjim.jpg)}
/*6*/#container .page8 #six .left{-webkit-background-image: url(../images/page8/six.jpg);-moz-background-image: url(../images/page8/six.jpg);-o-background-image: url(../images/page8/six.jpg);background-image: url(../images/page8/six.jpg)}
/*7*/#container .page8 #seven .left{-webkit-background-image: url(../images/page8/ggj.jpg);-moz-background-image: url(../images/page8/ggj.jpg);-o-background-image: url(../images/page8/ggj.jpg);background-image: url(../images/page8/ggj.jpg)}
/*8*/#container .page8 #eight .left{-webkit-background-image: url(../images/page8/xhe.jpg);-moz-background-image: url(../images/page8/xhe.jpg);-o-background-image: url(../images/page8/xhe.jpg);background-image: url(../images/page8/xhe.jpg)}
/*9*/#container .page8 #nine .left{-webkit-background-image: url(../images/page8/fwet.jpg);-moz-background-image: url(../images/page8/fwet.jpg);-o-background-image: url(../images/page8/fwet.jpg);background-image: url(../images/page8/fwet.jpg)}
/*10*/#container .page8 #ten .left{-webkit-background-image: url(../images/page8/dhw.jpg);-moz-background-image: url(../images/page8/dhw.jpg);-o-background-image: url(../images/page8/dhw.jpg);background-image: url(../images/page8/dhw.jpg)}
#container .page8 #left-side ul li
#container .page8 #first .left, #container .page8 #dgon .left, #container .page8 #five .left, #container .page8 #fourth .left, #container .page8 #second .left, #container .page8 #six .left, #container .page8 #seven .left, #container .page8 #eight .left, #container .page8 #nine .left,#container .page8 #ten .left,#container .page8 #third .left{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;height: 100%;width: 100%;float: left}
#container .page8 #first .right, #container .page8 #dgon .right, #container .page8 #five .right, #container .page8 #fourth .right, #container .page8 #second .right, #container .page8 #six .right, #container .page8 #seven .right, #container .page8 #eight .right, #container .page8 #nine .right, #container .page8 #ten .right, #container .page8 #third .right{height: 100%;text-align: left;margin-right:-.52rem;width: 30%;padding-left:.8rem;position: absolute;right: 0;background-color: rgba(153,0,51,.85)}
#container .page8 #first .word, #container .page8 #dgon .word, #container .page8 #five .word, #container .page8 #fourth .word, #container .page8 #second .word, #container .page8 #six .word, #container .page8 #seven .word, #container .page8 #eight .word, #container .page8 #nine .word, #container .page8 #ten .word, #container .page8 #third .word{font-size: 14px;margin-top:.3rem;}
@media (min-width:1152px){#container .page8 #first .word, #container .page8 #dgon .word, #container .page8 #five .word, #container .page8 #fourth .word, #container .page8 #second .word, #container .page8 #six .word, #container .page8 #third .word{font-size: 14px;margin-top:.3rem}}
#container .page8 #second .right{width: 100%}
#container .page8 #second .right>div{width: 33.33%;height: 100%;float: left;padding-left: 43px;box-sizing: border-box}
#container .page8 .footer{position: absolute;height: 76px;width: 100%;background-color: #000;text-align: center;bottom: 0;line-height: 76px;opacity: 90}
.backtop{/*display: none;*/position: fixed;bottom: 15%;right:-.56rem;width: 1rem;height:.42rem}
.backtop img{position: absolute;top: 0;left: 0}
.backtop .bk1{left: 0}
.backtop .bk2{position: absolute;top: 0;left: 1.2rem;width: 1.22rem;height:.42rem;color: #fff;font-size:.18rem;line-height:.42rem;text-align: center;border-radius: 6px;background-color: rgba(0,0,0,.5)}
.page9 .footer{border-top:5px solid #a80e32;width: 100%;line-height:25px;background-color: #1f1f1f;bottom: 0;z-index: 30;color: #b8b8b8;}
.page9 .footer a{color: #b8b8b8;font-size:14px;}
.page9 .footer a:hover{color: #fff;font-size:14px;}
.footer{position: relative;background-color: #1f1f1f;overflow:hidden;}
.footer .content{width: 80%;color: #b8b8b8;min-width: 989px;margin: 60px auto 0}
.zyft{width:316px;overflow:hidden;}
.zyrg{width:1000px;overflow:hidden;}
.zyfie{overflow:hidden;text-align:left;margin-bottom: 30px;padding: 0 0 30px 5px;border-bottom: 1px solid #474747;}
.zyfie h3{float:left;font-size:14px;font-weight:normal;width: 120px;margin-right:50px;}
.zyfie h3 img{background: #fff;padding: 10px;overflow: hidden;height: 100px;margin-bottom:5px;}
.zyfie .xywt{float:left;font-size:14px;}
.zyfie .xywt a{font-size:14px;color:#b8b8b8;}
.zyfie .tel{margin-bottom: 20px;margin-top:15px;width:262px;border: 2px solid #fff;}
.zyfie .tel img{display: block;float: left;}
.zyfie .tel span{width:220px;float: left;display: block;color: #ca0000;font-size: 24px;font-weight: bold;line-height: 37px;text-align: center;border-left: 2px solid #fff;}
.zyfie .address{width: 34px;margin-top:15px;}
.zyfie .address a{display: block;}
.zyfie .address a:hover{background: url(../images/page1/f_img03_on.png) no-repeat center top;background-size: 100% auto;}
.zyfie .address a:hover img{visibility: hidden;}
.zfnavi{overflow:hidden;margin-bottom: 30px;border-bottom: 1px solid #474747;padding: 0 0 30px 5px;}
.zfnavi li{padding: 0 6px 0 5px;width: 150px;float: left;text-align:left;}
.zfnavi li p{margin-bottom: 13px;color: #fff;font-size: 20px;}
.zfnavi li p a{font-size:18px !important;}
.zfnavi li p a:hover{color: #fff;}
.zfnavi li a{color: #b8b8b8;font-size:14px;font-weight:normal;}
.zyfe{text-align:left;font-size:14px;padding-top:5px;padding-bottom:25px;overflow:hidden;}
.footer .left{width: 50%;min-width: 662px;height: 302px;position: relative;float: left;margin-left: 12px}
.footer .left .ban{width: 100%;height: 16px}
.footer .left .ban li{height: 16px;line-height: 16px}
.footer .left .ban a{font-size: 20px;color: #fff;display: block}
.footer .left .ban a:hover{color: #a80e32}
.footer .left .ban .ban1{position: absolute;left: 0}
.footer .left .ban .ban2{position: absolute;left: 16%}
.footer .left .ban .ban3{position: absolute;left: 32%}
.footer .left .ban .ban4{position: absolute;left: 48%}
.footer .left .ban .ban5{position: absolute;left: 64%}
.footer .left .ban .ban6{position: absolute;left: 80%}
.footer .left .con{width: 100%;height: 200px;margin-top: 50px;border-bottom: 1px solid hsla(0,0%,100%,.3);border-top: 1px solid hsla(0,0%,100%,.3);position: relative;padding: 27px;box-sizing: border-box}
.footer .left .con>div{width: 33%;float: left}
.footer .left .con>div>div{width: 100%;height: 100%;border-right: 1px solid hsla(0,0%,100%,.3);box-sizing: border-box;position: relative}
.footer .left .con .img{width: 63px;height: 63px;margin: 20px auto}
.footer .left .con .detail{font-size: 14px;color: #fff;word-wrap: break-word;letter-spacing: 1px;font-weight: 700;text-align: center;padding: 0 10px}
.footer .left .con .con22 .detail, .footer .left .con .con33 .detail{font-size: 16px;font-family: Arial}
.footer .left .con1{width: 277px;margin-top: -68px;position: absolute;top: 50%}
.footer .left .con .con11, .footer .left .con1{height: 140px;float: left}
.footer .left .con .con11 .img:hover{background-image: url(../images/frame/dzhong1.png);background-position: 50%;background-size: cover}
.footer .left .con .con11 .img{background-image: url(../images/frame/dzbai1.png);background-position: 50%;background-size: cover}
.footer .left .con2{width: 208px;margin-top: -68px;position: absolute;top: 50%;left: 50%;margin-left: -99px}
.footer .left .con .con22, .footer .left .con2{height: 140px;float: left}
.footer .left .con .con22 .img:hover{background-image: url(../images/frame/lxhong2.png);background-position: 50%;background-size: cover}
.footer .left .con .con22 .img{background-image: url(../images/frame/lxbai2.png);background-position: 50%;background-size: cover}
.footer .left .con3{width: 266px;height: 140px;float: left;margin-top: -68px;position: absolute;top: 50%;right: 0}
.footer .left .con .con33{height: 140px;float: left;border-right: 1px solid hsla(0,0%,100%,0)}
.footer .left .con .con33 .img:hover{background-image: url(../images/frame/yxhong3.png);background-position: 50%;background-size: cover}
.footer .left .con .con33 .img{background-image: url(../images/frame/yxbai3.png);background-position: 50%;background-size: cover}
.footer .left .banquan{font-size: 16px;color: #fff;text-align: center;font-weight: 700;margin-top: 20px;font-family: Arial}
.footer .left .banquan a{color: #fff;display: inline-block}
.footer .right{width: 290px;height: 302px;position: relative;float: right;margin-right: 12px}
.footer .right img{width: 116px;height: 174px;position: absolute;left: 50%;margin-left: -59px}
.footer .right .tel{font-size: 47px;color: #fff;font-weight: 700;margin-top: 190px;text-align: center;font-family: Impact}
.footer .right .link{position: absolute;width: 100px;height: 40px;bottom: 0;left: 50%;margin-left: -50px}
.footer .right .link a{background-image: url(../images/frame/link1.png);background-size: cover}
.footer .right .link a:hover{background-image: url(../images/frame/link2.png);background-size: cover}
.footer .right .sina{background-position: 0 39px;float: left;width: 40px;height: 39px}
.footer .right .sem{background-position: 40px 0;float: right;width: 40px;height: 39px}
#fp-nav.right{right: 4px}

.fwlbg{ background:#222; color:#FFF; line-height:25px; padding:25px 20px}