.nybanner .nybannerImg{ width: 100%; min-height: 260px; object-fit: cover;}
.nybanner .text{ background: rgba(0, 0, 0, .2);}

.list-page{margin-top:20px;}
.list-page li span,.list-page li a{position: relative;display: block;padding: 10px 15px;margin-left: -1px;line-height: 1.25;color: #0054ae;background-color: #fff;border: 1px solid #dee2e6;}
.list-page .disabled span{color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;}
.list-page a:hover,.list-page li.active span{background-color: #0054ae !important;border-color: #0054ae !important; color: #fff!important;}
.pagination{justify-content: center!important;display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: 5px;}
.pagination li:first-child span,.pagination li:first-child a{margin-left: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination li:last-child span,.pagination li:last-child a{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.procate {text-align: center;background-color: #f7f9fa;}
.pro-contain {}
.procate .swiper-wrapper .swiper-slide>a {display: inline-block;font-size: 0;padding: 18px 10px;position: relative;}
.procate .swiper-wrapper .swiper-slide>::after {content: '';width: 80px;height: 2px;background-color: #0650a6;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -40px;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;transform: translateY(-.5rem) scaleX(.9);opacity: 0;}
.procate .swiper-wrapper .swiper-slide>:hover::after,.procate .swiper-wrapper .on::after {opacity: 1;transform: translateY(0) scaleX(1);}
.procate .swiper-wrapper span {font-size: 15px;display: inline-block;line-height: 25px;height: 25px;margin-top: 10px;color: #333;padding: 0 15px;border-radius: 7px;}
.procate .swiper-wrapper .swiper-slide>:hover span,.procate .swiper-wrapper .on span {color: #023B98;font-weight: bold;}
.prosub h2 {color: #333333;font-size: 40px;letter-spacing: 2px;}
.product{}
.product-menu {width: 21.25%;box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.09);background: #f7f9fa;}
.product .product-menu li {width: 100%;background: #fff;margin-bottom: 5px;}
.product .product-menu li:last-child {margin-bottom: 0;}
.product .product-menu li .menu-li {width: 100%;height: 60px;padding: 0 25px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;transition: all ease-out 0.3s;}
.product .product-menu li .menu-li a {font-size: 18px;color: #333;line-height: 34px;transition: all ease-out 0.3s;width:100%;display:block;}
.product .product-menu li .menu-li span {width: 14px;height: 14px;display: flex;position: relative;cursor: pointer;}
.product .product-menu li .menu-li span img {width: 100%;height: 100%;object-fit: contain;transition: all ease-out 0.3s;}
.product .product-menu li .menu-li span img:nth-child(2) {position: absolute;top: 0;z-index: 2;opacity: 0;}
.product .product-menu li .menu-li span:after,
.product .product-menu li .menu-li span:before {content: "";display: block;position: absolute;left: 50%;top: 50%;margin-top: -1px;margin-left: -0.1rem;width: 100%;height: 2px;background-color: #333;}
.product .product-menu li .menu-li span:before {transform: rotate(90deg);}
.product .product-menu li .menu-li:hover,.product .product-menu li .menu-li.on {background: #023B98;}
.product .product-menu li .menu-li:hover a,.product .product-menu li .menu-li.on a {color: #fff;}
.product .product-menu li .menu-li:hover span img:nth-child(1),.product .product-menu li .menu-li.on span img:nth-child(1) {opacity: 0;}
.product .product-menu li .menu-li:hover span img:nth-child(2),.product .product-menu li .menu-li.on span img:nth-child(2) {opacity: 1;}
.product .product-menu li .menu-li:hover span:before,.product .product-menu li .menu-li.on span:before {opacity: 0;}
.product .product-menu li .menu-li:hover span:after,.product .product-menu li .menu-li.on span:after {background-color: #fff;}
.product .product-menu li .s-menu {width: 100%;display: none;}
.product .product-menu li .s-menu.on {display: block;}
.product .product-menu li .s-menu a {width: 100%;height: 54px;color: #666;padding:0 25px;display: flex;justify-content: space-between;align-items: center;position: relative;transition: all ease-out 0.3s;border-bottom: 1px solid #e5e5e5;}
.product .product-menu li .s-menu a:last-child {border-bottom: none;}
.product .product-menu li .s-menu a i {content: '';width: 6px;height: 10px;transition: all ease-out 0.3s;}
.product .product-menu li .s-menu a i img,.product .product-menu li .s-menu a i svg {width: 100%;}
.product .product-menu li .s-menu a i img path,.product .product-menu li .s-menu a i svg path {fill: #999999;}
.product .product-menu li .s-menu a:hover,.product .product-menu li .s-menu a.on {color: #023B98;}
.product .product-menu li .s-menu a:hover i img path,.product .product-menu li .s-menu a.on i img path,.product .product-menu li .s-menu a:hover i svg path,.product .product-menu li .s-menu a.on i svg path {fill: #023B98;}
.cls-1 {fill: #fff;fill-rule: evenodd;}
.product .right{width: 75%;}
.product-ul li {position: relative;overflow: hidden;margin-right: 2.7%;margin-bottom: 2.5%;width: 31.5%;border: solid 1px #f0f0f0;}
.product .product-ul li:nth-child(3n) {margin-right: 0;}
.product .product-ul li::before {position: absolute;bottom: 0;left: 0;z-index: 1;width: 0%;height: 2px;background-color: #023B98;content: "";-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;-ms-transition: .5s;}
.product .product-ul li:hover::before {width: 100%;}
.product .product-font {padding: 0 25px;width: 100%;background: #fff;}
.product .product-font .tit {padding-top: 20px;padding-bottom: 25px;color: #333;}
.product .product-font .btn {padding: 15px 0;border-top: 1px solid #f0f0f0;color: #999;font-weight: lighter;}
.product .product-font .btn i {color: #999;font-weight: 700;font-size: 12px;}
.product .product-hfont {position: absolute;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;transform: translateY(100%);-ms-transition: .5s;}
.product .product-ul li:hover .product-hfont {transform: translateY(-100%);}
.product .product-hfont .btn,.product .product-hfont .btn i {color: #023B98;}
.product .product-hfont .tit {padding-bottom: 20px;}
.product .dec-box {padding-bottom: 25px;}
.product .product-hfont .dec {position: relative;padding-left: 10px;color: #555;font-size: 16px;line-height: 26px;}
.product .product-hfont .dec::before {position: absolute;top: 12px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #023B98;content: "";}
.product .product-img {position: relative;height: 300px;}
.product .product-img img{overflow: hidden;width: 100%;-webkit-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.product .product-ul li:hover .product-img img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.icon img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.proInfoBg {background-size: 100% auto;padding-top: 100px;}
.proinfotext  .line{ height: 1px; background-color: #e5e5e5;}
.proinfotext  .line::before{ display: block; content: ''; background-color: #023B98; position: absolute; left: 0; top: -1px; height: 3px; width: 50px;}
.proinfotext .button a{ border-color: #023B98; height: 55px;}
.proinfoLine .title::after{ display: block; content: ''; background-color: #023B98; position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%;}
.proinfoimg .swiperBtn{ width: 66px; height: 66px; } 
.proinfoimg .swiperBtn:hover{ background-color: #023B98; color: #fff;}
.proinfoimg .swiper-slide{  height: 550px;}

.gbookItem {width: 32%;}

@media (max-width: 1580px) {
    .product .product-menu li .menu-li {height: 50px;}
    .product .product-menu li .menu-li a {font-size: 16px;}
}
@media screen and (max-width: 1440px){
    .proInfoBg {padding-top: 90px;}
    .proinfoimg .swiper-slide{ height: 450px;}
    .proinfoimg .swiperBtn {width: 58px;height: 58px;}
}
@media (max-width: 1280px) {
	.nybanner{padding-top:60px;}
    .product .product-ul li {width: 48.65%;}
    .product .product-ul li:nth-child(3n) {margin-right: 2.7%;}
    .product .product-ul li:nth-child(2n) {margin-right: 0;}
    .product .product-icon {width: 40px;height: 40px;}
    .proInfoBg {padding-top: 80px;}
    .proinfoimg .swiper-slide{ height: 400px;}
    .proinfotext .button a{ height: 45px;}
    .proinfotext .button a img{height:20px;}
    .product .product-img{height:360px;}
}
@media screen and (max-width: 1040px){
    .product-menu{display: none;}
    .product .right{width: 100%}
    .proInfoBg {padding-top: 70px;}
    .proinfoimg .swiper-slide{ height: 380px;}
    .proinfoimg .swiperBtn {width: 50px;height: 50px;}
    .list-page li span,.list-page li a{padding: 6px 12px;}
}

@media (max-width: 750px) {
    .procate .swiper-wrapper span{font-size: 14px;}
    .product .product-menu li .menu-li {height: 50px;}
    .product .product-ul li {margin-bottom: 30px;width: 100%;}
    .product .product-ul li, .product .product-ul li:nth-child(3n){margin-right: 0;}
	.product-font .f20{font-size:16px;}
	.product-font .f18{font-size:16px;}
	.product .product-font .btn{color:#666;}
    .proInfoBg {padding-top: 0;}
    .proinfoimg .swiper-slide{ height: 280px; padding: 0;}
    .proinfotext{ margin-top: 15px;}
    .proinfotext .button a{ width: 40%; height: 38px;}
    .proinfotext .button a img{height: 18px;}
    .proinfotext .button a:first-child{ width: 58%;}
	.wapFlex {flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    .gbookItem{ width: 100%;}
    .gbookItem + .gbookItem{ margin-top: 15px;}
}