.pageban{position:relative;overflow:hidden}
.pageban img{width: 100%;}
.wappagenav{display:none;position:relative;background: #001c53;}
.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}
/*.wappagenav .wappaganavlist .child{border-top:1px solid #ddd;overflow-y:auto;max-height:140px;display:none}
.wappagenav .wappaganavlist .child .list{display:block;font-size:12px;padding:5px 10px;color:#999;line-height:24px;border-bottom:1px solid #f0f0f0}
.wappagenav .wappaganavlist .child .list:nth-last-of-type(1){border-bottom:0}*/
.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: #001c53;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: #001c53 !important;border-color: #001c53 !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: 60px;line-height: 60px;box-sizing: border-box;background: #fff;}
.pcnavbox span{float: left;width: auto;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: #001c53;}
.pcnavbox ul{float: right;width: auto;overflow: hidden;height: 100%;}
.pcnavbox ul li{float: left;width: auto;padding: 0px 5px;position: relative;height: 100%;margin-left: 40px;}
.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;}
.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%;}
}

.products-box {padding: 90px 0;background-color: #f5f5f5;overflow: hidden;}
.products-box .products-item {width: 100%;margin-bottom: 60px;position: relative;overflow: hidden;}
.products-box .products-item:last-child{margin-bottom: 0;}
.products-box .products-item .fl{width: 50%;overflow: hidden;position: relative;}
.products-box .products-item .fl img{-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.products-box .products-item .fl:hover img{transform: scale(1.05);}
.products-box .products-item .fr{width: 50%;background-color: #fff;}
.products-box .products-item .fr {padding: 50px;box-sizing: border-box;height: 500px;}
.products-box .products-item:nth-child(2n) .fl {float: right;}
.products-box .products-item:nth-child(2n) .fr {float: left;}
.products-box .products-item .fr .tit {font-size: 30px;border-bottom: 1px solid #f2f2f2;padding-bottom: 15px;line-height: 48px;text-align: left;}
.products-box .products-item .fr .txt2{padding-top:30px;}
.products-box .products-item .fr .txt2 .span {float: left;height: 42px;padding-right: 45px;border: 1px solid #e9e9e9;box-sizing: border-box;line-height: 42px;font-size: 16px;color: #000000;padding-left: 20px;box-sizing: border-box;margin-right: 19px;position: relative;transition: .5s;cursor: pointer;margin-bottom: 20px;}
.products-box .products-item .fr .txt2 .span:after {position: absolute;content: "";width: 15px;height: 15px;background: url(../images/icon-16.png) no-repeat center;background-size: 100%;right: 20px;top: 0;bottom: 0;margin: auto;transition: .5s;}
.products-box .products-item .fr .txt2 .span:hover {color: #ffffff;transition: .5s;background: #c7000b;}
.products-box .products-item .fr .txt2 .span:hover:after {background: url(../images/icon-16-1.png) no-repeat center;background-size: 100%;transition: .5s;}
.products-box img{width: 100%;max-height: 500px;}
@media (max-width:1024px){
    .products-box{padding:70px 0;}
    .products-box .products-item .fr{padding:30px;}
    .products-box .products-item .fr .tit{font-size: 26px;}
    .products-box .products-item .fr .txt2 .span{height: 38px;line-height:38px;margin-bottom: 15px;}
}
@media (max-width:768px){
    .products-box .products-item .fl,.products-box .products-item .fr{width: 100%;}
    .products-box img{max-height: 100%;}
    .products-box .products-item .fr{height:auto;}
    .products-box .products-item .fr .tit{font-size: 24px;padding-bottom: 10px;}
}
@media (max-width:767px){
    .products-box{padding:50px 0;}
    .products-box .products-item{margin-bottom:30px;}
    .products-box .products-item .fr{padding:30px;}
    .products-box .products-item .fr .tit{font-size: 20px;line-height: 35px;}
    .products-box .products-item .fr .txt2{padding-top: 15px;}
    .products-box .products-item .fr .txt2 .span{font-size:15px;margin-right: 10px;margin-bottom:10px;}

}


/*img{max-width: 100%;}*/
.prosub {text-align: center;background-color: #001c53;padding-top:10px;}
.prosubm .swiper-slide>a {display: inline-block;padding: 18px 10px;position: relative;}
.prosubm .swiper-slide>::after {content: '';width: 80px;height: 2px;background-color: #fff;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;}
.prosubm .swiper-slide>:hover::after,.prosubm .on::after {opacity: 1;transform: translateY(0) scaleX(1);}
.prosubm span {display: inline-block;line-height: 22px;height: 22px;margin-top: 10px;color: #fff;padding: 0 15px;border-radius: 7px;overflow: hidden;}
.prosubm .swiper-slide>:hover span,.prosubm .on span {color: #fff;font-weight: bold;}


.prolist {position: relative;padding:90px 0;}
.aside_Left {width: 300px;float: left;margin-top: 100px;z-index:99;}
.sitbar-nav {width: 100%;margin-bottom: 30px;}
.aside_sitbar_nav {box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.09);}
.sitbar-nav h5 {font-size: 20px;color: #ffffff;box-sizing: border-box;background: #001c53;padding: 16px 30px;font-weight: normal;}
.sitbar-nav h5 i {display: block;font-size: 12px;line-height: 12px;color: #ffffff;opacity: 0.54;}
.sitbar-nav li {border-bottom: 1px solid #e5e5e5;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;background-color: #FFFFFF;}
.sitbar-nav li a:hover {background-color: #e9eaeb;}
.sitbar-nav li i {width: 20px;height: 30px;position: absolute;background: url(../images/fllow.svg) no-repeat center center;background-size: 24px;top: 15px;right: 30px;display: none;}
.sitbar-nav li i.active {display: block;}
.sitbar-nav li:last-child {border: none;}
.sitbar-nav li a {display: block;line-height: 54px;font-size: 16px;color: #333;padding-left: 30px;box-sizing: border-box;}
.sitbar-nav a.active {color: #001c53;}
.aside_Right{width: calc(100% - 360px);float: right;}
.prolista {float: left;width: 32%;margin-right: 2%;margin-bottom:30px;box-shadow: 0px 7px 43px 0px rgba(0, 0, 0, 0.09);color: #333;box-sizing: border-box;padding: 0;padding-bottom: 40px;cursor: pointer;}
.prolista:nth-child(3n){margin-right:0;}
.prolista .prolistimg {position: relative;text-align: center;overflow: hidden;}
.prolista .prolistimg img {width:100%;}
.prosubm img {height: 50px;transition: all 0.3s ease;}
.prosubm .on img,.prosubm a:hover img {opacity: 1;}
.prolista .prolistdesc {margin-top: 30px;}
.prolista:hover .prolistdesc span {color: #fff;background: #001d53;}
.prolistdesc span,.prolistimg img,.prosubm span,.prolista {transition: all 0.3s ease;}
.prolista:hover .prolistimg img {transform: scale(1.1);}
.prolista:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);}
.prolistdesc p {color: #999;font-size: 15px;margin-top: 10px;line-height: 21px;height: 42px;overflow: hidden;}
.prolistdesc span {margin-top: 25px;display: inline-block;font-size: 13px;color: #666;border: 1px solid #001d53;padding: 0 30px;line-height: 35px;height: 35px;border-radius: 20px;}
.prolistdesc h4 {height: 22px;color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 16px;}
.prolistdesc {text-align: center;padding: 0 10%;}

@media(max-width:1024px){
    .prolist{padding:60px 0;}
    .aside_Left{width: 100%;margin-top: 0;}
    .aside_Right {float: none;width: 100%;padding: 16px 0;}
    .prolista .prolistimg {margin-top: 0;}
    .prolista .prolistimg img {height: auto;}
    .prolistdesc span {font-size: 12px;color: #fff;border: 1px solid #001c53;padding: 0 20px;line-height: 30px;height: 30px;background: #001c53;margin-top: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}
@media(max-width:767px){
    .prolist {padding: 30px 0;}
    .prosub{padding-top:0;}
    .prosubm .swiper-slide>a{padding:10px;}
    .prosubm span{font-size: 15px;}
    .prosubm img{height:35px;}
    .sitbar-nav h5{font-size: 18px;padding: 10px 20px;}
    .sitbar-nav li a{line-height: 48px;font-size: 15px;}
	.sitbar-nav li i{top: 10px;}
    .prolista {width: 49%;float: left;margin-right: 2%;margin-left: 0;overflow: hidden;display: block;margin-top: 8px;margin-bottom:2%;padding-bottom:20px;}
    .prolista:nth-child(3n){margin-right:2%;}
    .prolista:nth-child(2n) {margin-right: 0;}
	.prolista .prolistdesc {margin-top: 15px;}
	.prolistdesc p{font-size:14px;}
}

.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: #001c53;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: #001c53 !important;border-color: #001c53 !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;}
@media (max-width:1024px){
    .list-page li span,.list-page li a{padding: 6px 12px;}
}

.pinfo-1{width: 100%;overflow: hidden;background: #fff url("../images/proinfobg.jpg") no-repeat left bottom;padding-top: 90px;}
.pinfo-1center{width: 75%;overflow: hidden;margin: 0px auto;}
.pinfo-1right{float: left;width: 55%;overflow: hidden;}
.pinfo-1right h1{float: left;width: 100%;overflow: hidden;font-size: 40px;color: #07428a;}
.pinfo-1right p{float: left;width: 100%;overflow: hidden;font-size: 24px;color: #222;position: relative;padding-bottom: 50px;}
.pinfo-1right p:before{width: 66px;height: 4px;content: "";position: absolute;left: 0px;bottom: 0px;background: #07428a;}
.pinfo-1right ul{float: left;width: 100%;overflow: hidden;margin-top: 34px;display:flex;flex-wrap: wrap;margin-bottom:80px}
.pinfo-1right ul li{float: left;width: 100%;overflow: hidden;line-height: 20px;position: relative;font-size: 16px;color: #222;padding-left: 26px;box-sizing: border-box;margin-top: 13px;}
/*.pinfo-1right ul li:nth-child(2n){margin-left:4%}*/
.pinfo-1right ul li:before{width: 8px;height: 8px;overflow: hidden;content: "";position: absolute;left: 0px;top: 6px;border-radius: 50%;background: #07428a;}
.pinfo-1right span{float: left;width: 150px;height: 44px;line-height: 44px;overflow: hidden;background: #f0f0f0;text-align: center;margin:10px 30px 0px 0px;}
.pinfo-1right span a{background: url("../images/icon-download.png") no-repeat left center;color: #222;padding-left: 30px;}
.pinfo-1right span:hover{background: #07428a;}
.pinfo-1right span:hover a{background-image: url("../images/icon-download-1.png");color: #fff;}



.pinfo-1left{float: left;width: 35%;overflow: hidden;margin-right: 10%;}
.pinfo-1left samp,.pinfo-1left samp img{float: left;width: 100%;overflow: hidden;height: auto;}
.pinfo-1left span{float: left;width: 100%;overflow: hidden;transform: rotateX(180deg);height: 130px;background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;position: relative;opacity: 0.3;}
.pinfo-1left span:before{width: 100%;content: "";position: absolute;left: 0px;top: 0px;height: 100%;background: -webkit-linear-gradient(top, #ffffff 20%, rgba(255, 255, 255, 0.7));background: -moz-linear-gradient(top, #ffffff 20%, rgba(255, 255, 255, 0.7));background: -ms-linear-gradient(top, #ffffff 20%, rgba(255, 255, 255, 0.7));background: -o-linear-gradient(top, #ffffff 20%, rgba(255, 255, 255, 0.7));}

.pinfo-2{width: 100%;overflow: hidden;background: url("../images/proinfobg2.jpg") no-repeat center;background-size: cover;padding: 90px 0px 120px;}
.pinfo-2head{width: 75%;overflow: hidden;margin: 0px auto;}
.pinfo-2head h3{float: left;width: 100%;overflow: hidden;font-size: 36px;color: #fff;text-align: center;position: relative;padding-bottom: 25px;font-weight: 600;}
.pinfo-2head h3:before{width: 66px;height: 4px;content: "";position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);background: #fff;}
.pinfo-2head p{float: left;width: 100%;overflow: hidden;font-size: 16px;color: #fff;line-height: 36px;margin-top: 40px;text-align: center}
.pinfo-2cont{width: 75%;overflow: hidden;margin: 130px auto 0px;}
.pinfo-2cont h3{width: 100%;overflow: hidden;font-size: 36px;color: #fff;text-align: center;position: relative;padding-bottom: 25px;font-weight: 600;}
.pinfo-2cont h3:before{width: 66px;height: 4px;content: "";position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);background: #fff;}
.pinfo-2cont ul{width: 100%;margin: 0px auto;overflow: hidden;text-align: center;}
.pinfo-2cont ul li{width: 13%;overflow: hidden;display: inline-block;margin-top: 60px;}
.pinfo-2cont ul li samp{width: 100%;overflow: hidden;display: block;text-align: center;}
.pinfo-2cont ul li span{width: 100%;overflow: hidden;display: block;text-align: center;font-size: 18px;color: #fff;margin-top: 20px;}

.pinfo-3{width: 100%;overflow: hidden;background: #f2f2f2;padding: 80px 0px 50px;}
.pinfo-3 h3 {width: 100%;overflow: hidden;text-align: center;font-size: 36px;color: #222;margin-bottom: 30px;}

.pinfo-4{width: 100%;overflow: hidden;padding: 80px 0px 50px;}
.pinfo-contact{font-size:16px;  line-height:1.7; text-align:justify;}
.pinfo-contact p{margin:0 0 15px; }
.index-title{margin:0 0 60px; text-align:center;}
.index-title.tleft{text-align:left;}
.index-title h3{margin:0; font-size:36px; line-height:2; font-weight:600; }
.index-title h4{margin:0; font-size:18px; line-height:1.65; opacity:.65; font-weight:normal;}
.list-style-two {margin-left: -10px;margin-right: -10px;}
.list-style-two li {position: relative;float: left;padding: 10px;width: 50%;}
.list-style-two li.all-long {width: 100%;}
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;}
.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; }
.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; }
.confirmBtn{display:block; background:#021e53; color:#fff; line-height:50px; width:20%; min-width:200px; font-size:18px; text-align:center; margin:0 auto;outline:0px;-webkit-appearance: none; }
.confirmBtn:hover{background:#005eb8; color:#fff;cursor: pointer;}
.form-box .confirmBtn{margin-top:5%; }
.form-box .confirmBtn{margin-top:5%; }

@media screen and (max-width: 1024px){
	.pinfo-1{padding-top:80px;}
    .pinfo-1center{width:90%}
    .pinfo-1right{width:100%}
    .pinfo-1left{margin:0px;width:100%;}
	.pinfo-1left span{height:60px;}
	.pinfo-1right h1{font-size:30px;}
	.pinfo-1right p{padding-bottom:30px;font-size:20px;}
	.pinfo-1right ul{margin-bottom:50px;}
	.pinfo-1right span{margin: 10px 30px 50px 0px;}
    .pinfo-2{padding:40px 0px;}
    .pinfo-2head{width:90%}
    .pinfo-2head h3{font-size:26px;padding-bottom: 20px;}
	.pinfo-2cont {width: 100%;overflow: hidden;margin: 80px auto 0px;}
    .pinfo-2cont h3{font-size: 26px;padding-bottom: 20px;}
	.pinfo-2cont ul li{margin:40px 0px 0px}
	.pinfo-2cont ul li span{font-size:16px;}
    .pinfo-3 h3 {font-size: 26px;margin-bottom: 10px;}
	.index-title {margin: 0 0 20px;}
    .index-title h3 {font-size: 26px;}
    .index-title h4 {font-size: 16px;}
    .list-style-two li{width: 100%;}
    .comm-input{padding:18px 10px; }
    .comm-select{padding:18px 10px;background:none; background:url(../images/icon-down.png) #f8f8f8 no-repeat 96% center; background-size:18px; -webkit-appearance:none;appearance:none; }
    .confirmBtn{font-size:16px; }
    
}
@media screen and (max-width: 767px){
    .pinfo-1{ padding-top:30px}
    .pinfo-1right h1 {font-size: 20px;}
    .pinfo-1right ul{margin-top:20px;margin-bottom:30px;}
    .pinfo-1right span{ width:120px; font-size:15px;margin: 10px 0px 50px 0px;}
    .pinfo-1left{ width:100%}
    .pinfo-1left span{ height:50px}
	.pinfo-1right span a{font-size:15px;}
	.pinfo-1right p{padding-bottom:30px;font-size:18px;}
    .pinfo-2{padding:30px 0px;}
    .pinfo-2head h3{font-size:22px;padding-bottom: 15px;}
	.pinfo-2head p{margin-top:20px;font-size:15px;line-height: 25px;}
    .pinfo-2cont{ margin-top:30px; width:90%}
    .pinfo-2cont h3{font-size: 22px;padding-bottom: 15px;}
    .pinfo-2cont ul{ width:100%}
    .pinfo-1right ul li{font-size: 15px;}
    .pinfo-2cont ul li{ width:33.3%; float:left; margin:20px 0px 0px}
	.pinfo-2cont ul li samp{height:auto;}
	.pinfo-2cont ul li samp img{width:40px;}
	.pinfo-2cont ul li span{margin-top:10px;font-size:15px;}
	.pinfo-3{padding: 30px 0;}
    .pinfo-3 h3 {font-size: 22px;margin-bottom: 10px;}
	.pinfo-4{padding: 30px 0;}
	.index-title h3 {font-size: 22px;}
    .index-title h4 {font-size: 15px;}
	.comm-input,.comm-select{font-size:15px;}
    .confirmBtn{font-size:15px;line-height:40px;width: 38%;min-width: auto;}
}