@charset "utf-8"; 
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;border: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.f_left{ float: left; }
.f_right{ float: right; }
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.ovf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* .scroll::-webkit-scrollbar  { width: 6px;  height: 6px;  background-color: rgba(0,0,0,.2); border-radius: 3px; -webkit-border-radius: 3px; }   
.scroll::-webkit-scrollbar-track  {    background-color: rgba(0,0,0,.2); border-radius: 3px; -webkit-border-radius: 3px; }  
.scroll::-webkit-scrollbar-thumb  { -webkit-box-shadow:inset 0 0 0.6px rgba(0,0,0,.3);  background-color: #f29f89; border-radius: 3px; -webkit-border-radius: 3px; }  */
html,body{font-size: 62.5%;  font-family: Microsoft Yahei,SimSun,Helvetica;}
body {background: #eee;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0 auto; padding: 0;
	min-width: 1336px;
	overflow: hidden;
    overflow-y:auto;
    max-width: 1920px;
    height: 100%;
}
.container{height: 100%;min-width: 1200px;margin: 0 auto;}
.slogan{width: 630px;height: 464px;background: url(../images/slogan.png) center top no-repeat;position: absolute;left:50%;top: 316px; z-index: 10;margin: 0 0 0 150px;}
#v1{width: 1920px;height: 1040px;position: absolute;left:50%;margin: 0 0 0 -960px;position: absolute; z-index: 2; object-fit: cover; z-index: 0;}
.top{width: 100%;height: 1100px;background: url(../images/top.png) center top no-repeat;position: relative;overflow: hidden;}
.videocover{background: url(../images/videocover.png) no-repeat center top;width: 100%;height: 305px;position: absolute;bottom: 0; z-index: 10;}
.content{width: 100%;height:4515px ;background: url(../images/content.jpg) center top no-repeat;}
.logo{ display:block; width: 200px; height: 84px; position: absolute; left: 40px;  top:54px; background: url(../images/logo.png) no-repeat center top;background-size:100% ; }
/**nav**/
.nav{width: 176px;height: 280px;position: fixed;right: 0px;background: url(../images/nav.png)   no-repeat;top: 300px; z-index: 99;}
.nav a{width: 176px;height: 30px; display: block;background: url(../images/nav.png) 1000px 1000px no-repeat;top: 300px;margin: 0 0 35px 0;cursor: pointer;}
.nav a.a1:hover{background-position: 0px 0;}
.nav a.a2:hover{background-position: 0px -65px;}
.nav a.a3:hover{background-position: 0px -130px;}
.nav a.a4:hover{background-position: 0px -195px;}
.nav a.a5:hover{background-position: 0px -260px;}
.nav a.a6:hover{background-position: 0px -325px;}
.nav a.a1.on{background-position: -180px 0;}
.nav a.a2.on{background-position: -180px -65px;}
.nav a.a3.on{background-position: -180px -130px;}
.nav a.a4.on{background-position: -180px -195px;}
.nav a.a5.on{background-position: -180px -260px;}
.nav a.a6.on{background-position: -180px -325px;}
/***login****/
.login{ width: 600px; color: #fff; font-size: 18px; position: absolute; right: 20px; top:24px; text-align: right; height: 48px; line-height: 52px; z-index: 100;}
.login .before{ display:none;}
.login .before a{ color: #fff; font-weight: bold; cursor: pointer;}
.login .after{ display: block;}
.login .after a{color: #fff; font-weight: bold; cursor: pointer;}
/****通栏导航******/
.comtop{ position: fixed; right: 30px; width: 100%; z-index: 99; height: 48px; top:18px;}
.comtop .btnEnter{ display: inline-block; width: 144px;height: 32px; background: url(../images/btnhome.png) no-repeat center top; position: absolute; right:  70px; top:15px;}
.comtop .music-swift{position: absolute;right: 10px;top: 0;width: 48px;height: 40px; cursor: pointer;}
.comtop .music-swift span{    display: inline-block;width: 5px;height: 25px;background: #627897;position: absolute;}
.comtop .s1{ left: 0; bottom: 0; }
.comtop .s2{ left: 8px; bottom: 0; }
.comtop .s3{ left: 16px; bottom: 0; }
.comtop .s4{ left: 24px; bottom: 0; }
.comtop .s5{ left: 32px; bottom: 0; }
.comtop .active .s1{-webkit-animation:wave 0.66s linear infinite;animation:wave 0.66s linear infinite;}
.comtop .active .s2{-webkit-animation:wave 0.8s linear infinite;animation:wave 0.8s linear infinite;}
.comtop .active .s3{-webkit-animation:wave 0.7s linear infinite;animation:wave 0.7s linear infinite;}
.comtop .active .s4{-webkit-animation:wave 0.5s linear infinite;animation:wave 0.5s linear infinite;}
.comtop .active .s5{-webkit-animation:wave 0.9s linear infinite;animation:wave 0.9s linear infinite;}
 @-webkit-keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}
@keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}
/**分享**/
.btnShare{ width: 192px; height: 43px; position: absolute;   bottom: 0px;z-index: 98;}
.btnShare a{ display: inline-block; width: 40px; height: 44px; margin: 0;   position: relative;text-align: center; /*transition:all .4s; -webkit-transition: all .4s;*/}
/* .btnShare a:hover{ transform:translateY(-10px); -webkit-transform: translateY(-10px);} */
/* .btnShare .wxin{  } */
.btnShare .txt{font-size: 14px;color: #fff;width: 100%;text-align: center;line-height: 30px;position: absolute;top: 170px;}
 
.btnShare .wbo span{left: -88px; }
.btnShare .qq span{left: -44px;}
.btnShare .tap span{ left: -132px;}
.btnShare a span{ display: none; width:192px; height: 206px; position: absolute; left: 0; top: -205px;}
.btnShare a.on span{display: block;}
.btnShare a img{width: 150px;height: 150px;margin:20px auto 0;}
.sharebox{ position: fixed;z-index: 99;width: 192px;height: 249px;top: 400px;transition:left 1s; -webkit-transition: left 1s;left: -192px;}
.sharebox .con{background: url(../images/sharebox.png) no-repeat;position: absolute;width: 192px;height: 249px;}
.sharebox .qrimg{width: 278px;height: 340px;background: url(../images/qrimg.png) no-repeat;position: absolute;top: -150px;left: -40px;}
.sharebox .arrow{width: 12px;height: 10px;background: url(../images/arrow.png) no-repeat;position: absolute;left: 50%;margin: 0 0 0 -4px;top: -10px;display: none;}
.sharebox a.on .arrow{display: block;}
.sharebox .btn{width: 25px;height: 65px;background: url(../images/siderbtn.png) no-repeat;position: absolute;right: -25px;top: 20px;cursor: pointer;}
.sharebox.on{left: 0;}
.btnPlay {
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
        margin: 93px 0 0 416px;
     z-index: 10;
}

 
.btnPlay::after{ content: ''; width: 74px; height: 72px; position: absolute; left: 0; top:0; background:url(../images/play-circle.png) no-repeat center top; background-size: 100%; animation:rcircle 4s linear 0s infinite; -webkit-animation: rcircle 4s linear 0s infinite
}
.btnPlay::before{ content: ''; border-left: 20px solid #fff; border-top:16px solid transparent; border-bottom: 16px solid transparent; position: absolute; left: 32px; top:20px; }
@-webkit-keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes fcircle{
    0%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes fcircle{
    0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
    100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes fadeInlr{
    0%{ -webkit-transform:translateX(-20px);transform:translateX(-20px)}
    50%{ -webkit-transform:translateX(10px);transform:translateX(10px)}
    100%{ -webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeInlr{
    0%{ -webkit-transform:translateX(-20px);transform:translateX(-20px)}
    50%{ -webkit-transform:translateX(10px);transform:translateX(10px)}
    100%{ -webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
.up{width: 31px;height: 61px;background: url(../images/up.png) no-repeat;position: absolute;top:890px;left: 50%;margin: 0 0 0 -15px;animation:fadeInUps .7s ease-in-out .2s both,pageDown 3s linear 0.9s infinite; -webkit-animation: fadeInUps .7s ease-in-out .2s both,pageDown 3s linear 0.9s infinite}
 @-webkit-keyframes fadeInUps{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUps{
    0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
 @-webkit-keyframes fadeIn {
    0%{opacity:0;-webkit-transform:translateX(-120px);transform:translateX(-120px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeIn {
    0%{opacity:0;-webkit-transform:translateX(-120px);-ms-transform:translateX(-120px);transform:translateX(-120px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
} 
 @-webkit-keyframes fadeInR {
    0%{opacity:0;-webkit-transform:translateX(120px);transform:translateX(120px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInR {
    0%{opacity:0;-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}    
@-webkit-keyframes pageDown{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    50%{-transform:translateY(12px);transform:translateY(12px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes pageDown{
    0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    50%{-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.btnyy {width: 276px; height: 76px; position: absolute; right: 50%; margin-right: -587px; background: url(../images/btnyy.png) no-repeat center top; top:780px; text-align: center; line-height: 296px; cursor: pointer; z-index: 20;}
 .active2{animation:fadeInlr 5.7s ease-in-out  infinite; -webkit-animation: fadeInlr 5.7s  linear  infinite}
 .page1 .tit{margin: 40px 0 0 0;}
.tit{width:100%;height: 80px;width: 100%;text-align: center;top: 50px;position: relative;z-index: 3;text-align: center;}
.tit img{margin: 0 auto 0;}
.vgif{    
    width: 245px;
    height: 138px;
    position: absolute;
    left: 50%;
    margin-left: 320px;
    top: 525px;
    background: url(https://webdownload.wmupd.com/webdownload/client/mhxzx_gwgif_2020121002.gif) no-repeat center top;
    background-size: 100% auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;}
.page1{width: 1337px; height: 980px;position: relative;margin: -60px auto 0;overflow: hidden;}
.page2{width: 100%; height: 1074px;position: relative;margin: 0 auto 0;}
.page3{width: 1337px; height: 1000px;position: relative;margin: 0 auto 0;}
.page4{width: 1377px; height: 1140px;position: relative;margin: 0 auto 0;overflow: hidden;}
.bn_slide {width: 100%; height: 365px;}
.bn_slide a{ display: block;border: 1px solid #97b0da;  overflow: hidden; width: 100%; height: 365px; position: relative; border-radius: 2px; -webkit-border-radius: 2px; position: absolute; left:0; top:0; opacity: 0; filter:alpha(opacity=0); z-index: 1}
.bn_slide img{transition:all .4s; -webkit-transition: all .4s;}
.bn_slide a:hover img{ transform:scale(1.06); -webkit-transform: scale(1.06); }
.bn_slide a::before{ content: ''; border-radius: 2px; -webkit-border-radius: 2px; position: absolute; width: 100%; height: 100%; left: 0; top:0;z-index: 2}
.bn_slide img{ width: auto; height: 100%; position: absolute;  }
.news-btn{ position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; text-align: center;}
.news-btn span{ display: inline-block; width: 10px; height: 10px; border-radius: 9px; -webkit-border-radius: 9px; background-color: #97b0da; cursor: pointer; margin: 0 4px; transition:all .4s; -webkit-transition: all .4s;}
.news-btn span.on{ width: 56px;}
.m2-cont{ width: 100%; height: 850px; position: absolute; left: 0;margin: 70px auto 0;  }
.m2-news{width:1200px; max-width: 1337px; height: 462px; position: relative; background: url(../images/news-cont.jpg) no-repeat  left center;transform:translateX(-52%); left: 50%;}
.m2-news::before{ content: ''; width: 60px; height: 481px; position: absolute; left: -50px;top:-10px; background: url(../images/news-left.png) no-repeat center top;}
.m2-news::after{ content: ''; width: 60px; height: 481px; position: absolute; right: -50px; top:-10px; background: url(../images/news-right.png) no-repeat center top;}
.news-thumb{ height: 414px; width:48%; position: absolute; left: 15px; top:32px;}
.news-list{ width: 48%; position: relative; height: 400px; overflow: hidden; text-align: left; padding-top: 24px;}
.news-list .newstab{ height: 40px; line-height: 40px; color: #47496a; font-size: 20px; margin-bottom: 20px;}
.newstab span{ position: relative; display: inline-block; padding: 0 18px; text-align: center; cursor: pointer; }
.newstab span.on{background: url(../images/news-tab.png) no-repeat; color: #fff;}
.newstab span:last-child.on{background: url(../images/news-tab1.png) no-repeat;}
.news-body { display: none;}
.news-body .more{ display: inline-block; width: 34px; height: 34px; background: url(../images/main-icon.png) no-repeat -3px -268px; position: absolute; right: 12px; top:30px; z-index: 9; -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.news-body .more:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.btnview{width: 158px;height: 43px;background: url(../images/btnview.png) no-repeat 0 0;position: absolute; z-index: 2;left: 50%;top: 50%;margin: 0px 0 0 -79px; display: none}
.newshot{background: url(../images/hotbg.png) no-repeat 0 0; height: 96px;}
.newshotText{padding: 10px 16px 0 108px; height: 64px; color: #47496a;}
.newshotText strong{display: block; font-size: 21px; padding-bottom: 5px; width: 100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newshotText strong a{color: #47496a;}
.newshotText span{display: block; width: 100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newshotLine img{display: block; width: 98%;}

.newsListBox{padding: 0 3% 0 3%;}
.newsListBox p{height: 60px; line-height: 50px; font-size: 16px; color: #6a6a6a;}
.newsListBox p a{color: #6a6a6a;}
.newsListBox p a:hover{color: #47496a;}
.newsListBox p span{float: right; font-size: 18px; color: #b1b3b5;}

.news-body ul{ padding-right: 44px;}
.news-body li{ position: relative; margin-bottom: 6px; height: 54px;overflow: hidden; }
.news-body li a{ display: block;}
.news-body li h3{ float: left; padding-left: 10px; padding-right: 80px; color: #41447b; font-size: 20px;display: block; width: 100%; font-weight: normal;}
.news-body li p{ float: left; padding-left: 10px; padding-right: 80px; color: #c5bfbe; font-size: 16px; max-height: 44px; overflow: hidden; margin-top: 4px; line-height: 24px;}
.news-body li .time{height: 66px; color: #97b0da; font-size: 18px; position: absolute; right: 0px; top:4px; word-break: break-word;word-wrap:break-word;}

.news-hot{ height: 44px; background: url(../images/newshot.jpg) no-repeat 0 0; position: relative; width: 243px;margin: 40px 0 0 0;
    }
.me-hot ul{  width:100%; margin: 0px auto 0;}
.me-hot li{float: left; position: relative; width: 24%; display: block; margin-right: 1%; max-height: 184px; padding: 44px 0 0 0;}
.me-hot li .tit{height: 44px; background: url(../images/newstit.jpg) no-repeat 0 0; position: absolute; width: 0px;top:-40px;color: #e2887d;line-height: 44px;font-size: 18px;overflow: hidden; transition:width .2s; -webkit-transition: width .2s;}
.me-hot li img{height: 100%; width: auto;position: absolute; left: 50%; margin-left: -158px; top:0;transition:all .4s ease; -webkit-transition: all .4s ease;  }
.me-hot li a{ display:block; position: relative; overflow: hidden; height: 184px;}
.me-hot li a::before{ content: ''; width: 96%; max-width: 406px; height: 96%; border: 1px solid #7d99be; position: absolute; left: 50%; top:50%;transform:translate(-50%,-50%); -webkit-transform: (-50%,-50%); z-index: 2;}
.me-hot li:hover a img{ -webkit-transform:scale(1.08);transform:scale(1.08); }
.me-hot li:hover .tit{display: block;width: 280px;}
.me-hot li:hover .btnview{display: block;}
.hottit{height: 22px;width: 100%;background: url(../images/hottit.png) no-repeat center top;margin: 20px auto;}
.info{width: 960px;height: 128px;margin: 50px auto 0;background: url(../images/info.png) no-repeat center top;position: relative;z-index: 1;}
.newsimg{width: 647px;height: 375px;background: url(../images/newsimgbg.png) no-repeat;position: absolute;z-index: 1;left: 9px;top: 28px;}
 
.m3-cont{ width: 100%; height: 714px; position: relative;  margin: 0 auto;}
 
.m3-cont ul{ position: relative; width: 100%; height: 600px;}
.m3-cont ul img{ width: 100%; transition:all .4s; -webkit-transition: all .4s}
.m3-cont li:hover img{ transform:scale(1.06); -webkit-transform: scale(1.06)}
.m3-cont li{ position: absolute;}
.m3-cont li a{ display:block;}
.m3-cont .role1{ width: 414px; left:0; top:148px;}
.m3-cont .role2{ width: 402px; left: 35%; top:26px;}
.m3-cont .role3{ width: 407px; left: 70%; top:188px;}
.cirle{width: 919px;height: 919px;position: absolute;left: 50%;margin: -150px 0 0 -459px;z-index: 0;}
.rotate-flower{ position: absolute; top: 50%; left: 50%; margin: -447px 0 0 -447px; width: 895px; height: 895px; animation:rcircle 40s linear 0s infinite; -webkit-animation:rcircle 40s linear 0s infinite
}
.rotate-flower2{ position: absolute; top: 50%; left: 50%;  margin: -447px 0 0 -447px;width: 895px; height: 895px; animation:fcircle 40s linear 0s infinite; -webkit-animation:fcircle 40s linear 0s infinite
}

.m4-cont{ width: 100%; height: 564px;   margin-top: 20px ;}
.m4-cont .mleft{ width: 48.40%; height:560px; overflow: hidden; position: relative; text-align: left; margin-left: 5.510416%}
.m4-cont .vbox{ width: 635px; height: 355px; background-color: #000; overflow: hidden; position: relative;}
.m4-cont .tit3{ margin-bottom: 10px; display:block;}
.m4-cont video{ position: absolute; left: 50%; top:50%; width: 100%; height: auto; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.m4-cont .v-btn{ position: relative; text-align: center; width: 100%; height: 38px; z-index: 3; display: none;}
.m4-cont .v-btn span{ display: inline-block; width: 18px; height: 18px; border-radius: 9px; -webkit-border-radius: 9px; background: #97b0da; line-height: 18px;  margin: 0 4px;margin-top: 20px; cursor: pointer; transition:all .4s; -webkit-transition: all .4s;}
.m4-cont .v-btn .on{ width: 50px;}
.m4-cont .music { width: 32.903225%; height: 532px; text-align: left; margin-left: 04.16666%; position: relative;}
.m4-cont .tit4{ display:block; margin-bottom: 10px;}
.m4-cont .audio-box{ width: 100%; height: 260px; background: url(../images/music-bg.png) no-repeat center center; position: relative;}
/* #myaudio{ opacity: 0; -webkit-filter:alpha(opacity=0);}  */
.m4-cont .audio-img{ position: absolute; width: 220px; height: 212px; left: 50%; margin-left: -110px; top:16px;}
.m4-cont .mbtn{ display: inline-block; width: 60px; height: 60px; position: absolute; background: url(../images/main-icon.png) no-repeat center top; top:50%; transform:translateY(-60%); -webkit-transform: translateY(-60%); cursor: pointer;}
.m4-cont .m-prev{ background-position: 0 -191px; left: 0}
.m4-cont .m-next{ background-position: -64px -191px; right: 0}
.m4-cont .ul-song{ width: 100%; height: 192px;display: none; }
.m4-cont .ul-song li{ display: none;}
.m4-cont .btnMore{ display: inline-block; color: #99aacd; font-size: 20px; position: absolute; right: 0; top:20px; padding-right: 30px; background: url(../images/refresh.png) no-repeat right center; cursor: pointer; }
.m4-cont .row {height: 40px; line-height: 40px; color: #4e4973; font-size: 16px; margin-top: 10px; position: relative; cursor: pointer;}
.m4-cont .row span{ display: block; float: left; margin-right: 10px; height: 40px; overflow: hidden;}
.m4-cont .row.on{ color: #3a4fa0;}
.m4-cont .row::before{ content: ''; width: 28px; height: 28px; position: absolute; left: 10px; top:6px; }
.m4-cont .row.on::before{background: url(../images/main-icon.png) no-repeat -53px -267px;}
.m4-cont .col1{ width: 34%; padding-left: 50px;}
.m4-cont .col2{ width: 36%;}
.m4-cont .col3{ width: 10%;}
.m4-cont .m-swift{ display: inline-block; width: 67px; height: 66px; position: absolute; left: 50%; margin: 0 0 0 -30px;  z-index: 3; top:88px; cursor: pointer;background: url(../images/mp3_pause.png) no-repeat center center; background-size: 99% 99%;}
.m4-cont .m-swift.off{ background: url(../images/main-icon.png) no-repeat -5px -444px;}
.m4-cont .audio-img.active{ animation: rcircle 10s linear 0s infinite; -webkit-animation:rcircle 10s linear 0s infinite;}

.m4-cont .vplay{ display:block; width: 100%; height: 100%; overflow: hidden; /*background: url(../images/v-img.jpg) no-repeat center center; */position: absolute; left: 50%; margin-left: -50%; top:0; z-index: 9}
.m4-cont .vplay::before{content: '';width: 67px;height: 66px;position: absolute; left: 50%; margin: -33px 0 0 -33px; background: url(../images/main-icon.png) no-repeat -5px -444px; top:50%; z-index: 2}
.m4-cont .vplay img{ position: absolute; left: 0; top:0; height: auto; margin-left: 0; width: 100%;}

.m4-bot{ width: 100%; height: 327px; float: left; margin-left: 5.510416%; background: url(../images/newby.png) no-repeat center top; max-width: 1336px;  background-size: 100% 327px; position: relative;}


.m4-bot li{ width: 100%; display: none;}
.m4-bot .rows-1{ margin-top: 94px;}
.m4-bot li a{ display: inline-block; width: 24%; height: 204px; overflow: hidden; position: relative; margin: 0 3px;}
.m4-bot li img{ width: auto; height: 204px; display: block; margin: 0 auto;position: absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); top:0; transition:all .4s; -webkit-transition:all .4s;}
.m4-bot li a:hover img{ transform:scale(l.06) translateX(-50%); -webkit-transform:scale(1.06) translateX(-50%);}
.m4-bot li a::before{ content: ''; width: 96%; height: 96%; border: 1px solid #6082b6; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index: 2}
.m4-bot a:hover img{ -webkit-transform:scale(1.06);transform:scale(1.06); transform:translateX(-50%); -webkit-transform:translateX(-50%);}

.ewmBox{width: 1200px; margin: 50px auto 0; text-align: center;}
.ewmBox li{display: inline-block; width: 210px; height: 210px; vertical-align: top;}
.ewmImg{height: 140px;}
.ewmImg img{display: block; width: 119px; height: 119px; border: 4px solid #5b708d; margin: 0 auto;}
.ewmName{height: 42px;}
.ewmName span{display: block; width: 126px; height: 26px; border-bottom: 1px solid #5b6d81; text-align: center; margin: 0 auto; font-size: 16px; color: #5b708d;}
.ewmText{text-align: center; font-size: 14px; color: #5779a9;}
.ewmText span{color: #5b6d81;}
.ewmText strong{display: inline-block; border: 1px solid #5779a9; color: #5779a9; width: 70px; height: 20px; line-height: 20px; border-radius: 5px; margin-left: 10px;}

/*audio*/
.audiobox{width: 635px;height:356px;background: #fff;overflow: hidden;text-align: center;}
.audioimg{width: 552px;height: 224px;overflow: hidden;margin: 14px auto 0;}
.audioimg img{width: 100%;}
#progress{width:552px;height: 5px;  background-color:#8e8e8e;cursor: pointer;margin: 0px auto 0;position: relative;vertical-align: top;}
 
/* chrome  显示进度条当前的值的背景颜色 */
#progress::-webkit-progress-value{ background: #dd7f65; }
.m4-cont .music b{	
	display : none;
	width : 30px;
	height : 20px;
	position : absolute;
	bottom : 45px;
	left: 140px;
	background : #9c8b8b;
	border-radius: 3px;
	font-size : 12px;
	font-weight : 700;
	text-align:center;
	
}
.play{width: 65px;height: 65px;background: url(../images/play.png) no-repeat;position: absolute;left: 50%;margin: 0 0 0 -32px;cursor: pointer; z-index: 2;}
.play.pause{width: 65px;height: 65px;background: url(../images/pause.png) no-repeat; position: absolute;left: 50%;margin: 0 0 0 -32px;cursor: pointer;}
.audioinfo{width: 552px;height: 30px;line-height: 30px;font-size: 16px;color: #000;text-align: center;margin: 0 auto;}
.audioinfo .start{width: 10%;float: left;font-size: 12px; }
.audioinfo .end{width: 10%;float: right;font-size: 12px; }
.audioinfo  .title{width: 80%;float: left;}
.playbox{width: 470px;height: 65px;margin: 0px auto 0;position: relative;}
.a_pre{width: 50px;height: 53px;background: url(../images/a_pre.png) no-repeat;float: left;margin: 0 0 0 50px;cursor: pointer; z-index: 2;position: relative;}
.a_next{width: 50px;height: 53px;background: url(../images/a_next.png) no-repeat;float: right;margin: 0 50px 0 0;cursor: pointer; z-index: 2;position: relative;}
/***视频***/
.prompt{ position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,.7); display: none;}
.popbox{ width: 800px; height: 450px; background-color: #000; position: relative; left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.close{ width: 35px; height: 34px; position: absolute; right: -45px; top:0; background: url(../images/close_1.png) no-repeat center top; cursor: pointer;}
.prompt-video video{ width: 960px; height: 528px; margin: 0 auto; position: absolute; left: 10px; top:10px;}
.prompt-video .popbox{ width: 980px; height: 550px; background: #3b5263;}
.prompt-video .close{ width: 88px; height: 88px; background: url(../images/close.png) no-repeat center top; right:-24px; top:-24px; z-index: 9;}

/**弹窗：分享**/
/* .prompt-share .popbox{ width:204px; height: 253px; background: url(../images/popshare.png) no-repeat center top;}
.prompt-share .close{ width: 58px; height: 58px; background: url(../images/close-s.png) no-repeat center top; top:230px; right: 74px;}
.prompt-share img{ width: 130px; height: 130px; border: 5px solid #fff; position: absolute; left: 50%; margin-left: -72px; top:78px;}
  */
/*.active .btnyy{animation:fadeInUp .7s ease-in-out .2s both; -webkit-animation: fadeInUp .7s ease-in-out .2s both}*/


/****视频弹窗******/
.prompt_rule .popbox{ width: 773px; height: 815px; background: url(../images/rule_box.png) no-repeat center center; }
.prompt_rule .close{ width: 95px; height: 95px; background: url(../images/close.png) no-repeat center center; right: 60px; top:86px;}
.prompt_rule p{ color: #fff; font-size: 18px; padding: 30px 150px 0 150px; line-height: 40px;}


/***footer***/
.footer{ position: fixed; font-size: 14px; color: #fff; right: 48px; bottom: 34px; z-index: 999; padding-left: 20px;  cursor: pointer;}
.footer::before{ content: ''; width: 14px; height: 14px; background: url(../images/f-cion.png) no-repeat left center; position: absolute; left: 0;
top:4px; transition: all .3s; -webkit-transition:all .3s;}
.footer.on{ color: #000; font-weight: normal; color:#fff;}
.footer.on::before{transform: rotate(180deg); -webkit-transfrom:rotate(180deg);}
.xxa_footer_box{  left: 0;  width: 100%;z-index: 998; }


/* 门派 */
.occupation{width: 100%;height: 905px;position: absolute;top: 80px;}
.occupation .swiper-container{height: 905px;}
.occupation .swiper-button-prev{width: 122px;height: 274px;background: url(../images/next.png) no-repeat;position: absolute;left: 0;outline: none; }
.occupation .swiper-button-next{width: 122px;height: 274px;background: url(../images/pre.png) no-repeat;position: absolute;right: 0;left: auto;outline: none;}
.occupation .navbox{width: 62px;height: 618px;position: absolute;right: 234px;top: 243px; z-index: 2;}
.occupation .navbox a{width: 62px;height: 62px;background: url(../images/occupation_nav.png) no-repeat;display: block;cursor: pointer;margin: 0 0 15px 0;}
.occupation .navbox a.on{background-position-x:-100px;}
.occupation .navbox a.qingyun{background-position-y: -538px;}
.occupation .navbox a.fanxiang{background-position-y: -461px;}
.occupation .navbox a.guiwang{background-position-y: -385px;}
.occupation .navbox a.wandu{background-position-y: -308px;}
.occupation .navbox a.tianyin{background-position-y: -230px;}
.occupation .navbox a.nanjiang{background-position-y: -153px;}
.occupation .navbox a.changsheng{background-position-y: -77px;}
.occupation .navbox a.hehuan{background-position-y: -0px;}
.occupation .s_con{width: 1100px;height: 905px;margin: 0 auto;position: relative;}
.person{width: 1280px;height: 905px;position: absolute;z-index: 1;margin: 0 0 0 -450px;}
.occupation  .info{width: 640px;height: 450px;position: absolute;z-index: 2;background: none;top: 110px;right: 0;opacity: 0;}
.occupation .qy{background: url(../images/qy_bg.jpg) center top no-repeat;}
.occupation .fx{background: url(../images/fx_bg.jpg) center top no-repeat;}
.occupation .gw{background: url(../images/gw_bg.jpg) center top no-repeat;}
.occupation .ty{background: url(../images/ty_bg.jpg) center top no-repeat;}
.occupation .hh{background: url(../images/hh_bg.jpg) center top no-repeat;}
.occupation .nj{background: url(../images/nj_bg.jpg) center top no-repeat;}
.occupation .cs{background: url(../images/cs_bg.jpg) center top no-repeat;}
.occupation .wd{background: url(../images/wd_bg.jpg) center top no-repeat;}
 .skill{width: 530px;height: 88px;position: absolute;bottom: 140px;left: 270px; z-index: 3;cursor: pointer;}
 .skill a{width: 63px;height: 88px;display: inline-block;margin: 0 20px 0 0;position: relative;}
 .skill a .text{display: none; padding: 0 10px; width: 320px;height: 96px;background: #fff;border: 3px solid #eaddc2;border-left: 3px solid #908162;border-right: 3px solid #908162;position: absolute;text-align: center;position: absolute;top: 100px;left: 50%;margin: 0 0 0 -160px;}
 .skill a:hover .text{display: block;}
 .skill a .text .tit{font-size: 28px;color: #908162;width: 100%;border-bottom: 1px solid #eaddc2;line-height: 40px;position: static;height: 40px;}
.skill a .text .txt{font-size: 16px;color: #908162;margin: 5px 0 0 0;}
 .qy .skill a{background: url(../images/qy_skill.png) no-repeat; }
.fx .skill a{background: url(../images/fx_skill.png) no-repeat; }
.gw .skill a{background: url(../images/gw_skill.png) no-repeat; }
.ty .skill a{background: url(../images/ty_skill.png) no-repeat; }
.hh .skill a{background: url(../images/hh_skill.png) no-repeat; }
.nj .skill a{background: url(../images/nj_skill.png) no-repeat; }
.cs .skill a{background: url(../images/cs_skill.png) no-repeat; }
.wd .skill a{background: url(../images/wd_skill.png) no-repeat; }
 .skill a.s2{background-position-x: -85px;}
.skill a.s3{background-position-x: -168px;}
.skill a.s4{background-position-x: -252px;}
.skill a.s5{background-position-x: -335px;}
.skill a.s6{background-position-x: -419px;}
.swiper-slide-active .person{animation:fadeIn 1s  linear forwards; -webkit-animation: fadeIn 1s   linear forwards}
.swiper-slide-active .info{animation:fadeInR 1s  linear forwards; -webkit-animation: fadeInR 1s   linear forwards}

.m4-cont .conbox{width:226px;height: 530px;overflow: hidden;float: left;position: relative;margin: 50px auto 0 ;transition: width 1s;
-moz-transition: width 1s; /* Firefox 4 */
-webkit-transition: width 1s; /* Safari 和 Chrome */
-o-transition: width 1s; /* Opera */}
.m4-cont .conbox.on{width:900px;}
.m4-cont .conbox .btn{width: 226px;float: left;height: 530px;cursor: pointer;}
.m4-cont .conbox .btn.gsz{background: url(../images/gsz.png) no-repeat;}
.m4-cont .conbox.on .btn.gsz{background: url(../images/gsz2.png) no-repeat;}
.m4-cont .conbox .btn.mzy{background: url(../images/mzy.png) no-repeat;}
.m4-cont .conbox.on .btn.mzy{background: url(../images/mzy2.png) no-repeat;}
.m4-cont .conbox .btn.zhm{background: url(../images/zhm.png) no-repeat;}
.m4-cont .conbox.on .btn.zhm{background: url(../images/zhm2.png) no-repeat;}
.m4-cont .conbox .right{width: 670px;height: 440px;position: absolute;left: 230px;background: url(../images/boxbg.png) no-repeat;top: 40px;padding:10px 14px;}
.m4-cont .conbox .btnshow{ width: 61px;height: 25px;background: url(../images/btnshow.png) no-repeat;position: absolute;bottom: 150px;left: 95px}
.m4-cont .conbox.on .btnshow{display: none}
.corrugation{width: 468px;height: 48px;background: url(../images/corrugation.png) no-repeat;position: absolute;left: 50%;margin: 0 0 0 -234px; z-index: 1;}
.corrugation video{width: 468px;height: 48px;}
.appreciate{width: 1350px;height: 477px;background: url(../images/appreciate.png) no-repeat;}
 .swiper-container {
      width: 100%;
      height: 100%;
      position: relative; top: 70px; 
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
    
      /* Center slide text vertically */
      /* display: -webkit-box;
      display: -ms-flexbox; */
      /* display: -webkit-flex; */
      /* display: flex; */
      /* -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; */
    }
 

.appreciate .swiper-container {
	padding-bottom: 60px;
}

.appreciate  .swiper-slide {
	width: 576px;
	height: 360px;
	 
	/* box-shadow: 0 8px 30px #ddd;overflow: hidden; */
}
.appreciate  .swiper-slide .img{
    width: 100%;
    height: 324px;
    overflow: hidden;
    display:block; 
    display: block;
    clear: both;
}
.appreciate  .swiper-slide .img img{width: 100%;}
.appreciate  .swiper-slide p {
     width: 164px;display: block;
     clear: both;
     height: 32px;
     margin: 10px auto 0;
	padding-top: 0;
	text-align: center;
	font-size: 20px;line-height: 32px;
	 color: #364676;
 display: none;
    background: url(../images/name.png) no-repeat;
}

.appreciate .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

/* .appreciate .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.appreciate .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
} */
.appreciate .swiper-slide-active p{
    display: block;
}
.appreciate .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../images/wm_button_icon.png) no-repeat; */
	background-position: 0 0;
	background-size: 100%;
}

.appreciate .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

.appreciate .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	/* background: url(../images/wm_button_icon.png) no-repeat; */
	background-position: 0 -93px;
	background-size: 100%;
}

.appreciate .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
.imgnext{width: 125px;height: 96px;background: url(../images/you.png) no-repeat;position: absolute;top: 130px;right: 200px;z-index: 4;cursor: pointer;}
.imgprev{width: 125px;height: 96px;background: url(../images/zuo.png) no-repeat;position: absolute;top: 130px;left: 200px;z-index: 5;cursor: pointer;}

.viewbtn{width: 239px;height: 56px;background: url(../images/view.png) no-repeat;position: absolute;left: 50%;top: 50%;margin: 52px 0 0 -128px;display: block;cursor: pointer;}