
/* CSS Document */
@font-face {
  font-family: "impact";
  src: url("/css/impact.woff2") format("woff2"),
       url("../font/impact.woff") format("woff"),
       url("../font/impact.ttf") format("truetype"),
       url("../font/impact.eot") format("embedded-opentype"),
}
.banner{ overflow:hidden; padding-top:1.10rem; position: relative;}
.mySwiper{ height:100%;}
.mySwiper .swiper-pagination-bullet{ background:#fff; opacity:1; width:12px; height:12px; border-radius:50%;}
.mySwiper .swiper-pagination-bullet-active{ background:#2e59a7; width:40px; border-radius:20px; }
.mySwiper .swiper-pagination-bullet:focus {
           outline: none;
    }
.mySwiper .swiper-slide{ overflow:hidden;}
.mySwiper .swiper-slide .pc-banner,.pc-banner{  display:block;width:100%; animation: changeScale 1 2.5s; height:100%;object-fit: cover;}
.mySwiper .swiper-slide .mobile-banner,.mobile-banner{ display:none;}
.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.82rem;}
.banner-txt p{ font-size:0.48rem; line-height:1.5;}
.more{ display:block; width:1.86rem; height:0.54rem;display: flex;justify-content: center; align-items: center; color:#fff; font-size:0.16rem; text-transform:uppercase; border:1px solid rgba(255,255,255,0.5); border-radius:10px; margin-top:0.3rem; transition-duration:.5s;}
.more img{ padding-left:0.15rem;}
.more:hover{ background:#2953a0;border:1px solid #2953a0;}

.in-pro{ padding:0.6rem 0 0 0;}
.in-pro .in-ti{display: flex;
    justify-content: center;
    align-items: center; text-align:center; position:relative;}
.in-pro .in-ti .more{ margin-top:0;position: absolute;
    right: 0;
    bottom: -30px; z-index:10;}



/* 翻页圆点 */
.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #ccc; opacity: 1; margin: 0 8px; transition: all .3s; position: relative; }
.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before { content: ''; display: block; width: 12px; height: 12px; border: 4px solid #b60005; position: absolute; left: -4px; top: -4px; border-radius: 100%; transition: all .3s; transform: scale(0.4); z-index: -2; }
.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { border-radius: 100%; background-color: #fff; }
.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:before { border-color: #3764b3; transform: scale(1); }
@media screen and (max-width: 1440px) { 
	.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; }
	.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before { width: 8px; height: 8px; border: 2px solid transparent; left: -2px; top: -2px; }
	.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:before { border-color: #b60005; } 
}
@media screen and (max-width: 1280px) { 
	.certify { width: 100%; }
	.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 5px; }
	.certify .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before { width: 6px; height: 6px; } 
}

/* 轮播公用 */
.certify { position: relative; z-index:0; }
.certify .swiper-container { padding: 0.9rem 0 0.8rem; }
.certify .swiper-slide { width: 47.1875%;position: relative; }

.certify .swiper-slide .report-img {   width: 100%; overflow: hidden; cursor: pointer; position:relative; height:4.61rem; border:2px solid #9fa1a6 }
.certify .swiper-slide .report-img img { position: absolute; top:0; left:0; bottom:0; right:0; max-width: 80%; max-height:80%; margin:auto; transition: all .4s;}
.certify .swiper-slide .report-img:hover img { transform: scale(1.05);}
.certify .swiper-slide p{ text-align:center; font-size:0.24rem; line-height:0.95rem; transition-duration:.5s; color:#000;}
.certify .swiper-slide p span{ display:inline-block; background:url(../image/jt2.png) no-repeat right center; padding-right:0.59rem;}
.certify .swiper-slide .swiper-over { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.certify .swiper-slide-active .swiper-over { display: none;}
.certify .swiper-slide:hover p{ background:#2953a0; color:#fff; border-radius:0 0 15px 15px;}
.certify .swiper-slide:hover p span{background:url(../image/jt.png) no-repeat right center;}

@media screen and (max-width: 768px) { 
	.certify .swiper-slide {width: 70%;}
}
/* 轮播菜单导航 */
.historybx{ position:absolute; z-index:2;}
.historybx .innernav-tab-qs {  font-size: 0.2rem; width:100%; }
.historybx .swiper-slide { width: auto!important; text-align: center;  line-height:0.54rem; }
.historybx .swiper-slide a{ display:block; padding:0 0.37rem; border:1px solid #fff; font-size:0.22rem;}
.historybx .swiper-slide:last-child { margin-right: 0; }
.historybx .swiper-slide a:hover,.historybx .swiper-slide.active a, .historybx .swiper-slide .ts{border:1px solid #3764b3; border-radius:10px; color: #3764b3; }

.certify .swiper-container-horizontal>.swiper-pagination-bullets, .certify .swiper-pagination-custom,.certify .swiper-pagination-fraction{ bottom:50px;}

.historybx .swiper-slide .tttt{ width:100%; position:absolute; left:0; top:0.53rem; display:none;  background:#ffffff; transition-duration:.5s; z-index:9999; border:1px solid #e0e0e0}
.historybx .swiper-slide .tttt li{ padding-bottom:0;  width:100%; transition-duration:.5s; border-bottom:1px solid #e0e0e0; line-height:0.5rem; margin-right:6%; position:relative;}

.historybx .swiper-slide .tttt li a{ color:#333; font-size:0.18rem; border:none; }
.historybx .swiper-slide .tttt li a:hover{ color:#3764b3; border:none}

 

 





.in-jjfa{ background:#eeeeee; padding:1rem 0 0.5rem 0}
.ti-le{ font-size:0.43rem;}
.in-ti{ padding-bottom:0.45rem;}
.in-ti .more{ border:1px solid #224b96; color:#224b96; }
.in-ti .more:hover{ background:none;-moz-box-shadow:2px 2px 8px #333333; -webkit-box-shadow:2px 2px 8px #333333; box-shadow:2px 2px 8px #333333;}
.in-new-list dl dd{  position:relative; text-align:left;}

.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:75%; border-radius:10px;}
.in-new-list dl dt .new-pic{ 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 .new-pic{ 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.28rem; text-align:left; margin:0.25rem 0 0.1rem 0; line-height:1;}
.new-zi{ font-size:0.17rem; line-height:1.6; color:#777777; text-align:left;  margin:0 0 0.3rem 0; text-transform:uppercase;}
.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{  border-radius:50%; width:64px; height:64px; z-index:2; display:block; position:relative; }
.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%; opacity:0;
}
.in-new-list dl:hover dt .bf-an:before{ opacity:1;}
.in-last{ padding-top:1rem;}
.in-ab-zi{ padding:0.5rem 0; font-size:0.18rem;}
.in-ab-xi{ overflow:hidden; position:relative;}
.ab-po{ position:absolute; bottom:0.64rem; width:4.10rem; background:#fff; left:50%; margin-left:-2.05rem; height:1.11rem; border-radius:10px;transition-duration:.5s;}
.ab-po dt{ float:left; width:70%; border-right:1px solid #e8e8e8; height:100%;display: flex; align-items: center; padding-left:0.48rem;transition-duration:.5s;}
.ab-po dd{ height:100%;display: flex;justify-content: center;align-items: center; float:right; width:30%; background:url(../image/jt2.png) no-repeat center; transition-duration:.5s;}
.ab-po dt p{ font-size:0.3rem; line-height:1.2;}
.ab-po dt span{ font-size:0.18rem; color:#b8b8b8}
.ab-po:hover{ background:#2953a0}
.ab-po:hover p,.ab-po:hover span{ color:#fff;}
.ab-po:hover dd{background:url(../image/jt.png) no-repeat center;}
@-webkit-keyframes shine2 {
	100% {
		left: 125%;
	}
}

@keyframes shine2 {
	100% {
		left: 125%;
	}
}


@media only screen and (max-width: 1600px) {
	.in-ab-zi{ font-size:0.22rem;}
 c
}

@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{ height:auto;}
 .mySwiper{ height:230px;}
 .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev,.sb-gd,.in-pro:after{ display:none;}
 .mySwiper .swiper-slide .pc-banner,.pc-banner{  display:none;}
.mySwiper .swiper-slide .mobile-banner,.mobile-banner{ display:block;}
 .banner-txt h1,.wb-sz h1 span{ font-size:20px;}
 .pro-fl li a,.pro-more,.wb-sz p,.ab02-bottom dl dd span{ font-size:14px;}
 .banner-txt p,.historybx .swiper-slide a{ font-size:16px;}
 .mySwiper .swiper-horizontal>.swiper-pagination-bullets, .mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:10px;}
.banner-txt{ left:20px;}
.more{ width:30%; height:45px;}
.in-pro{ padding:30px 20px 0;}
.ti-le{ font-size:18px;}
.in-pro .in-ti .more,.in-last .in-ti .more{ width:40%; margin:0 auto; height:40px;}
.certify .swiper-slide .report-img{ height:200px;}
.certify .swiper-container{ padding-bottom:0;}
.bf-an span{ width:30px; height:30px;}
.in-last .in-ti{ display:block; text-align:center;}
.in-ab-zi{ padding:20px; font-size:14px;}

 
}

@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);
  }
}



