@charset "utf-8";
/* CSS Document */

.banner{ height:100vh; overflow:hidden; padding-top:91px;}
.mySwiper{ height:100%;}
.mySwiper .swiper-pagination-bullet{ background:#fff; opacity:1; width:12px; height:12px; border-radius:50%;}
.mySwiper .swiper-pagination-bullet-active{ background:#04488b }
.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:150px;}
.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%; text-align:center; color:#fff; top:30%; left:0;}
.banner-txt h1{ font-size:52px; padding-bottom:5px;}
.banner-txt p{ font-family:"Arial"; font-size:20px; color:#b5b5b8;}
.sb-gd{ width:100px; height:100px; position:relative; margin:0 auto; border:1px solid #fff; border-radius:50%; margin-top:30px;}
.jumpto {
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  width:100px;
  height:100px;
  display: block;
  position: absolute;
  z-index: 100;
  left:50%;
  bottom:-35%; 
  margin:0 0 0 -50px;
  z-index:5;
  -webkit-animation: jumptoMap 1.5s linear infinite;
  animation: jumptoMap 1.5s linear infinite;
  -moz-animation: jumptoMap 1.5s linear infinite;
  -o-animation: jumptoMap 1.5s linear infinite;
  -ms-animation: jumptoMap 1.5s linear infinite;
  opacity: .8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
  -webkit-transition: opacity .8s linear;
  -moz-transition: opacity .8s linear;
  -o-transition: opacity .8s linear;
  transition: opacity .8s linear;
  cursor:pointer;
}
.banner-list{ position:absolute; bottom:0; background:#04488b; color:#fff; z-index:5; width:100%; left:0;display: flex; justify-content: space-between; }
.banner-list dl{ width:25%; text-align: center; border-right:1px solid #366da2;padding:23px 0}
.banner-list dl dd{ font-size:20px; padding-top:7px;}
.banner-list dl dt img{ transition-duration:.5s;}
.banner-list dl:hover dt img,.in-ab01:hover img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
.in-pro{ padding:100px 0; position:relative;}
.in-pro:after{ content:"Product"; left:0; bottom:0; font-size:230px; font-weight:bold; text-transform:uppercase; color:#f8fafb; position:absolute; line-height:0.8; z-index:1;}
.pro-le{ width:368px;}
.in-ti{ padding-bottom:40px;}
.in-ti h1{ color:#04488b; font-size:38px; padding-bottom:26px;}
.in-ti p{ font-size:16px; color:#777777; line-height:1.7;}
.pro-ti{ font-size:20px; padding-bottom:20px;}
.in-pro .wrap,.in-photo .wrap{ position:relative; z-index:2;}
.pro-fl li{ float:left; width:147px; border:1px solid #d2d2d2; line-height:36px; margin-bottom:17px; margin-right:15px;}
.pro-fl li a{ display:block; color:#888; font-size:16px; padding-left:10px; transition-duration:.5s;}
.pro-fl li a:hover{ background:#04488b; color:#fff;}
.pro-more{ display:inline-block; font-size:18px; background:url(../images/jt.png) no-repeat; background-position:0 0; line-height:31px; padding-left:50px; margin-top:15px; transition-duration:.5s;}
.pro-more:hover{ color:#04488b;background-position:0 -31px; padding-left:55px; font-weight:bold;}
.pro-ri{width: calc(100% - 368px);width: -webkit-calc(100% - 368px);padding-left:60px;}
.pro-ri .owl-theme .owl-controls .owl-nav{ display:none !important;}
.pro-ri .owl-theme .owl-dots .owl-dot span{ width:14px; height:14px; background:#04488b;}
.pro-ri .owl-theme .owl-dots .owl-dot.active span{  background:#0363cf; width:32px; border-radius:25px;}
.pro01{ position:relative;}
.pro01 dt,.in-photo .cqzp dt{ overflow:hidden;}
.in-photo .cqzp dt img{ height:300px;object-fit: cover;}
.pro01 dt img,.in-photo .cqzp dt img{ transition-duration:1s;}
.pro01:hover dt img,.in-photo .cqzp:hover dt img{ transform:scale(1.1)}
.pro01 dd{ position:absolute; color:#fff; font-size:24px; bottom:40px; left:30px;}
.pro-ri .owl-theme .owl-controls{ margin-top:27px;}
.in-photo{ padding:88px 0 100px 0; background:#f7f7f7; position:relative;}
.in-photo .owl-theme .owl-controls{ display:none;}
.in-photo .cqzp dd{ background:url(../images/jt1.png) no-repeat right center; font-size:24px; font-weight:bold; margin-top:24px;}
.in-photo:after{ content:""; width:50%; height:100%; position:absolute; top:0; right:0; background:#eeeeee; z-index:1;}
.in-ab{ width:100%; background:url(../images/bg.jpg) no-repeat; background-size:cover; padding:80px 0;}
.in-ab-box{ max-width:1236px; width:100%; margin:0 auto;}
.in-ab01{ width:30%; background:#fff; height:455px; text-align:center; padding-top:53px; transition-duration:.5s;}
.in-ab01 h1{ font-weight:normal; font-size:24px; padding:20px 0;}
.in-ab01 h2{ font-size:20px; font-weight:normal;}
.in-ab01 p{ font-size:15px; color:#555; width:74%; margin:0 auto; text-align:left; line-height:1.8; padding:30px 0 45px 0;}
.in-ab01 a{ display:block; width:168px; height:36px; line-height:36px; color:#fff; background:#04488b; font-size:16px; margin:0 auto; border-radius:30px; transition-duration:.5s;}
.in-ab01:hover a{-moz-box-shadow:0px 0px 17px #9C9C9C; -webkit-box-shadow:0px 0px 17px #9C9C9C; box-shadow:0px 0px 17px #9C9C9C;}
.in-ab02{ width:67.4%;}
.ab-txt{ width:50%; background:#0a5094; height:198.77px; padding:30px;}
.ab-img{ width:50%; overflow:hidden;}
.ab-img img{ transition-duration:.5s; display:block; height:100%;}
.ab02-top:hover .ab-img img{ transform:scale(1.1)}
.wb-sz{ border:1px solid #fff; text-align:center; padding:18px 0; color:#fff;}
.wb-sz p{ font-size:15px;}
.wb-sz h1{ font-size:28px; font-weight:normal; padding-bottom:10px;}
.wb-sz h1 span{ font-weight:bold; font-size:64px; font-family:"Arial";}
.ab02-top{ margin-bottom:32px;}
.ab02-bottom dl{ background:#fff; width:49%; text-align:center; padding:39px 0; transition-duration:.5s;}
.ab02-bottom dl a{ display:block;}
.ab02-bottom dl dd p{ font-size:24px; padding:18px 0 15px 0;}
.ab02-bottom dl dd span{ font-size:16px;}
.ab02-bottom dl dt{ width:57px; height:58px; margin:0 auto; background-repeat:no-repeat; background-position:0 0; transition-duration:.5s;}
.ab02-bottom dl:nth-child(1) dt{ background-image:url(../images/ab-icon02.png)}
.ab02-bottom dl:nth-child(2) dt{ background-image:url(../images/ab-icon03.png)}
.ab02-bottom dl:hover dt{ background-position:0 -58px;}
.ab02-bottom dl:hover{ background:#0a5094; color:#fff;}
.ab02-bottom dl:hover dd{ color:#fff;}
.in-new{ padding:100px 0 60px 0;}

.in-new-list dl dd{ background:#fff; position:relative; top:-30px; width:90%; margin:0 auto;}
.in-new-list dl dd .new-date{ text-align:center; padding:20px 0;font-family:"Arial";}
.in-new-list dl dd .new-date h1{ font-size:44px;}
.in-new-list dl dd .new-date p{ font-size:16px; color:#999;}

.in-new-list dl dt{ overflow:hidden; position:relative;}
.in-new-list dl dt img{ transition-duration:.5s; display:block;}
.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{ padding:0 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; font-size:18px; font-weight:bold;}
.new-zi{ font-size:16px; line-height:1.6; color:#777; text-align:center; padding:0 40px; margin:13px 0 23px 0;}
.new-xq { position:relative;}
.new-xq p{ text-align:center; padding:11px 0;}
.new-xq h1{ position:absolute; bottom:0; left:0; width:100%; padding:0 20px; line-height:42px; color:#fff; background:url(../images/lsj.jpg) no-repeat 96% center #033c8c; font-size:16px; opacity:0; transition-duration:.5s;}
.in-new-list dl:hover .new-xq h1{ opacity:1;}




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

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


@media only screen and (max-width: 1600px) {
	
}

@media screen and (max-width: 1450px) {
 .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list{ margin-right:25px;}
 .banner-list dl dd{ font-size:17px;}
 .in-ti h1{ font-size:30px;}
 .pro-ti{ font-size:18px;}
 .in-ti{ padding-bottom:20px;}
 .pro01 dd{ font-size:20px; bottom:30px;}
 .pro-ri{ padding-top:15px;}
 .in-ab01{ height:452px;}
 .banner-txt h1{ font-size:40px;}

}


@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,.banner-list dl dd,.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;}
 .banner-list{ position:relative; display:block;}
 .banner-list dl{ width:50%; float:left;border-bottom: 1px solid #366da2; padding:10px 0 0 0;}
 .banner-list dl dd{ padding:0 10px; height:45px;}
 .banner-list dl dt img{ width:30px;}
 .in-pro,.in-new{ padding:30px 0;}
 .pro-le,.pro-ri{ width:100%;}
 .in-ti h1{ font-size:20px; padding-bottom:10px;}
 .in-ti p{ font-size:15px;}
 .pro-ti,.in-ab01 h2,.wb-sz h1{ font-size:16px;}
 .pro-ri{ padding-left:0;}
 .pro01 dd{ font-size:14px; bottom:10px; left:0; text-align:center; width:100%;}
 .pro-ri .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px;}
 .in-photo{ padding:30px 0 60px 0;}
 .in-photo .cqzp dd{ font-size:17px; margin-top:10px;}
 .in-ab{ padding:30px 15px;}
 .in-ab01{ width:100%; height:auto; padding:20px 0; float:none !important}
 .in-ab01 img{ width:10%;}
 .in-ab01 h1,.ab02-bottom dl dd p{ font-size:18px; padding:10px 0;}
 .in-ab01 p{ width:95%; font-size:14px; padding:15px 0;}
 .in-ab01 a{ width:120px; font-size:14px;}
 .in-ab02{ width:100%; float:none; margin-top:15px;}
 .ab-txt { height: 100px;padding: 10px;}
 .wb-sz{ padding:10px;}
 .wb-sz h1{ padding-bottom:0;}
 .ab-img{ height:100px;}
 .ab02-top{ margin-bottom:15px;}
 .ab02-bottom dl dt{ transform:scale(0.7)}
 .ab02-bottom dl{ padding:10px 0 20px 0;}
 .in-new-list dl dd .new-date h1{ font-size:26px;}
 .in-new-list dl dd .new-date{ padding:10px 0;}
 .new-biao{ font-size:16px; padding:0 10px;}
 .new-zi{ font-size:14px; padding:0 10px; margin-bottom:10px;}
}

@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
}
}