html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,blockquote,fieldset,input,label{margin:0;padding:0}
html,body{font:normal normal 62.5% "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif;color:#333;height:auto;margin:0 auto;}
input,select,textarea{color:#222;font:normal normal 1.4rem "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif}
*{ box-sizing:border-box; font-size:1.4rem;}
fieldset,iframe{border:none}
ul,ol,li{list-style:none}
th{text-align:left}
img{border:none}
em,i{font-style:normal}
a{color:#444444;text-decoration:none;cursor:pointer;}
a:hover{color:#81d742;text-decoration:none;}
a:focus{outline:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
span,samp{ font-family:"微软雅黑";}

.O1{ font-family: Oswald;}
.O2{font-family: "思源黑体 CN";}
    @font-face{
        font-family:  'Oswald';
        src: url(../fonts/Oswald-Regular.ttf);
    }
    @font-face{
        font-family:  '思源黑体 CN';
        src: url(../fonts/HeroicCondensed-Regular.otf);
    }
.O3{font-weight: bold}

/*字体大小*/
.zt12{font-size:1.2rem;}
.zt14{font-size:1.4rem;}
.zt16{font-size:1.6rem;}
.zt18{font-size:1.8rem;}
/*颜色*/
.s1{ color:#ea0101;}
.grey{color:#6b6b6b;}
.green{color:#06c1ae;}
.yellow01{color:#ffaf24;}
.yellow02{color:#ff5924;}
.white{color:#fff;}
.b,.fw{font-weight:700;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
/* other */
.hide{display:none;}
.nodata{text-align:left;padding-left:15px;}
p.nodata{font-size:12px;margin:35px auto;text-align:center;color:#666;}
.entitle{font-size:11px;font-weight:400;}
#imgplayer{text-align:center;margin:15px auto;}
.yc a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
/* clearfix */
.clear{clear:both;width:100%;height:0;overflow:hidden;}
.clearb{clear:both;display:block;margin:0;padding:0;height:10px;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
/* form */
*:focus{outline:none;}
select {padding:1px;font-size:12px;}
textarea {width:88%;padding:2px;line-height:16px;overflow:auto;}
button {cursor:pointer;}
@media (min-width: 1200px) {
    .container{width: 1200px; padding: 0;}
}
.row{padding: 0;margin: 0;}
.nh_zt_dx{text-transform:uppercase}
.nh_zt_60{font-size: 60px; display: block; color: #FFFFFF;}
.nh_zt_48{font-size: 48px; display: block; color: #FFFFFF;}
.nh_zt_36{font-size: 36px; display: block; color: #FFFFFF;}
.nh_zt_30{font-size: 30px; display: block; color: #FFFFFF;}
.nh_zt_24{font-size: 24px; display: block; color: #FFFFFF;}

.nh_margin_5{margin-bottom: 5px}
.nh_margin_10{margin-bottom: 10px}
.nh_margin_20{margin-bottom: 20px}
.nh_margin_30{margin-bottom: 30px}
.nh_margin_40{margin-bottom: 40px}


.nh_ztbj_1{letter-spacing: 1px}
.nh_ztbj_2{letter-spacing: 2px}
.nh_ztbj_3{letter-spacing: 3px}
.nh_ztbj_4{letter-spacing: 4px}
.nh_ztbj_5{letter-spacing: 5px}
.display_inlin{display: inline-block}
.nh_font-weight{font-weight: bold}


/*自适应模块*/
.nh_mode_top{ display: block; text-align: center;}
.nh_mode_bottom{ display: block; text-align: center; }
.nh_mode_img{position: relative; display: block;}

.nh_mode_imgLeft{display: block; position: relative}
.nh_mode_imgLeft img{display: block}

.nh_mode_ztRight{margin-top: 0px; float: right; position: relative; z-index: 3;}
.nh_mode_ztLeft{margin-top: 0px; float: left; position: relative; z-index: 3;}

.nh_mode_imgRight{display: block; position: relative}
.nh_mode_imgRight img{display: block}

/*自适应模块 End*/


/*切换模块*/
.con_qh_a{position: absolute; top: 100px;}
.con_qh_a h2{font-size: 24px; color: #000; margin-bottom: 20px; font-weight: bold}
.con_qh_a ul li{display: inline-block; padding: 5px 10px; background: #FFFFFF; color: #84329b; margin-right: 10px; cursor: pointer; }
.con_qh_a ul li span{ color: #84329b; }
.con_qh_a ul li:hover{background: #84329b}
.con_qh_a ul li:hover span{color: #FFFFFF}
.background_color{background: #84329b!important;}
.font_color{color: #FFFFFF!important}
.none{display: none;}
.block{display: block; }

/*切换模块 End*/

/*代码区*/

.con1{width: 100%; height: 1072px; background: url("../images/bg01.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative }
.con2{width: 100%; height: 795px; background: url("../images/bg02.jpg") no-repeat center bottom; background-size: cover; overflow: hidden; position: relative }
.con3{width: 100%; height: 744px; background: url("../images/bg03.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative }

.con4{width: 100%; height: 641px; background: url("../images/bg04.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative }


.con5{width: 100%; height: 719px; background: url("../images/bg05.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative }

.con6{width: 100%; height: 766px; background: url("../images/bg06.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative }

.con8{width: 100%; height: 745px; background: url("../images/bg08.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative }

.con9{width: 100%; height: 860px; background: #2e2d2d; background-size: cover; overflow: hidden; position: relative }

.con1 .con1_zt,.con2 .con2_zt,.con3 .con3_zt,.con4 .con4_zt,.con5 .con5_zt,.con6 .con6_zt,.con7 .con7_zt,.con8 .con8_zt,.con9 .con9_zt,.con10 .con10_zt
,.con11 .con11_zt,.con12 .con12_zt,.con13 .con13_zt,.con14 .con14_zt,.con15 .con15_zt,.con16 .con16_zt,.con17 .con17_zt,.con18 .con18_zt,.con19 .con19_zt,.con20 .con20_zt {
    display: block; position: relative;
}

/* 代码区 End*/

.con1_zt .nh_mode_bottom img{
    -webkit-animation:rotate1  15s infinite;
    -moz-animation:rotate1  15s infinite;
    -ms-animation:rotate1  15s infinite;
    animation:rotate1  15s infinite;
}
.con2{
    -webkit-animation:rotate1  15s infinite;
    -moz-animation:rotate1  15s infinite;
    -ms-animation:rotate1  15s infinite;
    animation:rotate1  15s infinite;
}
.con6{
    -webkit-animation:rotate1  15s infinite;
    -moz-animation:rotate1  15s infinite;
    -ms-animation:rotate1  15s infinite;
    animation:rotate1  15s infinite;
}
@-webkit-keyframes rotate1 {
    0%	{-webkit-filter:hue-rotate(0) }
    100%	{-webkit-filter:hue-rotate(720deg) }
}

.con1{animation:mymove 20s infinite}
@keyframes mymove{
    0%{
        transform: scale(1)
    }
    25%{
        transform: scale(1.05)
    }
    50%{
        transform: scale(1)
    }
    75%{
        transform: scale(1.05)
    }
    100%{
        transform: scale(1)
    }
}


.con1_zt{ margin-top: 140px;}
.con1_zt .nh_mode_top{ text-align: left;}

.con1_zt .nh_mode_bottom{width: 100%; margin: 0px auto; padding-top: 80px;}
.con1_zt .nh_mode_bottom img{width: 60%;}

.con2_zt{width: 50%; float: right; padding: 20px; background: rgba(0,0,0,0.5); margin-top: 200px;}

.con3_zt{margin-top: 200px;}
.con3_zt .nh_mode_ztLeft{width: 50%; float: left;}
.con3_zt .nh_mode_imgRight{width: 50%; float: right}
.con3_zt .nh_mode_imgRight img{width: 100%; display: block; padding-top: 20px;}

.con4 img{width: 100%;}
.con7 img{width: 100%;}

.con5_zt{margin-top: 150px;}
.con5_zt .nh_mode_imgLeft{width: 50%; float: left}
.con5_zt .nh_mode_imgLeft img{width: 100%; display: block; padding-top: 20px;}
.con5_zt .nh_mode_ztRight{width: 40%;float: right}


.con6_zt{margin-top: 200px;}
.con6_zt .nh_mode_ztLeft{width: 50%; float: left;}
.con6_zt .nh_mode_imgRight{width: 45%; float: right}
.con6_zt .nh_mode_imgRight img{width: 100%; display: block; padding-top: 20px;}



.con8_zt{width: 50%; float: right; padding: 20px;  margin-top: 200px;}


.con9_zt{margin-top: 150px;}
.con9_zt .nh_mode_imgLeft{width: 50%; float: left}
.con9_zt .nh_mode_imgLeft img{width: 100%; display: block; padding-top: 20px;}
.con9_zt .nh_mode_ztRight{width: 40%;float: right;padding-top: 80px;}




.section0402{position: relative; height: 600px;}
.section0402 .bImgB02 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_01.png") no-repeat center center;
    animation: efMvoe03 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 20;
}
.section0402 .bImgB03 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_02.png") no-repeat center center;
    animation: efMvoe04 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 19;
}
.section0402 .bImgB04 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_03.png") no-repeat center center;
    animation: efMvoe05 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 18;
}
.section0402 .bImgB05 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_04.png") no-repeat center center;
    animation: efMvoe06 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 17;
}
.section0402 .bImgB06 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_05.png") no-repeat center center;
    animation: efMvoe07 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 16;
}
.section0402 .bImgB07 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_06.png") no-repeat center center;
    animation: efMvoe08 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 15;
}
.section0402 .bImgB08 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_07.png") no-repeat center center;
    animation: efMvoe09 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 14;
}
.section0402 .bImgB09 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_08.png") no-repeat center center;
    animation: efMvoe10 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 13;
}
.section0402 .bImgB11 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_10.png") no-repeat center center;
    animation: efMvoe12 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 11;
}
.section0402 .bImgB12 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_11.png") no-repeat center center;
    animation: efMvoe13 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 10;
}

.section0402 .bImgB13 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_12.png") no-repeat center center;
    animation: efMvoe14 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 12;
}
.section0402 .bImgB14 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_13.png") no-repeat center center;
    animation: efMvoe15 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 8;
}
.section0402 .bImgB15 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_14.png") no-repeat center center;
    animation: efMvoe16 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 7;
}
.section0402 .bImgB16 {width: 100%;height: 100%;position: absolute;left: 0%; top: 75%; right: 0; margin: 0px auto; text-align: center; background: url("../images/boom/s_15.png") no-repeat center center;
    animation: efMvoe17 10s infinite ease;
    transform: translate(0%, -75%);
    z-index: 6;
}



@keyframes efMvoe03 {
    0% {transform: translate(0%, -75%);  }
    30% {transform: translate(-33%, -75%);}
    77% {transform: translate(-33%, -75%);}
    80% {transform: translate(0%, -75%); }
    100% {transform: translate(0%, -75%);}
}
@keyframes efMvoe04 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(-25%, -75%); }
    77% {transform: translate(-25%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe05 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(-18%, -75%); }
    77% {transform: translate(-18%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe06 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(-10%, -75%); }
    77% {transform: translate(-10%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe07 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(-10%, -75%); }
    77% {transform: translate(-10%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe08 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(0%, -75%); }
    77% {transform: translate(0%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe09 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(8%, -75%); }
    77% {transform: translate(8%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe10 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(13%, -75%); }
    77% {transform: translate(13%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@-webkit-keyframes efMvoe12 {
    0% {transform: translate(5%, -75%); }
    30% {transform: translate(20%, -75%);}
    77% {transform: translate(20%, -75%);}
    80% {transform: translate(5%, -75%); }
    100% {transform: translate(5%, -75%); }
}
@keyframes efMvoe13 {
    0% {transform: translate(0, -75%)}
    30% {transform: translate(25%, -75%); }
    77% {transform: translate(25%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@-webkit-keyframes efMvoe14 {
    0% {transform: translate(7.6%, -75%); z-index:9 }
    30% {transform: translate(30%, -75%);z-index: 9  }
    77% {transform: translate(30%, -75%); z-index: 9  }
    80% {transform: translate(7.6%, -75%); z-index: 12 }
    100% {transform: translate(7.6%, -75%); z-index: 12 }

}
@keyframes efMvoe15 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(39%, -75%); }
    77% {transform: translate(39%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}
@keyframes efMvoe16 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(41%, -75%); }
    77% {transform: translate(41%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}

@keyframes efMvoe17 {
    0% {transform: translate(0, -75%); }
    30% {transform: translate(45%, -75%); }
    77% {transform: translate(45%, -75%); }
    80% {transform: translate(0, -75%); }
    100% {transform: translate(0, -75%); }
}

@media (max-width: 992px) {
    .con1{height: 900px;}

    .con2_zt{width: 80%; }

    .con8_zt{width: 80%; }
}



@media (max-width: 700px) {
    .nh_zt_60{font-size: 36px;}
    .nh_zt_48{font-size: 24px;}
    .nh_zt_36{font-size: 20px;}
    .nh_zt_24{font-size: 16px;}
    .nh_margin_10{margin-bottom: 10px;}
    .nh_margin_20{margin-bottom: 10px;}
    .nh_margin_30{margin-bottom: 20px;}
    .nh_margin_40{margin-bottom: 20px}

    .con1{height: 650px;}
    .con1_zt{ margin-top: 50px;}

    .con2{height: 500px;}
    .con2_zt{margin: 100px auto 0 auto; float: none; display: block; }
    .con2_zt .nh_mode_ztRight{float: none}

    .con3{ height: 700px;}
    .con3_zt{margin-top: 90px;}
    .con3_zt .nh_mode_ztLeft{float: none; width: 100%; display: block;}
    .con3_zt .nh_mode_imgRight{float: none; width: 90%; display: block; margin: 0px auto;text-align: center; padding-top: 50px; }
    .con3_zt .nh_mode_imgRight img{width: 100%; margin: 0px auto; }

    .con5{ height: 600px;}
    .con5_zt{margin-top: 50px;}
    .con5_zt .nh_mode_ztRight{float: none; width: 100%; display: block;}
    .con5_zt .nh_mode_imgLeft{float: none; width: 90%; display: block; margin: 0px auto;text-align: center; padding-bottom: 50px;}
    .con5_zt .nh_mode_imgLeft img{width: 100%; margin: 0px auto; }


    .con6{ height: 700px;}
    .con6_zt{margin-top: 90px;}
    .con6_zt .nh_mode_ztLeft{float: none; width: 100%; display: block;}
    .con6_zt .nh_mode_imgRight{float: none; width: 90%; display: block; margin: 0px auto;text-align: center; padding-top: 50px; }
    .con6_zt .nh_mode_imgRight img{width: 80%; margin: 0px auto; }

    .con8{height: 500px;}
    .con8_zt{margin: 100px auto 0 auto; float: none; display: block; }
    .con8_zt .nh_mode_ztRight{float: none}

    .con9{ height: 600px;}
    .con9_zt{margin-top: 50px;}
    .con9_zt .nh_mode_ztRight{float: none; width: 100%; display: block; padding-top: 20px;}
    .con9_zt .nh_mode_imgLeft{float: none; width: 90%; display: block; margin: 0px auto;text-align: center; padding-bottom: 50px;}
    .con9_zt .nh_mode_imgLeft img{width: 80%; margin: 0px auto; }

}

@media (max-width: 600px) {
    .con1_zt .nh_mode_bottom{padding-top: 40px;}
    .con1{height: 650px;}
    .con1_zt .nh_mode_bottom img{width: 100%;}

    .con2{height: 400px;}
    .con2_zt{width: 100%; margin-top: 80px; }

    .con3{height: 600px;}
    .con5{ height: 500px;}
    .con6{height: 600px;}
    .con8{height: 400px;}
    .con8_zt{width: 100%; margin-top: 80px; }

    .con9{ height: 500px;}
}