article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
body{ background: #5f0000; }
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.pos{ position: absolute;}
.btn{ display: block;}
.main{ width: 1200px; margin: 0px auto; position: relative;}

.nav{ background: #000000; height: 100px; }
.nav .logo{ width: 500px; float: left; height: 100px; position: relative; font-size: 36px; color: #ffc000; padding-left: 75px; }
.nav .logo .icon{ width: 72px; height: 72px; position: absolute; display: block; top: 16px; left: 0px; }
.nav .logo p{ line-height: 100px; padding-left: 15px;}
.nav .btn{ width: 163px; height: 46px; position: absolute; top: 30px; right: 26px; background: url(../images/down.jpg) no-repeat center;}

.banner{  margin:0px auto; overflow: hidden; position: relative;} 
.banner .bannerMain{  position: relative; margin: 0px auto; }
.banner  .ban1{  height: 983px; }
.banner .ban1{background: url(../images/index_back1.jpg) no-repeat center; }
.banner .ban1 div.nrbox{ width: 1200px; margin: 0px auto; height: 983px; background: url(../images/index_back1.jpg) no-repeat center; position: relative;}
.banner .ban1 div.nrbox .btnbox{ width: 720px; height: 115px; position: absolute; bottom:70px; left:240px; }
.banner .ban1 div.nrbox .btnbox .btn{ width: 330px; height: 112px; position: absolute;}
.banner .ban1 div.nrbox .btnbox .btnl{ left: 0px; top: 0px; background: url(../images/indexbtn2.png) no-repeat center; }
.banner .ban1 div.nrbox .btnbox .btnr{ right: 0px; top: 0px; background: url(../images/indexbtn1.png) no-repeat center; }

.banner .ban2{  height: 1068px; }
.banner .ban2{background: url(../images/jizi/jizi_back.jpg) no-repeat center; }
.banner .ban2 div.nrbox{ width: 1200px; margin: 0px auto; height: 1068px; background: url(../images/jizi/jizi_back.jpg) no-repeat center; position: relative;}

.banner .ban3{  height: 886px; }
.banner .ban3{background: url(../images/hd/hd_02.jpg) no-repeat center; }
.banner .ban3 div.nrbox{ width: 1200px; margin: 0px auto; height: 886px; background: url(../images/hd/hd_02.jpg) no-repeat center; position: relative;}
.banner .ban3 .btnbox{ width: 650px; height: 242px; position: absolute; left: 610px; top: 475px; }
.banner .ban3 .btnbox .btn{ width: 84px; height: 242px; float: left; margin-right: 20px;  }
.banner .ban3 .btnbox .btn.on{ margin-top: -20px;}
.banner .ban3 .btnbox .btn .popNr{ display: none;}


.main2{width: 953px; margin: 0px auto; }
.cont{margin:0px auto; margin-top: -250px;  width: 1120px; background: #5f0000;  height: 1380px; position: relative; overflow: hidden;}
.cont .bsidebar{ width: 1086px; height: 23px; margin: 13px auto 0px auto;  background: url(../images/jizi/jizi_03.jpg) no-repeat center; margin-bottom: 18px; }
.cont .title{ width: 953px; height: 38px; background: url(../images/jizi/jizi_07.jpg) no-repeat center; margin: 0px auto; margin-bottom: 12px;   }
.cont .title2{ width: 953px; height: 38px; background: url(../images/jizi/jizi_23.jpg) no-repeat center; margin: 0px auto; margin-bottom: 28px;   }
.cont h2{ text-align: center; color: #dfd6a7; font-size: 16px; font-weight: normal; margin-bottom: 33px;}
.cont .jxlist{ height: 330px; }
.cont .jxlist li{ float: left; width: 200px; margin-right: 50px;}
.cont .jxlist li.mr{ margin-right: 0px;}
.cont .jxlist li img{ width: 194px; height: 195px; margin-bottom: 10px;}
.cont .jxlist li p{ font-size: 16px; color: #dfd6a7; padding:0px 15px;}
.cont .shlist{ margin-bottom: 10px; display: table;}
.cont .shlist li{ margin-bottom: 15px;}
.cont .shlist li img{ width: 100%;}
.cont .shlist li p{ text-align: right; color: #dfd6a7; font-size: 14px; padding-right: 60px;}
.cont .lbbox{ width: 897px; height: 175px; background: url(../images/jizi/jizi_36.jpg) no-repeat center; font-size: 16px; color: #dfd6a7;}
.cont .lbbox h3{ padding-left: 85px; padding-top: 30px; margin-bottom: 27px;}
.cont .lbbox p{  padding-left: 85px; padding-bottom: 30px;}

.pop{ width: 649px; height: 414px; background: url(../images/hd/pop.png) no-repeat center; position: fixed; z-index: 300; left: 50%; margin-left:-325px; top: 22%;  color: #d7bf85;  display: none; }
.pop .del{ position: absolute; width: 32px; height: 32px; top: 11px; right: 18px; display: block; cursor: pointer;}
.pop h3{ font-size: 24px; font-family: "宋体"; font-weight: bold; text-align: center; height: 50px; line-height: 50px; color: #d7bf85; margin-bottom: 15px;}
.pop .popNr{ padding: 0px 25px;}
.pop .popNr h4{ font-size: 18px;  font-family: "宋体"; font-weight: bold;  margin-bottom: 7px;  }
.pop .popNr p{ font-size: 14px; padding-left: 12px; margin-bottom: 7px; line-height: 25px; }

.snow{position:absolute;top:0;color:#fff;}
.anm_tada{
-webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}


.snow{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 84%;
    z-index: 1;
    -webkit-background-size:40rem auto;
    -moz-background-size:40rem auto;
    background-size: 40rem auto;
    background-image: url(../images/snow-l.png);
    -webkit-animation: snow 28s linear infinite;
    -moz-animation: snow 28s linear infinite;
    -o-animation: snow 28s linear infinite;
    -ms-animation: snow 28s linear infinite;
    animation: snow 28s linear infinite;
}
.snow1{
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 84%;
    z-index: 1;
    -webkit-background-size:40rem 40rem;
    -moz-background-size: 40rem 40rem;
    background-size:40rem 40rem;
    background-image: url(../images/snow-b.png);
    -webkit-animation: snow 18s linear infinite;
    -moz-animation: snow 18s linear infinite;
    -o-animation: snow 18s linear infinite;
    -ms-animation: snow 18s linear infinite;
    animation: snow 18s linear infinite;
}
@keyframes snow {
    0% {
        background-position-x: 0;
        background-position-y: 0
    }
    50% {
        background-position-y: 40rem
    }
    100% {
        background-position-x: 40rem;
        background-position-y: 80rem
    }
}