.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;} }