.ny_banner {position: relative;}
.ny_banner .img img {width: 100%;}
.ny_banner .main {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;text-align: center;}
.ny_banner .main .content1 {font-size: 24px;color: #fff;text-align: center;}
.ny_banner .main .content2 {font-size: 36px;color: #fff;margin-top: 20px;}

.pages{margin-top:20px;}
.pages li span,.pages 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;}
.pages .disabled span{color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;}
.pages a:hover,.pages 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;padding:15px 0;}
.procate .cate_item{width: 100%;float:left; padding:0 18px; box-sizing:border-box; text-align:center; cursor:pointer; position:relative;}
.procate .cate_item .icon{margin:0 auto; width:56px; height:55px; background-repeat:no-repeat; background-position:0 0; transition:transform .3s ease; margin-bottom:5px;}
.procate .cate_item.cur .icon,
.procate .cate_item:hover .icon{background-position:0 -55px;}
.procate .cate_item:hover .icon{transform:rotateY(180deg);}
.procate .cate_item .tit{font-size:16px; color:#666666; transition:.3s ease;}
.procate .cate_item.cur .tit,
.procate .cate_item:hover .tit{ color:#e30713;}
.procate .cate_item .icon{width:70px; height:73px;}
.procate .cate_item.cur .icon,.procate .cate_item:hover .icon{background-position:0 -73px;}

.childcate {overflow: hidden;margin-bottom: 60px;display:flex;justify-content:center;}
.childcate li {width: 150px;height:50px;line-height: 50px;overflow: hidden;display: inline-block;margin: 0px 10px;box-sizing: border-box;text-align: center;cursor: pointer;color: #333;background:#fff;}
.childcate li a{display: block;font-size:16px;}
.childcate li:hover,.childcate li.active {background: #255393;}
.childcate li:hover a,.childcate li.active a{color: #fff}


.product{background-color: #f5f5f5;padding:70px 0;}
.productnav {width: 300px;float: left;}
.productnav .sidebar {width: 100%;box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.09);}
.productnav .top {width: 100%;height: 70px;background: #255393;}
.productnav h3 {padding: 20px 0 0 26px;font-size: 24px;font-weight: normal;}
.productnav h3 a {display: block;color: #fff;text-decoration: none;}
.productnav h3 em {font-weight: bold;color: #fff;}
.productnav h3 span {font-size: 14px;color: #fff;font-family: arial;margin-left: 6px;position: relative;top: 2px;}
.productnav .sidebarbox {padding: 26px;background: #fff;}
.productnav .sidebarbox dl {margin-top: 20px;}
.productnav .sidebarbox dl:first-child {margin-top: 0;}
.productnav .sidebarbox dt {height: 56px;text-indent: 26px;font-size: 18px;background-color: #255393;line-height: 56px;font-weight: normal;}
.productnav .sidebarbox dt a {display: block;width: 100%;height: 100%;position: relative;color: #fff;}
.productnav .sidebarbox dt i,.productnav .sidebarbox dd i {display: block;width: 23px;height: 23px;background-color: #fff;border: solid 1px #ddd;position: absolute;right: 10%;top: 15px;z-index: 9;border-radius: 50%;}
.productnav .sidebarbox dt i:before,.productnav .sidebarbox dd i:before {content: '';display: block;width: 10px;height: 15px;background: url(../images/n_jt.png) no-repeat;position: relative;left: 6px;top: 3px;}
.productnav .sidebarbox dt a:hover, .productnav .sidebarbox dt.cur a {color: #fff;background-color: #cd0e16;}
.productnav .sidebarbox dd a:hover,.productnav .sidebarbox dd a.cur {color: #cd0e16;font-weight: bold;}
.productnav .sidebarbox dt a:hover i,.productnav .sidebarbox dt.cur a i,.productnav .sidebarbox dd a:hover i,.productnav .sidebarbox dd a.cur i {background-color: #cd0e16;border-color: #fff;}
.productnav .sidebarbox dt a:hover i:before,.productnav .sidebarbox dt.cur a i:before, .productnav .sidebarbox dd a:hover i:before,.productnav .sidebarbox dd a.cur i:before {background-image: url(../images/n_jt2.png);}
.productnav .sidebarbox dd {display: none;}
.productnav .sidebarbox dd a {display: block;font-size: 15px;color: #666666;height: 50px;line-height: 50px;text-indent: 25px;text-decoration: none;border-left: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;position: relative;}
.productnav .sidebarbox dd a:first-child {border-top: none;}
.proinforight {width: calc(100% - 360px);float: right;margin-bottom: 23px;}
.product_box .li {width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;}
.product_box .li:nth-child(4n) {margin-right: 0;}
.product_box .li .img {width: 100%;overflow: hidden;background: #ffffff;margin-bottom: 1px;}
.product_box .li .img img {transition: .5s;max-width: 90%;margin: 0 auto;display: block;}
.product_box .li .wen {background: #ffffff;color: #666666;padding: 15px;box-sizing: border-box;position: relative;}
.product_box .li .wen:after {position: absolute;height: 20px;content: "";width: 20px;background: url(../images/icon-r1.png) no-repeat center;background-size: 100%;right: 15px;top: 25px;transition: .5s;}
.product_box .li .wen .h01 {font-size: 16px;color: #000000;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;}
.product_box .li .wen .h02 {max-height: 50px;overflow: hidden;margin-top: 12px;}
.product_box .li .wen .h02 p {width: 100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;height: 50px;line-height: 25px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product_box .li:hover .img img {transition: .5s;transform: scale3d(1.1, 1.1, 1);}
.product_box .li:hover .wen {background: #255393;color: #fff;}
.product_box .li:hover .wen .h01 {color: #fff;}
.product_box .li:hover .wen:after {background: url(../images/icon-r2.png) no-repeat center;background-size: 100%;transition: .5s;}

.bg5{background: #f5f5f5;}
.ny_bread .box {line-height: 80px;border-bottom: 1px solid #ddd;}
.ny_bread .box .boxLeft p a {font-size: 16px;color: #888;transition: 0.4s;}
.ny_bread .box .boxLeft  i,.ny_bread .box .boxLeft p span{font-size: 16px;}
.ny_bread .box .boxLeft p a:hover {color: #d90026;}
.ny_bread .box .boxRight a {font-size: 16px;color: #d90026;}

.product_info{padding:70px 0;}
.p50{padding:50px;}
.proinfotext{background: #fff;}
.proinfotext .proinfotit{font-size:22px;font-weight: bold;}
.proinfotext .line{ height: 1px; background-color: #e5e5e5;margin: 30px 0;position: relative;}
.proinfotext .line::before{ display: block; content: ''; background-color: #255393; position: absolute; left: 0; top: -1px; height: 3px; width: 50px;}
.proinfotext .proinfointro{line-height: 2;font-size: 16px;}
.proinfotext .button a{ border-color: #023B98;color:#023B98; height: 50px;line-height: 50px;text-align: center;width:48%;border:1px solid #255393;border-radius: 40px;font-size: 18px;}
.proinfotext .button a:first-child{background: #023B98;color:#fff;}
.proinfotext .button a img{margin-right: 15px;}
.proinfoimg {background: #fff;}
.proinfoimg img{width: 90%;float: right;}
.proinfotext .wxts{margin-top:30px;color:#aaa;}
.proinfodescp{margin-top:40px;background: #fff;}
.proinfoline{border-bottom: 1px solid #e5e5e5;padding-left:50px;}
.proinfoline .title{position: relative;display: inline-flex;line-height: 1;padding:20px 0;font-size: 22px;}
.proinfoline .title::after{ display: block; content: ''; background-color: #023B98; position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%;}
.descp{padding:50px;line-height: 2.4;}

@media screen and (max-width: 1440px){
    .ny_banner .main .content1 {font-size: 22px;}
    .ny_banner .main .content2 {font-size: 32px;}
    .product_info{padding:44px 0;}
    
    .productnav {width: 260px;}
    .productnav .top {height: 60px;background: #255393}
    .productnav h3 {padding: 15px 0 0 20px;}
    .productnav .sidebarbox {padding: 20px;}
    .proinforight {width: calc(100% - 300px);}
    .proinfodescp{margin-top: 30px;}
}

@media screen and (max-width: 1240px){
    .product{padding:50px 0;}
    .product_box .li {width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
    .product_box .li:nth-child(4n) {margin-right: 2%;}
    .product_box .li:nth-child(3n) {margin-right: 0%;}
    .p50{padding:30px;}
    .proinfotext .line{margin:20px 0;}
    .proinfotext .button a{font-size: 16px;width: 45%;}
    .proinfoline{padding-left:30px;}
    .proinfoline .title{font-size: 18px;}
    .descp{padding:30px;line-height: 2;}
}

@media screen and (max-width: 1024px){
    .ny_banner .main .content1 {font-size: 18px;}
    .ny_banner .main .content2 {font-size: 26px;}
    .ny_bread .box {line-height: 70px;}
    .pages li span,.pages li a{padding: 6px 12px;}
    .product_info{padding:40px 0;}
    .productnav {width: 100%;margin-bottom: 20px;margin-top: 0;}
    .productnav .top {height: 50px;}
    .productnav h3 {padding: 10px 0 0 15px;font-size: 20px;}
    .productnav .sidebarbox {padding: 15px 20px;}
    .productnav .sidebarbox dt {height: 45px;line-height: 45px;font-weight: normal;text-indent: 18px;font-size:16px;}
    .productnav .sidebarbox dt i, .productnav .sidebarbox dd i {width: 20px;height: 20px;top: 10px;right: 2%;}
    .productnav .sidebarbox dt i:before, .productnav .sidebarbox dd i:before {left: 5px;top: 2px;}
    .productnav .sidebarbox dl {margin-top: 10px;margin-bottom: 0;}
    .proinforight {width: 100%;}
    .proinfotext .proinfotit{font-size: 20px;}
    .proinfotext .proinfointro{line-height: 1.6;}
    .p50{padding:20px;}
    .proinfotext .button a{width: 48%;}
    .proinfoline{padding-left:20px;}
    .proinfodescp{margin-top:30px;}
    .descp{padding:20px;}
}

@media (max-width: 750px) {
    .ny_banner .main .content1 {font-size: 16px;}
    .ny_banner .main .content2 {font-size: 18px;margin-top:10px;}
	.ny_bread .box .boxLeft p a,.ny_bread .box .boxLeft i, .ny_bread .box .boxLeft p span,.ny_bread .box .boxRight a{font-size:14px;}
    .procate{padding:10px 0;}
    .procate .cate_item .tit{font-size: 14px;}
    .procate .cate_item .icon{width: 50px;height:53px;background-size: 50px 100px;}
    .procate .cate_item.cur .icon,.procate .cate_item:hover .icon{background-position:0 -53px;}
	.childcate{margin-bottom:30px;}
	.childcate li{height:40px;line-height:40px;width:130px;margin:0 5px;}
	.childcate li a{font-size:14px;}
    .product{padding:30px 0;}
    .product_box .li {width: 49%;float: left;margin-right: 2%;margin-bottom: 2%;}
    .product_box .li:nth-child(3n) {margin-right: 2%;}
    .product_box .li:nth-child(2n) {margin-right: 0%;}
    .product_box .li .wen{padding:10px;}
    .product_box .li .wen .h01{font-size:14px;line-height: 30px;}
    .product_box .li .wen:after{top:15px;right:10px;}
    .ny_bread .box {line-height: 30px;padding:10px 0;}
    .product_info{padding:30px 0;}
    .proinfotext .proinfotit{font-size: 18px;}
    .proinfotext .proinfointro{font-size: 14px;}
    .proinfotext .button a {width: 38%;height: 38px;line-height: 38px;font-size:14px;}
    .proinfotext .button a:first-child {width: 58%;}
    .proinfotext .button a img{margin-right: 5px;width:25px;}
    .p50{padding:15px;}
    .proinfotext .wxts{margin-top:15px;}
    .proinfoline{padding-left:15px;}
    .proinfoline .title{font-size: 16px;padding:15px 0;}
    .proinfodescp{margin-top:20px;}
    .descp{padding:15px;}

}