@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "impact";
  src: url("impact.woff2") format("woff2"),
       url("impact.woff") format("woff"),
       url("impact.ttf") format("truetype"),
       url("impact.eot") format("embedded-opentype"),
}
.banner{ overflow:hidden; padding-top:1.08rem;}
.mySwiper{ height:100%;}
.mySwiper .swiper-pagination-bullet{ background:#fff; opacity:1; width:12px; height:12px; border-radius:50%;}
.mySwiper .swiper-pagination-bullet-active{ background:#c82f2f; width:40px; border-radius:20px; }
.mySwiper .swiper-pagination-bullet:focus {
           outline: none;
    }
.mySwiper .swiper-slide{ overflow:hidden;}
.mySwiper .swiper-slide .banner-img{  display:block;width:100%; animation: changeScale 1 2.5s; height:100%;object-fit: cover;}
.mySwiper .swiper-pagination{ text-align:center; padding-right:20px;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:0.25rem;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.mySwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}

.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ width:36px; height:66px; background:url(../images/pre.png) no-repeat center; margin-top:-33px; left:45px;}
.mySwiper .swiper-button-next:after,.mySwiper .swiper-button-prev:after{ display:none  !important}
.mySwiper .swiper-button-next{ transform:rotate(180deg); left:auto; right:45px;}
.mySwiper .swiper-button-next:hover,.ne-ab02 .swiper-button-prev:hover{background:url(../images/pre.png) no-repeat center; opacity:0.35}
.mySwiper .swiper-button-next:focus ,.mySwiper .swiper-button-prev:focus {
    outline: none;
}
.banner-txt{ position:absolute; width:100%; color:#fff; top:35%; left:1.45rem;}
.in-ab{ background:url(../images/1.jpg) no-repeat center; padding:0.89rem 2.1rem}
.ti-le h1{ font-size:0.36rem; line-height:1.2;}
.ti-le h1 b{ color:#e6352e}
.ti-le p{ font-size:0.18rem; text-transform:uppercase; font-family:"Arial"; padding:0.08rem 0;}
.ti-le span{ display:block; width:40%; height:0.02rem; background:#e6352e}
.ti-ri{ display:block; border:1px solid #979797; font-size:0.17rem; line-height:0.5rem; width:1.97rem; border-radius:30px;}
.ti-ri p{ padding-right:0.23rem;}
.in-ti{ margin-bottom:0.3rem;}
.ab-ri{ width:3.89rem !important; background:#d01027; color:#fff; padding:0.35rem; margin-left:0.32rem;}
.ab-ri dl{ border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:0.40rem; padding-bottom:0.15rem; padding-left:0.34rem;}
.ab-ri dl dt{ font-size:0.52rem;  font-family: "impact"; line-height:1.2;}
.ab-ri dl dd{ font-size:0.2rem; line-height:1.5; padding-left:0.20rem;}
.ab-le{ overflow:hidden; position:relative;}
.bf-an{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s; cursor:pointer; text-align:center;}
.bf-an span{background:rgba(255,255,255,0.54);  border-radius:50%; width:60px; height:60px; z-index:2; display:block; position:relative; padding-top:17px;}
.bf-an:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background:rgba(255,255,255,0.7);
	opacity: 0.5; 
	-webkit-transition-property: -webkit-transform;
	transition-property: -moz-transform;
    -moz-transition-property: -moz-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    transition-duration: 1s;
    -webkit-animation-name: grow;
    -moz-animation-name: grow;
    animation-name: grow;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-timing-function: linear; z-index:1; border-radius:50%;
}
#videDivo1{ position:absolute; width:100%; height:100%; top:0; left:0;}
.tt {
    background: #d00000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	-webkit-animation-name: tt;
    animation-name: tt; z-index:2;
}
.jj-zi{ font-size:0.18rem; padding-top:0.3rem;}

.in-new{  padding:0 2.1rem 1.15rem;background:url(../images/2.jpg) no-repeat bottom center; }

.in-new-list dl dd{  position:relative; text-align:left;}
.in-new-list dl dd .new-date{ text-align:left;font-family:"Arial"; position:relative;}
.in-new-list dl dd .new-date p{ font-size:0.16rem; color:#555;}
.new-date span{ position:absolute; right:0; top:7px; display:block;}
.new-date span:before{ content:""; width:13px; height:13px; border:1px solid #9fa1a3; border-radius:50%; position:absolute; top:0; right:70px; transition-duration:.5s;}
.new-date span:after{ content:""; width:77px; height:1px; background:#c4c7c9; position:absolute; right:0; top:7px; transition-duration:.5s;}
.in-new-list dl:hover dd .new-date span:before{ background:#c82f2f; border-color:#c82f2f;}
.in-new-list dl:hover dd .new-date span:after{ background:#c82f2f}
.in-new-list dl dt{ overflow:hidden; position:relative; padding-bottom:50%;}
.in-new-list dl dt img{ transition-duration:.5s; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.in-new-list dl dt:after{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.in-new-list dl:hover dt:after{-webkit-animation: shine2 1s;animation: shine2 1s;}
.in-new-list dl:hover dt img{ transform:scale(1.1); opacity:0.8;}
.in-new-list .owl-theme .owl-controls{ display:none !important}
.new-biao{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:0.20rem; text-align:left; margin:0.3rem 0 0.2rem 0}
.new-zi{ font-size:0.17rem; line-height:1.6; color:#555555; text-align:left;  margin:0 0 0.3rem 0;}
.in-pic li{ width:50%; background:#000; overflow:hidden; position:relative; float:left;}
.in-pic li img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.in-pic li .dw{ position:absolute; width:100%; height:100%; top:0; left:0; color:#fff;} 
.in-pic li .dw p{ font-size:0.36rem; font-weight:bold;}
.in-pic li .dw span{ width:0.65rem; height:0.02rem; background:#fff;}
.in-pic li:hover img{ transform:scale(1.1); opacity:0.8;}



@-webkit-keyframes shine2 {
	100% {
		left: 125%;
	}
}

@keyframes shine2 {
	100% {
		left: 125%;
	}
}


@media only screen and (max-width: 1600px) {
	.jj-zi{ font-size:0.20rem;}
	.new-zi,.in-new-list dl dd .new-date p{ font-size:0.19rem;}
	.in-ab{ padding:0.89rem 1.6rem}
	.in-new{padding:0 1.6rem 1.15rem}
}

@media screen and (max-width: 1450px) {



}


@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1240px) {
}
@media only screen and (max-height: 920px) {
	
}
@media only screen and (max-width: 992px) {

}
 @media only screen and (max-width: 760px) {
 .banner{ padding-top:0; height:auto;}
 .mySwiper{ height:230px;}
 .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev,.sb-gd,.in-pro:after{ display:none;}
 .banner-txt h1,.wb-sz h1 span{ font-size:20px;}
 .banner-txt p,.pro-fl li a,.pro-more,.wb-sz p,.ab02-bottom dl dd span{ font-size:14px;}
 .mySwiper .swiper-horizontal>.swiper-pagination-bullets, .mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:10px;}
 .in-ab,.in-new{ padding:0.5rem 0.2rem;}
 .ab-ri{ width:100% !important; margin:0;}
 .ab-le{ height:180px !important; width:100% !important}
 .in-about{ display:block !important}
 .ab-ri dl{ width:50%; float:left;}
 .banner-txt{ left:0; text-align:center;}
 .banner-txt img{ width:60%;}
 .in-pic li{ width:100%;}
 
}

@keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-webkit-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-moz-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-ms-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}	

@-webkit-keyframes grow {
  from {
      -webkit-transform:scale(1);
  }
  to {
      -webkit-transform:scale(2);
  }
}
@-moz-keyframes grow {
  from {
      -moz-transform:scale(1);
  }
  to {
      -moz-transform:scale(2);
  }
}
@keyframes grow {
  from {
      transform:scale(1);
  }
  to {
      transform:scale(1.5);
  }
}