@charset "UTF-8";

#wrapper {display: block;}
.concent{font-size:12px; color:#fff; line-height:1.5; letter-spacing:1.3px; background:#000;}
.concent a{color:#fff;}
.concent,
.part1,
.part2,
.part3,
.part4,
.part5,
.part6,
.part1 .pic,
.part1 .pic img{width:100%;}

p.pop{display:none; padding:12px; background:#000; position:absolute; top:8px; left:-12px; z-index:100; box-sizing:content-box;}
p.pop span{display:block; background:#000; width:36px; height:36px; position:absolute; top:-35px; right:0;}
p.pop span img{width:26px; margin:5px;}

.part1{position:relative;}
.part1 .logo{display:block; width:25%; position:absolute; top:20px; left:20px;}
.part1 .logo img{width:100%;}
.part1 .lk{display:block; width:108px; position:absolute; bottom:12%; right:15px; font-size:15px; font-weight:600; color:#e70022; text-decoration:underline;}

.part2{background:url(../img/bg1.jpg) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:30px 12px 20px;}
.part3{background:url(../img/bg2.jpg) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:30px 12px 20px;}
.part4{background:url(../img/bg3.jpg) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:30px 12px 20px;}
.part8{background:url(../img/bg6.jpg) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:30px 12px 20px;}

.part8 .box1,
.part2 .box1,
.part3 .box1,
.part4 .box1{width:100%; position:relative;}

.part8 .box1 p,
.part2 .box1 p,
.part3 .box1 p,
.part4 .box1 p{width:100%;}

.part8 .box1 p.pic,
.part2 .box1 p.pic,
.part3 .box1 p.pic,
.part4 .box1 p.pic{background:#dd0020; box-sizing:border-box; padding:5px;}

.part8 .box1 p.pic img,
.part2 .box1 p.pic img,
.part3 .box1 p.pic img,
.part4 .box1 p.pic img{width:100%;}

.part8 .box1 p.txt,
.part2 .box1 p.txt,
.part3 .box1 p.txt,
.part4 .box1 p.txt{font-size:24px; letter-spacing:2px; font-weight:600; position:absolute; bottom:-11px; left:0; color:#fff;}

.part2 .box2,
.part3 .box2,
.part4 .box2{width:100%; position:relative; padding:20px 0 10px; z-index:3;}

.part2 .box2 p,
.part3 .box2 p,
.part4 .box2 p{width:100%;}

.part2 .box2 p.txt span img,
.part3 .box2 p.txt span img,
.part4 .box2 p.txt span img{width:16px; vertical-align:middle; margin-top:-2px;
-webkit-animation-name:shake;
animation-name:shake;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}



.part2 .box3{width:100%; background:#e60021; box-sizing:border-box; padding:5px;}
.part2 .box3 dl{width:49.22%; height:230px; box-sizing:border-box; position:relative; background:url(../img/con_bg1.jpg) 0 0 repeat; padding:5px;}
.part2 .box3 dl.left{float:left;}
.part2 .box3 dl.right{float:right;}
.part2 .box3 dl span.icon{display:block; width:30px; height:30px; background:#e60021; position:absolute; left:-1px; top:-1px;}
.part2 .box3 dl span.icon img{width:24px; margin:3px auto;
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.part2 .box3 dl dt,
.part2 .box3 dl dd{width:100%;}
.part2 .box3 dl dt{margin-bottom:5px;}
.part2 .box3 dl dt img{width:100%;}
.part2 .box3 dl dd{ letter-spacing:1px;}
.part2 .box3 dl dd span{display:block; text-align:center;}


.part3 .box1 p.mov{width:30%; border:3px solid #000; margin-right:10%; position:absolute; left:-12px; bottom:-11px;}
.part3 .box1 p.mov span{display:block; width:100%;}
.part3 .box1 p.mov .bg img{width:100%;}
.part3 .box1 p.mov .btn img{width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px;}
.part3 .box1 p.txt{width:60%; right:20px; left:auto;}


.part3 .box3{width:100%; background:#e60021; box-sizing:border-box; padding:5px; position:relative;}
.part3 .box3 .dls{width:100%; box-sizing:border-box; background:url(../img/con_bg1.jpg) 0 0 repeat; padding:5px; padding-right:0px;}
.part3 .box3 dl{width:33.33333%; box-sizing:border-box; padding-right:5px; float:left;}
.part3 .box3 span.icon{display:block; width:60px; position:absolute; left:0; top:0;}
.part3 .box3 span.icon img{width:100%;}
.part3 .box3 dl dt,
.part3 .box3 dl dd{width:100%; text-align:center;}
.part3 .box3 dl dt img{width:100%;}
.part3 .box3 dl dd a{color:#fff; text-decoration:underline;}

.part4 .box3{width:100%; background:#e60021; box-sizing:border-box; padding:5px; position:relative;}
.part4 .box3 .dls{width:100%; box-sizing:border-box; background:url(../img/con_bg1.jpg) 0 0 repeat; padding:5px; padding-right:0px;}
.part4 .box3 dl{width:50%; box-sizing:border-box; padding-right:5px; float:left;}
.part4 .box3 span.icon{display:block; width:36px; position:absolute; left:0; top:0;}
.part4 .box3 span.icon img{width:100%;}
.part4 .box3 dl dt,
.part4 .box3 dl dd{width:100%;}
.part4 .box3 dl dt{margin-bottom:5px;}
.part4 .box3 dl dt img{width:100%;}
.part4 .box3 dl dd a{color:#fff;}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../img/prev.png) 0 0 no-repeat; background-size:27px 44px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../img/next.png) 0 0 no-repeat; background-size:27px 44px;}

.part5{background:url(../img/bg4.jpg) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:30px 12px;}
.part5 .slide_wrap,
.part5 .slide_wrap .swiper-container,
.part5 .slide_wrap .swiper-wrapper,
.part5 .slide_wrap .swiper-slide,
.part5 .slide_wrap .swiper-slide img{width:100%;}

.part5 .box1,
.part5 .box2 {width:100%; background:#e60021; box-sizing:border-box; padding:5px; position:relative;}
.part5 .box2{margin-top:20px;}
.part5 .box1 p,
.part5 .box2 p{z-index:100;}
.part5 .box1 p.pic,
.part5 .box2 p.pic{position:absolute; left:0; top:0;}
.part5 .box1 p.pic{width:80px;}
.part5 .box2 p.pic{width:63px;}
.part5 .box1 p.pic img,
.part5 .box2 p.pic img{width:100%;}
.part5 .box1 p.txt{width:100%; font-size:24px; text-align:right; letter-spacing:3px; font-weight:600; position:absolute; top:-19px; right:0; color:#fff;}

.part6{background:url(../img/bg5.jpg) 0 0 no-repeat; background-size:100% 100%; box-sizing:border-box; padding:30px 12px;}
.part6 .box1{width:100%; position:relative; margin-bottom:20px;}
.part6 .box1 p{width:100%;}
.part6 .box1 p.pic{background:#dd0020; box-sizing:border-box; padding:5px;}
.part6 .box1 p.pic img{width:100%;}
.part6 .box1 p.txt{font-size:24px; letter-spacing:3px; font-weight:600; position:absolute; top:-19px; left:0; color:#fff;}

.part7{background:#000; text-align:center; padding:20px 0;}
.part7 a{color:#fff; font-size:18px; font-weight:900; text-decoration:underline;}


.part8 .box2{width:100%; background:#e60021; box-sizing:border-box; padding:5px; position:relative; margin-top:40px;}
.part8 .box2 .dls{width:100%; box-sizing:border-box; background:url(../img/con_bg1.jpg) 0 0 repeat; padding:5px; padding-right:0px;}
.part8 .box2 .dls a{color:#fff;}
.part8 .box2 dl{width:100%; box-sizing:border-box; padding:5px;}
.part8 .box2 span.icon{display:block; width:26px; height:30px; background:#e60021; position:absolute; left:5px; top:5px;}
.part8 .box2 span.icon img{width:21px; margin:3px auto;
    -webkit-animation-name:heartBeat;
    animation-name:heartBeat;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;}
.part8 .box2 dl dt{width:40%; float:left;}
.part8 .box2 dl dd{width:60%; float:left; box-sizing:border-box; padding-left:8px;}
.part8 .box2 dl dt img{width:100%;}
.part8 .box2 dl dd strong{display:block; width:100%; text-align:center;}
.part8 .box2 dl dd p{line-height:1.5;}



.pagetop{background:#000;}
#footer .pagetop a span{color:#fff; background-image:url(../img/btn_pagetop_blk.png);}


/********弹出视频窗口************/
.pop_mov{width:100%; height:100%; background:#000; position:fixed; top:0; left:0; z-index:-10;}
.pop_mov .con{position:relative; width:100%; margin-top:200px; padding:0; box-sizing:border-box; z-index:1;}
.pop_mov .con h4{width:100%; position:relative;}
.pop_mov video{display:block; width:100%;}
.pop_mov .mov_close{display:block; width:30px; position:absolute; right:5px; top:-37px; z-index:2; border:1px solid #fff; padding:5px 0;}
.pop_mov .mov_close img{display:block; width:70%; margin:0 auto;}

/********part8弹出文字窗口************/
html,body{width:100%; height:100%; position:relative;}
.txt_zeceng{width:100%; height:100%; background:#000; position:fixed; top:0; left:0; z-index:-1;}
.part8_txt.swiper-container {width:100%; height:100%;}
.part8_txt{background:#000; position:fixed; top:0; left:0; z-index:-10; color:#fff;}
.part8_txt .swiper-slide {height:auto;  -webkit-box-sizing:border-box; box-sizing:border-box;}
.part8_txt .con{width:100%; box-sizing:border-box; padding:70px 10px 50px; line-height:1.5;}
.part8_txt .swiper-scrollbar{background:rgba(255,255,255,0.5);}
.part8_txt .swiper-scrollbar-drag{background:#e60021;}
.part8_txt .tc_close{display:block; position:absolute; top:10px; right:10px;}

@-webkit-keyframes shake {
  from{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }

  20%, 40%, 60%, 80% ,100%{
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}

@keyframes shake {
  from{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }

  20%, 40%, 60%, 80% ,100%{
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}


@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}