.pageban{position:relative;overflow:hidden}
.pageban img{width: 100%;}
.wappagenav{display:none;position:relative;background: #0054aa;}
.wappagenav .wappagenavname{display:block;color:#fff;font-size:16px;line-height:48px;position:relative}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:6px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:0px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:300px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.wappagenav .wappaganavlist .onename{line-height:30px;padding:10px 0;color:#333;display:block}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist .name{position:relative}
.wappagenav .wappaganavlist .name:after{content:"";width:2px;height:14px;background-color:#ddd;position:absolute;top:13px;right:6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappaganavlist .name:before{content:"";width:14px;height:2px;background-color:#ddd;position:absolute;top:19px;right:0}
.wappagenav .wappaganavlist.cur .name:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.wappagenav .wappaganavlist .name a{max-width:75%;line-height:26px;padding:7px 0;color:#333;font-size:15px;font-weight:bold;border-top:none;display:inline-block}
.list-page{margin-top:30px;}
.list-page li span,.list-page li a{position: relative;display: block;padding: 10px 15px;margin-left: -1px;line-height: 1.25;color: #0054aa;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: #0054aa !important;border-color: #0054aa !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 span,.pagination li a{font-size: 15px;}
.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;}
.pcnavbox{width: 100%;overflow: hidden;height: 70px;line-height: 70px;box-sizing: border-box;background: #fff;}
.pcnavbox span{float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: url("../images/icon-home.png") no-repeat left center;font-size: 15px;color: #666;padding-left: 20px;}
.pcnavbox span a{color: #666;margin: 0px 6px;}
.pcnavbox span a:hover{color: #0054aa;}
.pcnavbox ul{float: right;overflow: hidden;height: 100%;display: flex;justify-content:flex-end;}
.pcnavbox ul li{float: left;width: auto;padding: 0px 5px;position: relative;height: 100%;margin-left: 3%;}
.pcnavbox ul li:before{width: 0%;content: "";position: absolute;left: 0px;bottom: 0px;height: 2px;background: #c7000b;}
.pcnavbox ul li a{color: #666; cursor: pointer}
.pcnavbox ul li.active:before,.pcnavbox ul li:hover:before{width: 100%;}
.pcnavbox ul li.active a,.pcnavbox ul li a:hover{color: #c7000b;}
.pcnavbox .pcnavbox_inner{position: static;background: #f1f1f1;z-index:20;width: 100%;}
.pcnavbox.fixed .pcnavbox_inner{position: fixed;}
.nodata{width: 100%;margin: 0 auto;text-align: center;}
.nodata p{margin-top:20px;color: #666;font-size: 16px;}
@media (max-width:1024px){
    .wappagenav{display:block}
    .list-page li span,.list-page li a{padding: 6px 12px;}
    .pcnavbox span{width: 100%;}
    .pcnavbox ul{display: none;}
    .nodata img{max-width: 50%;}
}
@media (max-width:767px){
    .pcnavbox{height: 60px;line-height:60px;}
}
/*img{max-width: 100%;}*/
.product-cate {text-align: center;background-color: #fff;}
.cate-swiper .swiper-slide>a {display: inline-block;padding: 18px 10px 10px;position: relative;}
.cate-swiper .swiper-slide>::after {content: '';width: 80px;height: 2px;background-color: #0054aa;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;}
.cate-swiper .swiper-slide>:hover::after,.cate-swiper .on::after {opacity: 1;transform: translateY(0) scaleX(1);}
.cate-swiper img {height: 70px;transition: all 0.3s ease;margin:0 auto;}
.cate-swiper .on img,.cate-swiper a:hover img {opacity: 1;}
.cate-swiper span {display: inline-block;line-height: 22px;height: 22px;margin-top: 10px;color: #666;padding: 0 15px;border-radius: 7px;overflow: hidden;font-size: 16px;}
.cate-swiper .swiper-slide>:hover span,.cate-swiper .on span {font-weight: bold;}
.product-box {position: relative;background: #f7f8fa;}
.product-box .ul {margin-bottom: 23px;}
.product-box .ul .li {width: 23.85%;float: left;margin-left: 1.5%;margin-bottom: 40px;}
.product-box .ul .li:nth-child(4n+1) {margin-left: 0;}
.product-box .ul .li:hover .img img {transition: .5s;transform: scale3d(1.1, 1.1, 1);}
.product-box .ul .li:hover .wen:after {background: url(../images/bn16.png) no-repeat center;background-size: 100%;transition: .5s;}
.product-box .ul .li .img {width: 100%;overflow: hidden;background: #ffffff;margin-bottom: 1px;}
.product-box .ul .li .img img {transition: .5s;max-width: 90%;margin: 0 auto;display: block;}
.product-box .ul .li .wen {background: #ffffff;font-size: 14px;line-height: 25px;color: #666666;padding: 40px;box-sizing: border-box;position: relative;}
.product-box .ul .li .wen:after {position: absolute;height: 20px;content: "";width: 20px;background: url(../images/n16.png) no-repeat center;background-size: 100%;right: 40px;top: 48px;transition: .5s;}
.product-box .ul .li .wen .h01 {font-size: 20px;color: #000000;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 85%;}
.product-box .ul .li .wen .h02 {max-height: 50px;overflow: hidden;margin-top: 12px;}
.product-box .ul .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;}
@media screen and (max-width: 1024px) {
    .product-box .ul .li .wen:after{right: 15px;top: 30px;}
    .product-box .ul .li:hover .wen:after {right: 15px;top: 15px;}
    .product-box .ul .li {width: 32%;margin-left: 2%;margin-bottom: 20px;}
    .product-box .ul .li:nth-child(4n+1) {margin-left: 2%;}
    .product-box .ul .li:nth-child(3n+1) {margin-left: 0;}
    .product-box .ul .li .wen {padding: 20px;}
    .product-box .ul .li .wen .h01 {font-size: 18px;}
}
@media screen and (max-width: 768px){
    .product-box .ul {margin-bottom: 15px;}
    .product-box .ul .li {width: 49%;margin-left: 2%;margin-bottom: 20px;}
    .product-box .ul .li:nth-child(3n+1) {margin-left: 2%;}
    .product-box .ul .li:nth-child(2n+1) {margin-left: 0;}
    .product-box .ul .li .wen .h02{margin-top:5px;}
}
@media screen and (max-width: 767px){
    .product-cate{padding-top:0;}
    .cate-swiper .swiper-slide>a{padding:10px;}
    .cate-swiper span{font-size: 15px;}
    .cate-swiper img{height:60px;}
    .product-box .ul .li {margin-bottom: 10px;}
    .product-box .ul .li .wen{padding:10px;}
    .product-box .ul .li .wen:after{width: 15px;height: 25px;top:16px;}
    .product-box .ul .li .wen .h02 p{height: 40px;line-height: 20px;}
}

.product-info{background:#f7f8fa;}
.infobox-1{ background: #fff; padding: 2%; position: relative; overflow: hidden;}
.infobox-1 .row{ margin: 0;}
.infobox-left{ display: block; position: relative; overflow: hidden; border: 1px solid #efefef; }
.infobox-left img{ width: 100%;}
.infobox-right{ padding: 0 2% 0 4%;position:relative;}
.infobox-right .tit{ border-bottom: 1px solid #d4d4d4; line-height: 50px; position: relative;height: 60px;}
.infobox-right .tit:before{ width: 15%; height: 3px; background: #0054aa; content: ''; left: 0; bottom: -2px; position: absolute;}
.infobox-right h2{ color: #282828; font-size: 36px; font-weight: bold !important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
/*.infobox-right p{ color: #666666; font-size: 22px;}*/
.infobox-right .content{ color: #666666; font-size: 18px; line-height: 40px; margin: 5% 0;overflow: hidden;}
.info-contact{position:absolute;bottom:0;}
.infobox-right dl{ margin: 0 !important; padding: 0 0 5% !important; text-align: center;}
.infobox-right dl dd{ width: 25%; border-right: 1px solid #e9e9e9;}
.infobox-right dl dd:last-of-type{ border: none;}
.infobox-right dl dd p{ display: inline-block; width: 60px; height: 60px; line-height: 50px; text-align: center; background: #0054aa; border-radius: 100%; border: 5px solid #ccead9;}
.infobox-right dl dd p i{ color: #fff; font-size: 26px;}
.infobox-right dl dd span{ display: block; padding-top: 5%; color: #666666; font-size: 18px;}
.infobox-right .zixun-btn{ width: 50%; margin-right: 5%; height: 50px; line-height: 50px; background: #0054aa; border-radius: 5px; text-align: center; font-size: 16px; transition: 0.3s; position: relative; z-index: 1;}
.infobox-right .zixun-btn a{ color: #fff;}
.infobox-right .zixun-btn i{ display: inline-block; font-size: 20px; margin-left: 10px;}
.infobox-right .zixun-btn:nth-of-type(2){ background: #cd0e16;}
.infobox-right .zixun-btn:hover{ background: #333;}
.infobox-right #cptel{ color: #666666; font-size: 18px; padding-top: 3%;}
.infobox-right #cptel span{ color: #cd0e16;}
.infobox-2{background: #fff;}
.infobox-2 .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}
.infobox-2 .swiper-slide { background-size: cover; background-position: center; position: relative;}
.infobox-2 .gallery-top { height: auto; width: 100%; padding: 2% 0 0;}
.infobox-2 .gallery-thumbs { height: auto; border-bottom: 1px solid #d4d4d4;  padding: 0; box-sizing: border-box; position: relative;}
.infobox-2 .gallery-thumbs .swiper-slide { cursor: pointer; line-height: 50px; position: relative; color: #0054aa; font-size: 20px; }
.infobox-2 .gallery-thumbs .swiper-slide:before{ width: 0; height: 3px; background: #0054aa; content: ''; left: 0; bottom: 0; position: absolute; transition: 0.3s;}
.infobox-2 .gallery-thumbs .swiper-slide-thumb-active{ color: #0054aa;}
.infobox-2 .gallery-thumbs .swiper-slide-thumb-active:before{ width: 100%;}
.infobox-2 img{max-width: 100%;}
.infobox-3{background: #fff;}
.infobox-3 .tit{ color: #343434; font-size: 20px; position: relative; padding-left: 20px;}
.infobox-3 .tit:before{ position: absolute; left: 0; top: 20%; content: ''; width: 4px; height: 60%; background: #0054aa;}
.infobox-3{position: relative; margin-top: 3%;}
.infobox-3 .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.infobox-3 .swiper-slide {
    transition:0.3s;
    position: relative;
    padding-bottom: 55px;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.infobox-3 .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 110%; position: relative; overflow: hidden;}
.infobox-3 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.infobox-3 .swiper-slide .tit{ line-height: 25px; position: absolute; bottom: 15px; left: 5%; height: auto; padding: 4%; background: #f5f5f5; width: 90%; transition: 0.3s; filter: drop-shadow(-8px 5px 8px rgba(153, 153, 153, 0.2)); text-align: center;}
.infobox-3 .swiper-slide .tit p{ display: inline-block; width: 100%; font-size: 18px; color: #1e2830; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.infobox-3 .swiper-slide .tit span{ display: block; position: relative; text-transform: uppercase; font-size: 14px; color: #dfdfdf;}
.infobox-3 .swiper-slide:hover img{ transform: scale(1.1);}
.infobox-3 .swiper-slide:hover .tit{ background-color: #0054aa;}
.infobox-3 .swiper-slide:hover .tit p{ color: #fff;}
.infobox-3 .swiper-slide:hover .tit span{ color: rgba(255,255,255,0.5);}
.infobox-4{background: #fff;}
.infobox-4{font-size:16px;  line-height:1.7; text-align:justify;}
.infobox-4 p{margin:0 0 15px; }
.infobox-4 .tit{margin:0 0 60px; text-align:center;}
.infobox-4 .tit h3{margin:0; font-size:36px; line-height:2; font-weight:600;color:#333;}
.infobox-4 .tit h4{margin:0; font-size:18px; line-height:1.65; color:#666; font-weight:normal;}
.infobox-4 .tit h4 a{color:#db1212;}
.infobox-4 .list-style-two {margin-left: -10px;margin-right: -10px;}
.infobox-4 .list-style-two li {position: relative;float: left;padding: 10px;width: 50%;}
.infobox-4 .list-style-two li.all-long {width: 100%;}
.infobox-4 input{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.infobox-4 .comm-input{background:#f8f8f8; border:0; border-bottom:2px solid #f8f8f8; padding:20px; width:100%; font-size:16px; font-family:'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif; }
.infobox-4 .comm-select{border:0; border-bottom:2px solid #f8f8f8; padding:20px; width:100%; font-size:16px; background:none; background:url(../images/icon-down.png) #f8f8f8 no-repeat 98% center; background-size:18px; -webkit-appearance:none;appearance:none; }
.infobox-4 .confirmBtn{display:block; background:#0054aa; color:#fff; line-height:50px; width:20%; min-width:200px; font-size:18px; text-align:center; margin:0 auto;outline:0px;-webkit-appearance: none; }
.infobox-4 .confirmBtn:hover{background:#333; color:#fff;cursor: pointer;}
.infobox-4 .form-box .confirmBtn{margin-top:5%; }
@media screen and (max-width:1440px){
    .infobox-right h2{ font-size: 26px;}
    /*.infobox-right p{ font-size: 18px;}*/
    .infobox-right .content{ font-size: 16px; line-height: 30px;}
    .infobox-right dl dd span{ font-size: 15px;}
    .infobox-right .zixun-btn{ font-size: 14px;}
    .infobox-right #cptel{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .infobox-1:after{ display: none;}
    .infobox-right .content{ font-size: 15px;}
	.infobox-right .tit{height:50px;}
    .infobox-right h2{ font-size: 20px;}
    .infobox-right ul .bt{ font-size: 14px; height: 30px;}
    .infobox-right ul{ margin: 2% 0 !important;}
    .infobox-right .zixun-btn{ width: 35%;height: 40px;line-height: 40px;}
    .infobox-2 .gallery-thumbs{ padding: 0;}
    .infobox-2 .gallery-thumbs .swiper-slide{ font-size: 18px;}
    .infobox-3 .tit{ font-size: 18px;}
    .infobox-3 .swiper-slide .tit p{ font-size: 15px;}
    .infobox-3 .swiper-slide .tit span{ font-size: 13px;}
    .infobox-4 .tit {margin: 0 0 20px;}
    .infobox-4 .tit h3 {font-size: 26px;}
    .infobox-4 .tit h4 {font-size: 15px;}
    .infobox-4 .list-style-two li{width: 100%;}
}
@media screen and (max-width:991px){
    .infobox-1:before{ display: none;}
    .infobox-right{ margin-top: 3%;}
    .info-contact{position:relative;}
    .infobox-right dl dd{ float: left;}
    .infobox-right dl dd span{ font-size: 14px;}
    .infobox-right .zixun-btn{ font-size: 14px;}
    .infobox-right #cptel{ font-size: 16px;}
    .infobox-right .zixun-btn{ width: 40%;}
    .infobox-2 .gallery-thumbs .swiper-slide{ font-size: 16px;}
    .infobox-2,.infobox-3,.infobox-4 {padding: 15px !important;margin-top: 15px !important;}
    .infobox-3 .tit{ font-size: 16px;}
    .infobox-4 .tit h3 {font-size: 22px;}
    .infobox-4 .comm-input,.infobox-4 .comm-select{font-size:15px;}
    .infobox-4 .comm-input{padding:15px 10px; }
    .infobox-4 .comm-select{padding:15px 10px;background:none; background:url(../images/icon-down.png) #f8f8f8 no-repeat 96% center; background-size:18px; -webkit-appearance:none;appearance:none; }
    .infobox-4 .confirmBtn{font-size:15px;line-height:40px;width: 38%;min-width: auto;}

}