.loading{background: url("../images/loading.gif") center center no-repeat;}

.banner {position: relative;width: 100%;height: 800px;overflow: hidden;background:#151642 url("../images/banner.jpg") center top no-repeat;}
.banner .zbanner{position: absolute;top: 0;left: 50%;margin: 0 0 0 -960px;width: 1920px;height: 800px;}
.banner  #root{position: relative; z-index: 1; display: block;width: 1920px;height: 800px; background: rgba(255,255,255,0); opacity: 0.1;}
.banner .bhd{position: absolute;z-index: 2; left: 50%;top: 0; width: 1200px; height: 800px; margin:0 0 0 -600px; background: url("../images/banner.png") center top no-repeat;}

.znav{ width: 100%; height: 90px;background: #ba8e64;}
.zfixed{position: fixed; z-index: 999; left: 0; top: 0;}
.znav li{float: left;}
.znav li a{position:relative;float:left;height:90px;padding:0 18px; overflow: hidden; font-size: 22px;line-height: 90px;color: #191b52;}
.znav li a i{position: relative; z-index: 2; font-style: normal;}
.znav li a:hover{background: #deb690\9;}
.znav li a:after{position: absolute;z-index: 1; content: ''; width: 200%; height: 0; top: 50%;left: 50%;background: #deb690;opacity: 0;transform: translateX(-50%) translateY(-50%) rotate(45deg);transition: all linear .3s;}
.znav li a:hover:after{height: 300%;opacity: 1;}

.zt-m{padding: 80px 0;}
.zhd{height: 120px;overflow: hidden; text-indent: -9999px;}

.m1{background: #191b52;}
.m1 .zhd{background: url("../images/zhd1.gif") center top no-repeat;}
.m1 .zbd{margin-top: 60px;}
.m1-focus{ float: left; width: 699px;height: 520px;padding: 9px;border: 1px solid #282a60;}
.m1-player{position: relative; width: 699px; height: 520px; overflow: hidden;}
.m1-player .bd li img{display: block;width: 699px;height: 520px;}
.m1-player .hd{position: absolute; z-index: 22; right: 10px; bottom: 10px;}
.m1-player .hd li{float: left; width: 15px; height: 15px; overflow: hidden; margin: 0 10px 0 0; cursor: pointer; text-indent: -9999px; border-radius: 50%; background: #d8d8fb;}
.m1-player .hd li.on{background: #efb576;}
.m1-player .tbg{position: absolute; z-index: 20; left:0; bottom:0;width: 100%;height: 90px;background: rgba(0,0,0,0.5);}
.m1-player .txt{position: absolute; z-index: 21; left:15px;bottom:15px; width: 669px; height: 60px; font-size: 18px; line-height: 24px; color: #b2b2de;}
.m1-news{float: right;width: 439px;height: 541px; overflow: hidden; background: url("../images/m1-news.gif") no-repeat;}
.m1-news ul{margin: 106px 0 0 0;}
.m1-news ul li{height: 60px; overflow: hidden; line-height: 60px;margin: 0 0 15px 170px;}
.m1-news ul li a{font-size: 18px; color: #adaedf; transition: all linear .3s;}
.m1-news ul li a:hover{color: #cb9465;}
.m1-row2{margin: 50px 0 0 0;}
.m1-row2 img{display: block}

.m2{ height: 1177px; overflow: hidden; background: url("../images/m2_bg.jpg") center top no-repeat;}
.m2 .zhd{background: url("../images/m2_hd.png") center top no-repeat;}
.m2 .row1{margin:50px 0 0 0;font-size: 18px;line-height: 30px;color: #adaedf;text-indent: 2em;}
.zj-focus{margin: 50px 0 0 0;}
.zj-focus .bd{position: relative; height: 800px; overflow: hidden;}
.zj-focus li{overflow: hidden;}
.zj-focus .item{float: left;width: 270px;height: 360px; margin: 0 40px 40px 0;text-align: center; font-size: 16px; line-height: 20px; color: #adaedf; background: url("../images/zj_bg.png") no-repeat;}
.zj-focus .item .photo{width: 170px;height: 170px;margin: 40px auto 0;}
.zj-focus .item .name{ padding: 20px 0; font-size: 18px; color: #cb9465; line-height: 20px;}
.zj-focus .item2 .name{padding-top:140px;}
.zj-focus .hd{text-align: center;}
.zj-focus .hd li{display: inline-block;width: 15px; height: 15px; overflow: hidden; margin: 0 10px 0 0; cursor: pointer; text-indent: -9999px; border-radius: 50%; background: #d8d8fb; *display: inline; *zoom:1;}
.zj-focus .hd li.on{background: #efb576;}

.m3{background: #191b52;}
.m3 .zhd{background: url("../images/m3_hd.gif") center top no-repeat;}
.m3 .row1{margin:50px 0 0 0;font-size: 18px;color: #adaedf; line-height: 30px; text-indent: 2em;}
.m3 .row2{margin: 50px 0 0 0;}
.m3 .col1{width: 700px;}
.m3 .col1 img{display: block; width: 700px; height: 410px;}
.m3 .col1 .sbox{height: 322px; padding: 15px; background: #0c0e43;font-size: 16px;line-height: 30px; color: #adaedf;}
.m3 .col1 .sbox strong{ font-size: 18px; color: #cb9465;font-weight: normal;}
.m3 .col1 .sbox .srow1{padding:0 0 15px 15px;}
.m3 .col1 .sbox .srow2{padding:15px 0 15px 75px;border-top: 1px dotted #242667;}
.m3 .col1 .sbox .srow2 strong{float: left;margin: 0 0 0 -60px;}
.m3 .col2{width: 490px;}
.m3 .col2 img{display: block;width: 490px; height: 760px;}

.m4{height: 1080px;padding-bottom: 0; overflow: hidden; background: url("../images/m4_bg.jpg") center top no-repeat;}
.m4 .zhd{background: url("../images/m4-hd.png") center top no-repeat;}
.m4 .row1{margin:50px 0 0 0; height: 60px; overflow: hidden; font-size: 18px;color: #adaedf; line-height: 30px; text-indent: 2em;}
.m4-tab{position: relative; margin: 50px 0 0 0; height: 800px;overflow: hidden; zoom:1;}
.m4-tab .bd{position: relative; z-index: 1; width: 735px;height: 476px;margin: 225px auto 0; overflow: hidden;}
.m4-tab .bd li{position: relative; width: 735px; height: 476px;}
.m4-tab .bd li img{display: block; width: 735px; height: 476px;}
.m4-tab .bd li p{position: absolute; left: 30px;bottom: 10px; width: 675px; height: 72px; font-size: 16px; line-height: 24px; color: #fff;}
.m4-tab .hd{position: absolute; left: 0; bottom: 0; z-index: 2; height: 800px; width: 1200px;}
.m4-tab .hd li{position: absolute;width: 171px; height: 171px;font-size: 18px;line-height: 24px; text-align: center; color: #adaedf; background: url("../images/m4_t.png") no-repeat; border-radius: 50%; overflow: hidden; cursor: pointer;}
.m4-tab .hd li p{padding: 50px 0 0 0;}
.m4-tab .hd li.on{color: #0c0e43; background: url("../images/m4_t2.png") no-repeat;}
.m4-tab .hd li.t1{left: 0px; bottom: 80px;}
.m4-tab .hd li.t2{left: 30px; bottom: 270px;}
.m4-tab .hd li.t3{left: 106px; bottom: 441px;}
.m4-tab .hd li.t4{left: 249px; bottom: 564px;}
.m4-tab .hd li.t5{left: 428px; bottom: 612px;}
.m4-tab .hd li.t6{left: 609px; bottom: 612px;}
.m4-tab .hd li.t7{right: 238px; bottom: 564px;}
.m4-tab .hd li.t8{right: 96px; bottom: 441px;}
.m4-tab .hd li.t9{right: 18px; bottom: 270px;}
.m4-tab .hd li.t10{right: 0; bottom: 80px;}
.m4-tab .hd li.t2 p{padding-top: 40px;}

.m5{background: #191b52;}
.m5 .zhd{background: url("../images/m5_hd.png") center top no-repeat;}
.m5 .row1{margin:50px 0 0 0; height: 90px; overflow: hidden; font-size: 18px;color: #adaedf; line-height: 30px; text-indent: 2em;}
.m5 .row2{margin:50px 0 0 0;}
.m5 .col1{width: 720px;}
.m5 .col1 .hd{margin: 0 0 20px 0;}
.m5 .col1 .hd li{float: left;width: 170px;height: 60px; margin: 0 13px 0 0; font-size: 18px;color: #adaedf; line-height: 60px; text-align: center; cursor: pointer; background: url("../images/m5_t.gif") no-repeat;}
.m5 .col1 .hd li.last{margin-right: 0;}
.m5 .col1 .hd li.on{ color: #191b52; background: url("../images/m5_t2.gif") no-repeat;}
.m5-tab .bd{position: relative; width: 720px;height: 470px; overflow: hidden;}
.m5-tab .focus{position: relative; width: 720px;height: 470px; overflow: hidden;}
.m5-tab .focus .fbd li{position: relative;width: 720px;height: 470px;}
.m5-tab .focus .fbd li img{display: block;width: 720px;height: 470px;}
.m5-tab .focus .fbd li p{position: absolute;left: 0; bottom: 0; padding:15px 20px; width: 680px; height: 72px; font-size: 16px; line-height: 24px; color: #fff; background: #191b52; background: rgba(25,27,82,0.5);}
.m5-tab .focus .fhd{position: absolute; right: 0px; bottom: 10px;}
.m5-tab .focus .fhd li{float:left;width: 15px; height: 15px; overflow: hidden; margin: 0 10px 0 0; cursor: pointer; text-indent: -9999px; border-radius: 50%; background: #d8d8fb;}
.m5-tab .focus .fhd li.on{background: #efb576;}


.m5 .row2 .col2{width: 439px;height: 549px;background: url("../images/m5-bg2.gif") no-repeat;}
.m5 .row2 .col2 .bd{ padding: 100px 30px 40px; font-size: 18px;color: #adaedf;line-height: 48px;}
.m5 .row2 .col2 .bd strong{color: #c28e63;font-weight: normal;}
.m5 .row2 .col2 .btn{padding: 0 30px; text-align: right;}
.m5 .row2 .col2 .btn a{display: inline-block;width: 225px;height: 45px; text-align: center; line-height: 45px; font-size: 18px; color: #191b52; background: url("../images/m6_btn.png") no-repeat;}

.m6{ height: 1303px; overflow: hidden; background: url("../images/m6_bg.jpg") center top no-repeat;}
.m6 .zhd{background: url("../images/m6_hd.png") center top no-repeat;}
.m6 .row1{margin:50px 0 0 0; height: 60px; overflow: hidden; font-size: 18px;color: #adaedf; line-height: 30px; text-indent: 2em;}
.m6 .time-line{margin:50px 0 0 0; }
.m6 .time-line .bd{position: relative; height: 744px; overflow: hidden;}
.m6 .time-line .bd img{display: block; width: 1200px; height: 744px;}
.m6 .time-line .hd{margin: 15px 0 0 0;}
.m6 .time-line .hd span{display: block;width: 225px; height: 45px; margin: 0 auto; text-align: center; line-height: 45px; font-size: 18px; color: #191b52; background: url("../images/m6_btn.png") no-repeat; cursor: pointer;}
.m6 .time-line .hd span.on{display: none;}
.m6 .jsfc{position: relative; height: 180px; overflow: hidden; margin: 60px 0 0 0;}
.m6 .jsfc li{float: left;width: 270px;height: 180px;margin: 0 10px 0 0;}
.m6 .jsfc li img{display: block;width: 270px;height: 180px;}

.m7{background: #191b52;}
.m7 .zhd{background: url("../images/m7_hd.gif") center top no-repeat;}
.m7 .row1{margin:50px 0 0 0; font-size: 18px;color: #adaedf; line-height: 30px; text-indent: 2em;}
.video{margin: 50px 0 0 0;}
.video .bd{ position: relative; height: 650px; overflow: hidden;}
.video .bd li{float: left; position: relative; width: 360px; height: 290px; margin: 0 60px 35px 0; text-align: center;}
.video .bd li.nomr{margin-right: 0;}
.video .bd li video{position: relative; z-index: 1; display: block; width: 360px; height: 203px; cursor: pointer; background: url("../images/loading.gif") center center no-repeat;}
.video .bd li span{position: absolute; z-index: 2; left: 0;top: 0; width: 360px; height: 203px;background: url("../images/video_btn.png") center center no-repeat; cursor: pointer; transition: all linear .3s;}
.video .bd li span:hover{opacity: 0.5;}
.video .bd li p{margin: 15px 0 0 0; font-size: 16px; color: #adaedf; line-height: 24px;}
.video .hd{text-align: center;}
.video .hd li{display: inline-block;width: 15px; height: 15px; overflow: hidden; margin: 0 10px 0 0; cursor: pointer; text-indent: -9999px; border-radius: 50%; background: #d8d8fb; *display: inline; *zoom:1;}
.video .hd li.on{background: #efb576;}

.m8{height: 500px; padding: 58px 0 76px 0; background: url("../images/m8_bg.jpg") center top no-repeat;}
.m8-1{height: 500px; background: url("../images/m8_1.png") no-repeat;}
.m8-1 .row1{width: 490px; padding: 170px 0 0 30px; font-size: 18px;color: #adaedf; line-height: 30px;}
.m8-1 .row1 p{margin-bottom: 30px;}
.m8-box{position: relative; height: 500px; overflow: hidden;}
.m8 .hd span{position: relative; z-index: 10; display: block;width: 225px; height: 45px;margin: -45px 0 0 115px; text-align: center; line-height: 45px; font-size: 18px; color: #191b52; background: url("../images/m6_btn.png") no-repeat; cursor: pointer;}
.m8 .hd span.on{display: none;}

.history{}
.history .chd{position: relative; width: 1200px; height: 77px; margin: 0 0 50px 0; background: url("../images/m8_line.gif") 0 71px repeat-x;}
.history .chd span{position: absolute; top: 66px; left: 0; width: 9px; height: 10px; background: url("../images/m8_left.png") center right no-repeat;cursor: pointer;}
.history .chd .cnext{ left: auto; right: 0; background: url("../images/m8_right.png") center left no-repeat;}
.history .hd-box{position: relative; width: 1100px; height: 77px; margin: 0 auto; overflow: hidden;}
.history .hd-box ul{position: absolute;left: 0; top: 0; width: 1820px;}
.history .hd-box li{float: left;width: 120px;height: 77px; margin: 0 20px 0 0; line-height: 40px; text-align: center; font-size: 18px;color: #9193c4; background: url("../images/m8_thd.png") no-repeat;cursor: pointer;}
.history .hd-box li.on{color: #191b52; background: url("../images/m8_thd2.png") no-repeat;}
.history .cbd{position: relative; height: 373px; overflow: hidden;}
.history .cbd li{float: left; width: 1200px;}
.history .info{float: left; width: 450px; font-size: 18px;color: #adaedf; line-height: 30px;}
.history .ls{float: right;width: 690px;}
.history .ls .photo{padding: 5px; background: rgba(255,255,255,0.1); background: #fff\9;}
.history .ls p{ margin: 20px 0 0 0; font-size: 24px; color: #c28e63; text-align: center;}

.irow4,.irow5{
    display: none;
}