body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,option,p,blockquote,th,td{margin:0;padding:0;}
* {outline: 0 none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul li{list-style: none;}
a{color:black;outline:0 none;text-decoration: none;cursor:pointer;}
table {border-collapse: collapse;}
img{border:0;}
body{
    font-family: "Microsoft YaHei","Arial";
    font-size: 14px;
    -webkit-tap-highlight-color:transparent;
}


html,body{width:100%; height:100%;margin:0; font-family: "微软雅黑","黑体";font-size: 14px}
img{border:none;}
ul,li,dd,dl{margin:0; padding:0; list-style: none;}
.no{display:none;}
.ab{position:absolute;}
.ab00{position:absolute;left: 0;top:0;}
.ab01{position:absolute;left: 0;bottom:0;}
.ab10{position:absolute;right: 0;top:0;}
.ab11{position:absolute;right: 0;bottom:0;}
.fixed{position: fixed;}
.re{position:relative;}
.hand{cursor:pointer;}
.fl{float: left;}
.fr{float: right;}
.ofh{overflow: hidden;}
.ofhtx{overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;}
.ofhty{overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;}
.full00{width:100%; height: 100%; top:0; left: 0;}
.w100{width: 100%;}
.h100{height: 100%;}
.op0{opacity: 0;}
.op05{opacity: 0.5;}
.btn05{background: rgba(0,255,0,0.5);}
.c_c{-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
.c_b{-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
.c_t{-webkit-transform-origin: center top;-moz-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;}
.l_t{-webkit-transform-origin: left top;-moz-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
.l_c{-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}
.l_b{-webkit-transform-origin: left bottom;-moz-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;}
.r_c{-webkit-transform-origin: right center;-moz-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;}
.r_b{-webkit-transform-origin: right bottom;-moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}

body,.topbar{min-width: 760px;background-color: #f4f7f6;}

@font-face {
    font-family: "MFJunYa_Noncommercial-Regular";
    src: url("../fonts/MFJunYa_Noncommercial-Regular.eot"); /* IE9 */
    src: url("../fonts/MFJunYa_Noncommercial-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../fonts/MFJunYa_Noncommercial-Regular.woff") format("woff"), /* chrome、firefox */
    url("../fonts/MFJunYa_Noncommercial-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../fonts/MFJunYa_Noncommercial-Regular.svg#MFJunYa_Noncommercial-Regular") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}


.topbar{width: 100%; height: 75px;left: 0;top: 0;line-height: 75px; z-index: 1000; background: #f4f7f6 url(../images/logo.png) center no-repeat; background-size: auto 100%; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transition: all 1s cubic-bezier(.8,-.1,.2,2);}
.topbar .btn_menu,.topbar .btn_back{width: 115px; height: 100%; cursor: pointer;}
.topbar .btn_back{text-align: center; color: #080808; font-size: 17px; font-weight: bold; letter-spacing: 2px;}
.topbar .btn_menu .icon{width: 16px; margin: 29px 0 0 22px;}
.topbar .btn_menu .icon span{display: block; background: #000; height: 3px; margin-bottom: 3px; width: 100%;}
.topbar .btn_menu .icon span:nth-child(1){width: 10px;}
.topbar .btn_menu .icon span:nth-child(3){width: 13px;}
.topbar .btn_menu .txt{font-size: 13px; font-family: arial; height: 75px; line-height: 75px; color: #080808; font-weight: bold; padding-left: 14px;}
.topbar .logo20{width:130px; height: 100%; background: url(../images/logo20.png) right center no-repeat; background-size: auto 100%;}
.topbar .btn_menu:after,.topbar .btn_back:before{width: 1px; height: 68px; background: #edf0f0; display: block; content: ""; float: left;}
.topbar .btn_menu:after{float: right;}
.topbar .btn_back:before{background: #e9eded;}

.swiper-container{width: 100%;height: 100%; text-align: center;}
.swiper-container .swiper-slide{ background-size: cover;}
.main{width: 100%; padding-top: 75px; height: calc(100vh - 75px); overflow: hidden; transition: all 1s;transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%);}

.topbar.show{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
.main.show{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
.anibox{z-index: 99999; background: #f4f7f6;}

.banner1{position:relative;background: url(../images/banner1_bk.jpg) center no-repeat; background-size: cover;}
.banner2{position:relative;background: url(../images/banner0202.jpg) center no-repeat; background-size: cover;}
.banner3{position:relative;background: url(../images/banner1_bk.jpg) center no-repeat; background-size: cover;}
.banner4{position:relative;background: url(../images/banner1_bk.jpg) center no-repeat; background-size: cover;}
/*.banner1 .img{width: 1200px; height: 600px; left: 0; top: 50%;  margin-top: -300px;}
.banner1 .img>img{width: 100%; height: 100%;}*/

/**版本修改**/
.p1_right{width: 50%;height: 150px;right: 0;bottom: 0;background: url(../images/p1Right.jpg) bottom no-repeat;background-size: 100% auto;}
.p1_left_text{width: 50%;height: 223px;background: url(../images/p1LeftText.jpg) bottom no-repeat;left: 0;bottom: 0;background-size: 100% auto;}
.banner2 .p1_left_text{width: 50%;height: 223px;background: url(../images/p1LeftText02.jpg) bottom no-repeat;left: 0;bottom: 0;background-size: 100% auto;}


.swiper-pagination-banner{bottom: 62px !important;}
.swiper-pagination-banner span{width: 32px; height: 30px; border-bottom: 5px solid #fdfcfb; border-radius: 0; background: none;}
.swiper-pagination-banner span.swiper-pagination-bullet-active{border-bottom: 5px solid #4d9b7b;}
.swiper-banner-next,.swiper-banner-prev{position:absolute;top:50%;margin-top:-36px;width: 72px; height: 72px; background: url(../images/arrow.png) center no-repeat; cursor: pointer; z-index: 10;}
.swiper-banner-prev{left: 0;}
.swiper-banner-next{right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);}

.p2{background: url(../images/p2_bk.jpg) center no-repeat;}
/*.p2>div{width: 600px; height: 600px; top: 50%;  margin-top: -300px;}*/
.p2>div img{width: 100%; height: 100%;}
.p2 .left{left: 0; cursor: pointer;width: 540px;height: 600px;top: 50%;margin-top: -300px;}
.p2 .right{right: 0;width: 660px;height: 600px;top: 50%;margin-top: -300px;}


.p3{background: url(../images/p3_bk.jpg) center no-repeat;}
/*.p3_left_t1{width: 50%;height: 158px;background: url(../images/p3_t1.png) bottom no-repeat;left: 0;bottom: 0;background-size: 100% auto;}
.p3_right_t2{width: 50%;height: 143px;background: url(../images/p3_t2.png) bottom no-repeat;right: 0;bottom: 0;background-size: 100% auto;}*/

.p3_left_t1{width: 100%;left: 0;bottom: 0;}
.p3_right_t2{width: 50%;right: 0;bottom: 0;display: none;}
.p3_left_t1 .bg{width: 110%;height: 80px;vertical-align: bottom;}
.p3_right_t2 .bg{width: 100%;vertical-align: bottom;}

/*.p3>div{width: 50%; height: 100%; float: left; overflow: hidden; position: relative;}
.p3 .left{background: url(../images/p3_video_poster.jpg) center no-repeat; background-size: cover;}
.p3 .btn_play{width:100%;height:100%;background: url(../images/p3_btn_play.png) center no-repeat;}
.p3 .right>div{width: 100%; height: 50%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
.p3 .top{top:0; background-image: url(../images/p3_bk1.jpg);}
.p3 .bottom{bottom:0; background-image: url(../images/p3_bk2.jpg);}
.p3 .right>div .txt{width: 100%; height: 100%;}
.p3 .bottom:after{position: absolute; content: ""; top: 0; left: 0; display: block; width: 100%; height: 1px; background: #e1cd90; z-index: 1;}*/

.p4{}
/*.p4 .swiper-timeline{width: 80%;background: #eae8e8;margin-left: -5%;}*/
.p4 .swiper-timeline{width: 100%;background: #eae8e8;}
.p4>div{float: left;}
/*.nearTimeline{width: 25%;height: 100%;background: #eae8e8;}*/
.timeline>div{width: 25%; height: 100%; position: relative; float: left;}
.timeline>div:nth-child(even){background: url(../images/p4_bk1.png) no-repeat;background-size: cover;}
.timeline>div:nth-child(odd){background: url(../images/p4_bk2.png) no-repeat;background-size: cover;}

.timeline>div>div,.timeline>div img{width: 206px; height: 600px;}

.swiper-timeline-prev{background: url(../images/arrow3.png) #fff no-repeat;bottom: 178px;}
.swiper-timeline-next{background: url(../images/arrow2.png) #fff no-repeat;bottom: 0;}
.swiper-timeline-next,.swiper-timeline-prev{position:absolute;width: 100%; height: 168px;cursor: pointer; z-index: 10;left: 0;background-position: 67px center;}
.ani .yearEvent{-webkit-animation: yearEventChange 1s ease-in both;}
/*@-webkit-keyframes yearEvent {
	0%{-webkit-transform: translateY(0);}
	25%{-webkit-transform: translateY(50px);}
	50%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-50px);}
	100%{-webkit-transform: translateY(0);}
}
*/

.timeline>div img {position: absolute;left: 0;transition: all 1s}
.timeline>div:nth-child(even) img{top: -100%}
.timeline>div:nth-child(odd) img{top: 100%}
.ani .timeline>div:nth-child(even) .yearEvent img{top: 0}
.ani .timeline>div:nth-child(odd) .yearEvent img{top: 0}

.p5{background: url(../images/p5_bk03.jpg) no-repeat center;display: flex;display: -webkit-flex;align-items: center;}
.p5BK{background: url(../images/p5_bk.png) center center no-repeat; background-size: 100% auto;}
.p5 .conbox{width:1200px; height:600px;top:50%;left:50%; margin:-300px -600px/*background: url(../images/p5_txt.png) center center no-repeat*/; background-size: 100% 100%; color: #fff; text-align: center;}
.p5Circle{-webkit-transform: translateY(-50%);width: 580px;left: 50%;margin-left: -290px;}
.p5 .conbox .text_bg01{position: absolute;width: 100%;left: 0;top: 35%;text-align: center;}
/*.p5 .conbox .text_bg01 img{width: 200px}*/
.p5 .conbox .text_bg02{position: absolute;width: 100%;left: 0;top: 47%;text-align: center;}
/*.p5 .conbox .text_bg02 img{width: 60px}*/
.p5 .conbox .text_bg03{position: absolute;width: 100%;left: 0;top: 75%;text-align: center;}
/*.p5 .conbox .text_bg03 img{width: 80px}*/



.p5 .day{top: 305px;left: 0; width: 100%; height: 120px; line-height: 120px; font-size: 81px; font-family: MFJunYa_Noncommercial-Regular;}
.p5 .day span{font-size: 65px;letter-spacing: -1px}
.p5 .time{font-size: 81px;}
.p5 .day sup{font-size: 13px;vertical-align: text-bottom;margin:0 10px;visibility: hidden;}
.p5 .time01{position: absolute;left: 40.8%;top: 41%}
.p5 .time02{position: absolute;left: 49.3%;top: 41%}


.p6{background: #fff;}
.footer{width: 100%; height: 410px; background: #e9e9e9 url(../images/footer_bk.png) center no-repeat;}

.footer0{width: 100%;height: 200px;background: #fff;}
.footer0>p{margin: 70px 0 0 360px;text-align: left;line-height: 35px;font-size: 20px;}


.footerbox{width: 100%;height: 210px;top: 200px;}
.footerbox>p{text-align: left;line-height: 35px;font-size: 14px;}
.footerbox>p:nth-child(1){margin: 50px 0 0 360px;}
.footerbox>p:nth-child(2){margin: 0 0 0 360px;opacity: 0.8;}

.footerLogo{height: 100px;line-height: 100px;top: 50px;left: 1000px;}
.footerLogo>img:nth-child(1){position: absolute;height: 70px;left: 0;top: 50%;margin-top: -35px;}
.footerLogo>img:nth-child(2){position: absolute;height: 100px;left: 80px;top: 50%;margin-top: -50px;}

.pop{z-index: 10001; background: rgba(0,0,0,0.8);}

.ani .ani2 .myFadeIn2{animation: myFadeIn 0.5s both;-webkit-animation: myFadeIn 0.5s both;-moz-animation: myFadeIn 0.5s both;-ms-animation: myFadeIn 0.5s both;}
.ani .myFadeIn{animation: myFadeIn 0.5s both;-webkit-animation: myFadeIn 0.5s both;-moz-animation: myFadeIn 0.5s both;-ms-animation: myFadeIn 0.5s both;}
@keyframes myFadeIn{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes myFadeIn{0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes myFadeIn{0%{opacity: 0;} 100%{opacity: 1;}}
@-ms-keyframes myFadeIn{0%{opacity: 0;} 100%{opacity: 1;}}

.ani .ani2 .myFadeInUp1{animation: myFadeInUp 0.5s both ease-in-out;-webkit-animation: myFadeInUp 0.5s both ease-in-out;-moz-animation: myFadeInUp 0.5s both ease-in-out;-ms-animation: myFadeInUp 0.5s both ease-in-out;}
.ani .myFadeInUp{animation: myFadeInUp 0.5s both ease-in-out;-webkit-animation: myFadeInUp 0.5s both ease-in-out;-moz-animation: myFadeInUp 0.5s both ease-in-out;-ms-animation: myFadeInUp 0.5s both ease-in-out;}
@keyframes myFadeInUp{
	0%{transform: translateY(100px); opacity: 0;}
	100%{transform: translateY(0px); opacity: 1;}
}
@-webkit-keyframes myFadeInUp{
	0%{-webkit-transform: translateY(100px); opacity: 0;}
	100%{-webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes myFadeInUp{
	0%{-moz-transform: translateY(100px); opacity: 0;}
	100%{-moz-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes myFadeInUp{
	0%{-ms-transform: translateY(100px); opacity: 0;}
	100%{-ms-transform: translateY(0px); opacity: 1;}
}

.ani .myFadeInRight{animation: myFadeInRight 0.5s both ease-in-out;-webkit-animation: myFadeInRight 0.5s both ease-in-out;-moz-animation: fadeInRightdeInUp 0.5s both ease-in-out;-ms-animation: fadeInRightnUp 0.5s both ease-in-out;}
@keyframes myFadeInRight{
	0%{transform: translateX(-100px); opacity: 0;}
	100%{transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes myFadeInRight{
	0%{-webkit-transform: translateX(-100px); opacity: 0;}
	100%{-webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes myFadeInRight{
	0%{-moz-transform: translateX(-100px); opacity: 0;}
	100%{-moz-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes myFadeInRight{
	0%{-ms-transform: translateX(-100px); opacity: 0;}
	100%{-ms-transform: translateX(0px); opacity: 1;}
}

.ani .myFadeInLeft{animation: myFadeInLeft 0.5s both ease-in-out;-webkit-animation: myFadeInLeft 0.5s both ease-in-out;-moz-animation: myFadeInLeft 0.5s both ease-in-out;-ms-animation: myFadeInLeft 0.5s both ease-in-out;}
@keyframes myFadeInLeft{
	0%{transform: translateX(100px); opacity: 0;}
	100%{transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes myFadeInLeft{
	0%{-webkit-transform: translateX(100px); opacity: 0;}
	100%{-webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes myFadeInLeft{
	0%{-moz-transform: translateX(100px); opacity: 0;}
	100%{-moz-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes myFadeInLeft{
	0%{-ms-transform: translateX(100px); opacity: 0;}
	100%{-ms-transform: translateX(0px); opacity: 1;}
}


.p3 .ab span{display: inline-block;width: 17px;height: 24px;background: url(../images/arrow_right.png);position: absolute;top: 50%;margin-top: -12px;}
.p3 .ab span:nth-of-type(1){right: 38%;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;-moz-animation-delay: 0.8s;-ms-animation-delay: 0.8s}
.p3 .ab span:nth-of-type(2){right: 40%;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;-moz-animation-delay: 0.6s;-ms-animation-delay: 0.6s}
.p3 .ab span:nth-of-type(3){right: 42%;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-moz-animation-delay: 0.4s;-ms-animation-delay: 0.4s}
.p3 .ab span.spanright:nth-of-type(1){right: 28%}
.p3 .ab span.spanright:nth-of-type(2){right: 31%}
.p3 .ab span.spanright:nth-of-type(3){right: 34%}
.p3 .ab .text_img{position: absolute;left: 40%;top: 55%;margin-top:-31px;width: 200px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-moz-animation-delay: 0.2s;-ms-animation-delay: 0.2s}
.p3 .ab .text_img02{width: 20%;left:30%} 

.ani .arrowShow{animation: arrowShow 2s infinite both ease-in-out;-webkit-animation: arrowShow 2s  infinite both ease-in-out;-moz-animation: arrowShow 3s infinite both ease-in-out;-ms-animation: arrowShow 3s infinite both ease-in-out;}

@keyframes arrowShow{
	0%{-moz-transform: translateX(10px); opacity: 0;}
	50%{-moz-transform: translateX(0px); opacity: 1;}
	100%{-moz-transform: translateX(10px); opacity: 0;}
}
@-webkit-keyframes arrowShow{
	0%{-moz-transform: translateX(10px); opacity: 0;}
	50%{-moz-transform: translateX(0px); opacity: 1;}
	100%{-moz-transform: translateX(10px); opacity: 0;}
}
@-moz-keyframes arrowShow{
	0%{-moz-transform: translateX(10px); opacity: 0;}
	50%{-moz-transform: translateX(0px); opacity: 1;}
	100%{-moz-transform: translateX(10px); opacity: 0;}
}
@-ms-keyframes arrowShow{
	0%{-moz-transform: translateX(10px); opacity: 0;}
	50%{-moz-transform: translateX(0px); opacity: 1;}
	100%{-moz-transform: translateX(10px); opacity: 0;}
}




@-webkit-keyframes shake{
    0% {
        -webkit-transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(5px);
    }
    100% {
       -webkit-transform: translateY(0px);
    }
 }   

@keyframes shake{
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(5px);
    }
    100% {
       transform: translateY(0px);
    }
 }  

 .banma_detail.active .shakebox{animation: shake 500ms infinite;-webkit-animation: shake 500ms infinite;}



.dela01{-webkit-animation-delay: 0.1s !important;-moz-animation-delay: 0.1s !important;-ms-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.dela02{-webkit-animation-delay: 0.2s !important;-moz-animation-delay: 0.2s !important;-ms-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
.dela03{-webkit-animation-delay: 0.3s !important;-moz-animation-delay: 0.3s !important;-ms-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
.dela04{-webkit-animation-delay: 0.4s !important;-moz-animation-delay: 0.4s !important;-ms-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
.dela05{-webkit-animation-delay: 0.5s !important;-moz-animation-delay: 0.5s !important;-ms-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
.dela06{-webkit-animation-delay: 0.6s !important;-moz-animation-delay: 0.6s !important;-ms-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
.dela07{-webkit-animation-delay: 0.7s !important;-moz-animation-delay: 0.7s !important;-ms-animation-delay: 0.7s !important;animation-delay: 0.7s !important;}
.dela08{-webkit-animation-delay: 0.8s !important;-moz-animation-delay: 0.8s !important;-ms-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}
.dela09{-webkit-animation-delay: 0.9s !important;-moz-animation-delay: 0.9s !important;-ms-animation-delay: 0.9s !important;animation-delay: 0.9s !important;}
.dela10{-webkit-animation-delay: 1s !important;-moz-animation-delay: 1s !important;-ms-animation-delay: 1s !important;animation-delay: 1s !important;}
.dela11{-webkit-animation-delay: 1.1s !important;-moz-animation-delay: 1.1s !important;-ms-animation-delay: 1.1s !important;animation-delay: 1.1s !important;}
.dela12{-webkit-animation-delay: 1.2s !important;-moz-animation-delay: 1.2s !important;-ms-animation-delay: 1.2s !important;animation-delay: 1.2s !important;}
.dela13{-webkit-animation-delay: 1.3s !important;-moz-animation-delay: 1.3s !important;-ms-animation-delay: 1.3s !important;animation-delay: 1.3s !important;}
.dela14{-webkit-animation-delay: 1.4s !important;-moz-animation-delay: 1.4s !important;-ms-animation-delay: 1.4s !important;animation-delay: 1.4s !important;}
.dela15{-webkit-animation-delay: 1.5s !important;-moz-animation-delay: 1.5s !important;-ms-animation-delay: 1.5s !important;animation-delay: 1.5s !important;}
.dela16{-webkit-animation-delay: 1.6s !important;-moz-animation-delay: 1.6s !important;-ms-animation-delay: 1.6s !important;animation-delay: 1.6s !important;}
.dela17{-webkit-animation-delay: 1.7s !important;-moz-animation-delay: 1.7s !important;-ms-animation-delay: 1.7s !important;animation-delay: 1.7s !important;}
.dela18{-webkit-animation-delay: 1.8s !important;-moz-animation-delay: 1.8s !important;-ms-animation-delay: 1.8s !important;animation-delay: 1.8s !important;}
.dela19{-webkit-animation-delay: 1.9s !important;-moz-animation-delay: 1.9s !important;-ms-animation-delay: 1.9s !important;animation-delay: 1.9s !important;}
.dela20{-webkit-animation-delay: 2s !important;-moz-animation-delay: 2s !important;-ms-animation-delay: 2s !important;animation-delay: 2s !important;}
.dela21{-webkit-animation-delay: 2.1s !important;-moz-animation-delay: 2.1s !important;-ms-animation-delay: 2.1s !important;animation-delay: 2.1s !important;}
.dela22{-webkit-animation-delay: 2.2s !important;-moz-animation-delay: 2.2s !important;-ms-animation-delay: 2.2s !important;animation-delay: 2.2s !important;}
.dela23{-webkit-animation-delay: 2.3s !important;-moz-animation-delay: 2.3s !important;-ms-animation-delay: 2.3s !important;animation-delay: 2.3s !important;}
.dela24{-webkit-animation-delay: 2.4s !important;-moz-animation-delay: 2.4s !important;-ms-animation-delay: 2.4s !important;animation-delay: 2.4s !important;}
.dela25{-webkit-animation-delay: 2.5s !important;-moz-animation-delay: 2.5s !important;-ms-animation-delay: 2.5s !important;animation-delay: 2.5s !important;}
.dela26{-webkit-animation-delay: 2.6s !important;-moz-animation-delay: 2.6s !important;-ms-animation-delay: 2.6s !important;animation-delay: 2.6s !important;}
.dela27{-webkit-animation-delay: 2.7s !important;-moz-animation-delay: 2.7s !important;-ms-animation-delay: 2.7s !important;animation-delay: 2.7s !important;}
.dela28{-webkit-animation-delay: 2.8s !important;-moz-animation-delay: 2.8s !important;-ms-animation-delay: 2.8s !important;animation-delay: 2.8s !important;}
.dela29{-webkit-animation-delay: 2.9s !important;-moz-animation-delay: 2.9s !important;-ms-animation-delay: 2.9s !important;animation-delay: 2.9s !important;}
.dela30{-webkit-animation-delay: 3s !important;-moz-animation-delay: 3s !important;-ms-animation-delay: 3s !important;animation-delay: 3s !important;}
.dela50{-webkit-animation-delay: 5s !important;-moz-animation-delay: 5s !important;-ms-animation-delay: 5s !important;animation-delay: 5s !important;}


.page_footer{width: 100%}
.page_footer .footer_wrap01{width: 1200px;margin: 0 auto;overflow: hidden;padding: 60px 0}
.page_footer .footer_wrap01 .footer_wrap01_left{float: left;}
.page_footer .footer_wrap01 .footer_wrap01_left p{color: #000;font-size: 17px;line-height: 35px}
.page_footer .footer_wrap01 .footer_wrap01_right{float: right;}
.page_footer .footer_wrap02{background: rgb(242,242,242);padding: 40px 0 70px}
.page_footer .footer_wrap02 .p_box{width: 1200px;margin: 0 auto;}
.page_footer .footer_wrap02 .p_box p{font-size: 14px;line-height: 30px}


body{background: #fff;}
.banma_list {width: 100%;margin-top: 100px;border-top:1px solid rgb(230,230,230);border-bottom:1px solid rgb(230,230,230);}
.banma_list .banma_list_wrap{width: 1200px;margin: 0 auto;overflow: hidden;}
.banma_list .banma_list_wrap li{float: left;}
.banma_list .banma_list_wrap li img{vertical-align: bottom;transition: all 1s;width: 100%}
.banma_list .banma_list_wrap li.li1{width: 31.58%}
.banma_list .banma_list_wrap li.li2{width: 41.75%}
.banma_list .banma_list_wrap li.li3{width: 26.67%}
.banma_list .banma_list_wrap li img:hover{transform: translateY(6px);}
.video_box{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99999;background: rgba(0,0,0,0.8);display: none;}
.video_box video{width: 100%;height: 100%}
.video_box .close{position: absolute;right: 10px;top: 10px;width: 38px;height: 38px;background: url(../images/close_icon.png);cursor: pointer;}


.bread{}
.bread img{width: 100%;}

.banma_detail{margin-top: 100px;position: relative;}
.banma_detail .banner_wrap{position: relative;margin-bottom: 120px}
.banma_detail .banner_wrap .detail_banner{width: 100%;vertical-align: bottom;}
.banma_detail .banner_wrap .banner_text{width: 50%;height: 260px;line-height: 260px;text-align: center;background: #fff;position: absolute;left: 0;bottom: -120px;transition: all 1s}
.banma_detail .banner_wrap .banner_text img{vertical-align: middle;width: 50%}
.banma_detail .banner_wrap .banner_line{width: 50%;height: 150px;background:rgb(1,164,135);position: absolute;right: 0;bottom: -120px;animation: myFadeInUp 0.5s both ease-in-out;}
.banma_detail .banner_wrap .banner_text {animation: myFadeInUp 0.5s both ease-in-out;}

.banma_detail .banma_text01{text-align: center;margin-bottom:260px;padding-top: 80px}
.banma_detail .banma_text01 img{vertical-align: middle;margin-right: 50px}
.banma_detail .banma_text01 .text_cont{display: inline-block;font-size: 19px;text-align: left;width: 38%;vertical-align: middle;color:#333;line-height: 30px}
.banma_detail .banma_bg_wrap{position: relative;}
.banma_detail .bg_textBox{position: relative;}
.banma_detail .banma_bg_wrap .bg{width:100%;vertical-align: bottom;}
.banma_detail .bg_textBox .text_box{position: absolute;width: 100%;left: 50%;top: 58%;transform: translate(-50%,-50%);text-align: center;color: #fff}
.banma_detail .bg_textBox .text_box .title_wrap{font-size: 25px;margin-bottom: 20px}
.banma_detail .bg_textBox .text_box .texts_cont{line-height: 30px;font-size: 19px}
.banma_detail .bg_textBox .text_box .texts_cont span{border-bottom: 1px solid #fff;padding-bottom: 5px}

.banma_detail .banma_bg_wrap .bg_lists{position: absolute;text-align: center;left: 0;top: -180px;width: 100%} 
.banma_detail .banma_bg_wrap .bg_lists li{display:inline-block;width: 30%;margin:0 0.5%;} 
.banma_detail .banma_bg_wrap .bg_lists li img{width: 100%;vertical-align: bottom;box-shadow: 0 0 10px rgb(220,220,220)}
.banma_detail .banma_text02{text-align: center;margin:60px 0;position: relative;}
/*.banma_detail .banma_text02 img{width: 43%}*/
.banma_detail .banma_text02 .text_box{position: absolute;left: 0;top: 20%;width: 100%;text-align: center;}
.banma_detail .banma_text02 .text_box .title_wrap{color:rgb(1,164,135);font-size: 25px;margin-bottom: 20px}
.banma_detail .banma_text02 .text_box .texts_cont{line-height: 30px;font-size: 19px;color:#474747}


.banma_detail .banma_bg02_wrap{}
.banma_detail .banma_text02 .bg{}
.banma_detail .banma_bg02_wrap .bg{width:100%;vertical-align: bottom;}
.banma_detail .banma_wx{width: 100%;padding:50px 0;background: rgb(238,238,238);text-align: center;margin-top: 60px}
.banma_detail .banma_wx .wx_left{display: inline-block;width: 20%;vertical-align: middle;}
.banma_detail .banma_wx .wx_left img{max-width: 100%}
.banma_detail .banma_wx .wx_left .wx_title01{font-size: 18px;color:rgb(1,164,135);line-height: 30px}
.banma_detail .banma_wx .wx_left .wx_title02{font-size: 16px}
.banma_detail .banma_wx .wx_right{display: inline-block;width: 32%;vertical-align: middle;text-align: left;}
.banma_detail .banma_wx .wx_right .text_title{font-size: 23px;color:rgb(1,164,135);margin-bottom: 20px}
.banma_detail .banma_wx .wx_right .text_cont{font-size: 19px;line-height: 30px;color: #333}


.banma_detail .banma02_list01{margin-bottom: 60px}
.banma_detail .banma02_list01 li{margin:15px 0;}
.banma_detail .banma02_list01 li img{vertical-align: middle;}
.banma_detail .banma02_list01 li.li1{text-align: right;}
.banma_detail .banma02_list01 li.li2{padding-left: 4%}
.banma_detail .banma02_list01 li.li1 .text_wrap{display: inline-block;width: 34%;vertical-align: middle;text-align: left; padding: 20px 0;}
.banma_detail .banma02_list01 li.li1 .bg{width: 50%;}
.banma_detail .banma02_list01 li.li1 .text_wrap img{display: block;}
.banma_detail .banma02_list01 li.li1 .time_bg{margin:20px 0 10px;}
.banma_detail .banma02_list01 li.li1 .text_cont{font-size: 19px;line-height: 30px;width: 90%;color: #333}
.banma_detail .banma02_list01 li.li2 .text_wrap{display: inline-block;width: 34%;vertical-align: middle;margin-left:4%; padding: 20px 0;}
.banma_detail .banma02_list01 li.li2 .bg{width: 46%}
.banma_detail .banma02_list01 li.li2 .text_cont{font-size: 19px;line-height: 30px;color: #333;margin-top:20px;}

.banma_detail .banma02_bg01{position: relative;}
.banma_detail .banma02_bg01 .bg{max-width: 100%;vertical-align: bottom;}
.banma_detail .banma02_bg01 .bg_text{position: absolute;left: 18%;width: 24%;top: 10%}
.banma_detail .banma02_bg01 .bg_text p{position: absolute;color: #fff;left: 14%;top: 38%;line-height: 30px;font-size: 19px;width: 78%}
.banma_detail .banma02_bg01 .bg_text img{width: 100%}


.banma_detail .banma02_bg02{position: relative;}
.banma_detail .banma02_bg02  .text_cont{position: absolute;width: 100%;left: 0;top: 50%;margin-top: -82px;text-align: center;}
.banma_detail .banma02_bg02  .text_cont .texts{color: #fff; font-size: 19px;line-height: 30px;margin-top: 20px}



.banma_detail .banma02_bg02 .bg{width: 100%;vertical-align: bottom;}
.banma_detail .banma02_list02 {width: 90%;margin:0 auto;text-align: center;margin-top: -100px;position: relative;z-index: 2;}
.banma_detail .banma02_list02 li{display:inline-block;width: 30%;margin:0 0.5%;} 
.banma_detail .banma02_list02 li img{width: 100%;vertical-align: bottom;box-shadow: 0 0 10px rgb(220,220,220)}
.banma_detail .banma02_text01{text-align: center;margin:50px 0;}
/*.banma_detail .banma02_text01 img{width: 58%}*/
.banma_detail .banma02_text01 img{vertical-align: middle;margin-right: 5%}
.banma_detail .banma02_text01 .texts{display: inline-block;vertical-align: middle;width: 30%;text-align: left;color: #444;line-height: 30px;font-size: 19px}
.banma_detail .banma02_text02{text-align: center;margin:60px 0;}
.banma_detail .banma02_text02 p{color: #444;line-height: 30px;font-size: 19px}
.banma_detail .banma02_text02 img{width: 49%}
.banma_detail .banma02_bg03{position: relative;}
.banma_detail .banma02_bg03 .bg{width: 100%;vertical-align: bottom;}
.banma_detail .banma02_text03{text-align: center;background: rgb(238,238,238);padding:150px 0;margin-top: 20px}
.banma_detail .banma02_text03 .title_text{margin-bottom: 20px}
.banma_detail .banma02_text03 p{color:#595959;font-size: 19px;line-height: 30px}


.banma_detail .banma03_bg01{position: relative;z-index: 2}
.banma_detail .banma03_bg01 .bg{width: 100%;vertical-align:top;}
.banma_detail .banma03_bg01 .bg_line{width:50%;height:100px;background: rgb(1,164,135);position: absolute;left: 0;bottom: -50px}
.banma_detail .banma03_bg01 .text_cont{position: absolute;right: 20%;bottom: 35%;width: 18%}
.banma_detail .banma03_bg01 .text_cont .texts{color: #fff;font-size: 19px;line-height: 30px;margin-top:10px}
.banma_detail .banma03_bg02{position: relative;}
.banma_detail .banma03_bg02 .texts{position: absolute;width: 100%;left: 0;font-size: 19px;top: 50%;margin-top: -90px;text-align: center;color:#474747;line-height: 30px}


.banma_detail .banma03_bg02 .bg{width: 100%;vertical-align: bottom;}
.banma_detail .banma03_bg03 {position: relative;margin-bottom: 160px}
.banma_detail .banma03_bg03 .bg{width: 100%;vertical-align: bottom;}
.banma_detail .banma03_bg03 .text_wrap{width: 54%;position: absolute;left: 17%;bottom:-25%;background: rgb(1,164,135);padding: 45px 3%;text-align: left;color: #fff;line-height: 30px; font-size: 19px;}
.banma_detail .banma03_bg03 .text_wrap img{width: 80%}
.banma_detail .banma03_bg04{}
.banma_detail .banma03_bg04 .bg{width: 51%;vertical-align: middle;}
.banma_detail .banma03_bg04 .texts{display: inline-block;width: 33%;vertical-align: middle;margin-left: 3%; font-size: 19px;}
.banma_detail .banma03_bg04 .texts p{color: #333;line-height: 30px;}
.banma_detail .banma03_bg04 .texts .texts_li{margin:20px 0;}
.banma_detail .banma03_bg04 .texts .texts_li li{color:rgb(1,164,135);line-height: 30px;}
.banma_detail .banma03_bg05{margin-top: 60px;position: relative;}
.banma_detail .banma03_bg05 .bg{width: 100%;vertical-align: bottom;}
.banma_detail .banma03_bg05 .texts{position: absolute;height: 100%;padding:0 3%;width: 27%;left:18% ;top: 0;background:rgb(1,164,135) }
.banma_detail .banma03_bg05 .texts p{color: #fff;padding: 32px 0;line-height: 30px;font-size: 19px}
.banma_detail .banma03_bg05 .texts .text_lists{background: url(../images/secondaryPage/ul_icon.png) no-repeat 0.8% center; font-size: 18px; line-height: 30px;}
.banma_detail .banma03_bg05 .texts .text_lists li{line-height: 25px;color: #fff;padding-left: 20px;background: url(../images/secondaryPage/li_icon.png) no-repeat left center;}
.banma_detail .banma03_bg05 .texts  h6{padding-left: 20px;color: #fff;font-size: 19px;font-weight: normal;margin-bottom: 5px}
.banma_detail .banma03_text02{text-align: center;background: rgb(238,238,238);padding: 80px 0}
.banma_detail .banma03_text02 .title_img{margin-bottom: 20px}
.banma_detail .banma03_text02 .texts{font-size: 19px;line-height: 30px;color:#474747}

/*.banma_detail.shake .banma_bg_wrap .bg_lists li{animation: shake 1s infinite both ease-in-out;}

@keyframes shake{
	0%{transform: translateY(0)}
	20%{transform: translateY(2px)}
	40%{transform: translateY(0px)}
	80%{transform: translateY(-2px)}	
	100%{transform: translateY(0px)}
}
*/


.banma_list.anniversary .banma_list_wrap li.li1{width: 50%;}
.banma_list.anniversary .banma_list_wrap li.li2{width: 50%;}



.banma_detail .asy_text{ width: 60%; margin-left: 20%; text-align: left;line-height: 30px; font-size: 19px;}
.banma_detail .asy_bg{ position: relative;}


.banma_detail .asy01_bg01 .img2{ width: 80%; position: absolute; left: 10%; top: -20%;}
.banma_detail .asy01_bg01 .asy_text{ color: #fff; position: absolute; top: 56%;}
.banma_detail .asy01_t1{ padding: 64px 0 120px; position: relative;}
.banma_detail .asy01_t2{text-align: center; padding: 100px 0 120px; border-bottom: 1px #ececec solid;}
.banma_detail .asy01_t2 .title_img{margin-bottom: 20px}
.banma_detail .asy01_t2 .texts{font-size: 19px;line-height: 30px;color:#474747}

.banma_detail .asy02_bg01 .img2{ width: 80%; position: absolute; left: 10%; top: -20%;}
.banma_detail .asy02_bg01 .asy_text{ color: #000; position: absolute; top: 56%;}
.banma_detail .asy02_bg02 img{ width: 84%; margin-left: 8%; margin-top: -70px;}
.banma_detail .asy02_t1{ padding: 100px 0; position: relative;}
.banma_detail .asy02_t2{ padding: 66px 0 118px; position: relative;}
.banma_detail .asy02_bg03{ position: relative; padding-bottom: 140px; border-bottom: 1px #ececec solid;}
.banma_detail .asy02_bg03 img{ width: 80%; margin-left: 10%; cursor: pointer;}


#swiper_btn{right: 30px}
#swiper_btn .swiper-pagination-bullet{background:  rgb(1,164,135);opacity: 1;}
#swiper_btn .swiper-pagination-bullet-active{background: #fff}
.banner_videowrap{position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1001;display: none;}
.banner_videowrap video{width: 100%;height: 100%;opacity: 1;position:relative;z-index: 2}
.banner_videowrap .mc{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6)}
.banner_videowrap .close{position: absolute;z-index: 3;right: 10px;top: 10px;width: 38px;height: 38px;background: url(../images/close_icon.png);cursor: pointer;}


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

.banma_detail{margin-top: 75px}
.banma_detail .banner_wrap .banner_text{height: 170px;line-height: 170px}
.banma_detail .banner_wrap .banner_line{height: 100px}
.page_footer .footer_wrap01{padding: 50px 0}
.banma_detail .banner_wrap .banner_text{bottom: -50px}
.banma_detail .banner_wrap .banner_line{bottom: -60px}
.banma_detail .banner_wrap{margin-bottom:70px}

.banma_detail .banma_text01 .text_cont{width: 36%}
.banma_detail .banma_wx .wx_left{width: 24%}
.banma_detail .banma_wx .wx_right{width: 43%}

.banma_detail .banma02_bg01 .bg_text p{width: 80%;top: 40%;font-size: 16px;line-height: 22px}
.banma_detail .banma03_bg01 .text_cont{width: 23%}
.banma_detail .banma03_bg05 .texts{width: 30%}
.banma_detail .banma03_bg05 .texts p{padding:20px 0;line-height: 23px}
.p3 .ab .text_img{margin-top: -23.5px}

}


.topbar .menu_list{position: absolute;line-height: normal;left: -230px;top: 100%;width: 230px;text-align: center;background: #f4f7f6;transition: all  400ms}
.topbar .menu_list li{line-height: 45px;}
.topbar .menu_list li a{display: inline-block;width: 100%;height: 100%;font-size: 16px;color: #333}
.topbar .menu_list.active {left: 0}
.topbar .menu_list li a:hover,.topbar .menu_list li.active a{color: #01a485} 



.banma04_wrap{}
.banma04_wrap .banma04_banner{position: relative;} 
.banma04_wrap .banma04_banner .bg{width: 100%;vertical-align: bottom;} 
.banma04_wrap .banma04_banner .text_wrap{position: absolute;left: 0;top: 30%;width: 100%;text-align: center;}
.banma04_wrap .banma04_banner p{line-height: 28px;color: #fff;font-size: 16px;margin-top: 20px}
.banma04_wrap .banma04_list{margin-top: 70px}
.banma04_wrap .banma04_list li{height: 500px;line-height: 500px;text-align: center;overflow: hidden;padding:30px 0;}
.banma04_wrap .banma04_list li .img_wrap{float: left;width: 50%;}
.banma04_wrap .banma04_list li .img_wrap img{max-width: 80%;vertical-align: middle;}
.banma04_wrap .banma04_list li .text_wrap{float: right;width: 47%;text-align: left;padding-left: 3%}
.banma04_wrap .banma04_list li .text_wrap .text_box{display: inline-block;width: 75%;vertical-align: middle;line-height: normal;}
.banma04_wrap .banma04_list li .text_wrap .text_box .texts{color: #333;line-height: 25px;font-size: 14px;margin-top: 20px}
.banma04_wrap .banma04_list li.active .img_wrap{float: right;}
.banma04_wrap .banma04_list li.active .text_wrap{float: left;width: 45%;text-align: right;padding-right: 5%;padding-left: 0;background: rgb(238,238,238)}
.banma04_wrap .banma04_list li.active .text_wrap .text_box{text-align: left;}
.banma04_wrap .banma04_list li.active .img_wrap{height: 100%;text-align: left;width: 47%;padding-left: 3%}
.banma04_wrap .banma04_list li.active .img_wrap img{max-height: 100%;width: auto;max-width:80%}
.banma04_wrap .banma04_list li.li3 .img_wrap{text-align: right;padding-right: 5%;width: 45%}


.footer_new{width: 1200px;margin: 70px auto 0;text-align: left;font-size: 18px;color: #000}
.footer_new .footer_new01,.footer_new .footer_new02,.footer_new .footer_new03{display: inline-block;vertical-align: top;}
.footer_new .footer_new01{width: 31%}
.footer_new .footer_new02{width: 48%;}
.footer_new .footer_new03{width: 20%}
.footer_new .footer_new02 p{color: #999;font-size: 14px;margin:2px 0;width: 70%}
.footer_new .footer_new02 strong{color: #555;font-size: 15px;}
.footer_new .footer_new03 img{margin-top: -18px}
.footerbox>p:nth-child(1){width: 1200px;margin: 50px auto 0}
.footerbox>p:nth-child(2){width: 1200px;margin: 0px auto}



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

.banma04_wrap .banma04_list li{height: 450px;line-height: 450px;padding: 15px 0}
.banma04_wrap .banma04_list li .img_wrap img{max-width: 70%}
.banma04_wrap .banma04_list{margin-top: 40px}

.banma_detail .asy01_bg01 .asy_text{ top: 48%; font-size: 17px; line-height: 26px;}
.banma_detail .asy02_bg01 .asy_text{ top: 52%;}

.footer_new .footer_new02{width: 47%}
.footer_new .footer_new02 p{width: 85%}
.footer_new{width:1000px}
.footerbox>p:nth-child(1),.footerbox>p:nth-child(2){width:1000px}
.page_footer .footer_wrap02 .p_box{width: 1000px}
}

.video_btn{position: absolute;left: 50%;top: 50%;width: 150px;height:150px;cursor: pointer;margin-top: -75px;margin-left:-75px;}