::-webkit-scrollbar {width:6px;height:6px;padding-right:10px} ::-webkit-scrollbar-track {border-radius:10px;background-color:#eee} ::-webkit-scrollbar-thumb {border-radius:10px;background-color:#02469b} html,body{scroll-behavior: smooth;} html{width: 100%;} body{font-size: 16px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} ol,ul,li{list-style: none;} a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;} em,i{font-style: normal;} h1,h2,h3,h4,h5,h6,th{font-weight: normal;} strong{font-weight: 800;} img{border: 0; height: auto; vertical-align: middle;/*display: block;*/} table{border-collapse: collapse; border-spacing: 0;} input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";} input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;} input,input:focus,input:active{user-select: text;} button:focus{outline: 0;} textarea{resize: none;} video{outline: none;display: block;} *{margin: 0;padding: 0;box-sizing: border-box;} .clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;} .relative{position: relative;} .fl{float: left;} .fr{float: right;} .container{position: relative;max-width: 1920px;margin: 0 auto;padding-left: 80px;padding-right: 80px;} .w1440{position: relative;width: 1440px;margin: 0 auto;} .flex {display: flex;height: 100%;} .content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 80px;} .pd50{padding: 0 50px;} @font-face { font-family: DIN; src: url(https://www.njlinhao.com/template/default/skin/fonts/DIN-BOLD.OTF); } .h-header-zw{display:block;width:100%;height:100px;} .h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;background: #fff;transition: .3s;} .h-header>div{display:flex;align-items: center;} .h-logo{display: block;margin-right: auto;} .h-nav{display:flex;} .h-nav .li{margin-right: 40px;position: relative;} .h-nav .li>a{display: flex;align-items: center;justify-content: center;font-size: 16px;color: #000000;line-height: 100px;} .h-nav .iconDown{display: block;margin-left: 5px;width: 15px;height: 8px;background-image: url(../image/down1.png);background-repeat: no-repeat;transition: .3s;} .h-nav .li.active>a{color: #02469b;font-weight: bold;} .h-nav .li:hover>a{color: #02469b;} .h-nav .h-subnav {width:150px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;} .h-nav .h-subnav ol li{width: 100%;margin: 0 !important;} .h-nav .h-subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 16px;text-align: center;font-weight: normal;} .h-nav .h-subnav a:hover {background:#02469b;color:#fff!important;} .h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;} .h-search{margin-right:60px;cursor: pointer;} .h-search img{display:block;} .h-phone{display: flex;align-items: center;font-family: DIN;font-weight: bold;font-size: 20px;color: #02469b;line-height: 1;} .h-phone img{display:block;margin-right: 10px;} .search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 99999;} .search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 99999;} .search-alert input::-webkit-input-placeholder {color: #fff !important;} .search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;} .search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;} .search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;} .search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;} .search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;background: url(../image/colse.png) no-repeat center;background-size: 18px auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 60px;margin-top: -63px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .search-alert .cent-form:before {content: "";color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;width: 50px;top: 50%;margin-top: -25px;background: url(../image/z_img9.png) no-repeat center;background-size: 28px auto;} .search-alert .cent-form .tex {border: none;font-size: 40px;height: 50px;line-height: 50px;text-align: center;width: 100%;color: #fff;background: none;padding-left: 100px;padding-right: 140px;box-sizing: border-box;} .search-alert .cent-form .sub-butn {border: none;height: 50px;font-size: .8rem;line-height: 50px;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 120px;text-align: center;font-size: 26px;cursor: pointer;} .search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;} .search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;} .search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;} .h-header.active{box-shadow:0px 0px 5px 0px #ccc;} .h-header.active .h-nav .li>a{line-height: 80px;} .h-header.active~.searchBox.active{top:80px;box-shadow: 0px 0px 5px 0px #ccc;} .wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; justify-content: space-between; align-items: center; background: #fff; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;box-sizing: border-box;border-bottom: 1px solid #ddd;} .wap_header .toggle{display: block; width: 25px; height: 24px; position: relative; z-index: 6;} .wap_header .toggle i{display: block; width: 25px; height: 2px; background: #000; position: absolute; left: 0; transition: all ease .35s;} .wap_header .toggle i:nth-of-type(1){top: 0;} .wap_header .toggle i:nth-of-type(2){top: 8px;} .wap_header .toggle i:nth-of-type(3){top: 16px;} .wap_header .toggle.on i{background: #000;} .wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);} .wap_header .toggle.on i:nth-of-type(2){width: 0;} .wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);} .wap_header #h60{height: 60px;} .wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;} .wap_header .maskbg.on{display: block;} .wap_header .nav{width: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;} .wap_header .nav.open{transform: translateX(0); opacity: 1;} .wap_header .nav > ul{height: calc(100vh - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;} .wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;} .wap_header .nav > ul > li:first-child{border-top: 0 none;} .wap_header .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #333;} .wap_header .nav ul li a:active {color: #dd0518 !important;} .wap_header .nav ul li ul{display: none;} .wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;} .wap_header .nav ul li i.down{color: #dd0518; transform: rotate(90deg);} .wap_header .nav ul li .icon{background: url(../image/yjt.png)no-repeat;background-size: 20px !important;background-position: center !important;} .wap_header .nav ul li ul li{margin-right: 0;} .wap_header .nav ul li ul li a{color: #666; height: 40px; line-height: 40px; font-size: 14px;} .wap_header .nav ul li ul li i{top: -10px;} .wap_header .logo{float: left;margin-top: 8px;position: relative;height: 45px;} .wap_header .logo img{height: 100%;} .wap_header .toggle{float: right;margin-top: 21px;} .wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;} .wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;} .wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;} .wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;} .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;} .open>.dropdown-menu {display: block;} .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;} .h-more{display: flex;align-items: center;} .h-more .search_item{margin-right: 15px;cursor: pointer;} .h-more .lang_item{display: block;font-size: 18px;font-weight: normal;color: #FFFFFF;line-height: 36px;display: flex;align-items: center;transition: .3s;} .head_icon{display: block;height: 20px;width: 20px;background-repeat: no-repeat;background-position: center;} .head_icon.search{background-image: url(../image/iconSearch1.svg);transition: .3s;background-size: 100% 100%;} .head_icon.earth{background-image: url(../image/head_icon1.svg);transition: .3s;margin-right: 6px;background-size: 100% 100%;} .wap_header .h-more{float: right;margin: 12px 10px 0 0;} .wap_header .h-more .lang_item{color: #000000;font-size: 14px;} .openNav{position:fixed;right: 0;top:50%;transform: translateY(-50%);z-index: 98;width: 30px;height: 80px;border-radius: 10px 0 0 10px;background-color: #02469b;background-image: url(../image/iconLeft1.png);background-repeat: no-repeat;background-position: center;transition: .3s;display: none;} .rtList{background: #FFFFFF;border-radius: 10px;position:fixed;right: 5px;top:50%;transform: translateY(-50%);z-index: 99;transition: .3s;box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .15);} .rtItem{position:relative;display: flex;text-align: center;width: 80px;height: 80px;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;} .rtItem .atit{margin: 5px 0 0;transition: .3s;} .rtItem .btit{font-size: 12px;color: #333333;line-height: 30px;} .rtItem .ctit{position:absolute;right: 85px;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 5px;white-space: nowrap;margin-top: 5px;opacity: 0;visibility: hidden;transition: .3s;box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .15);} .rtItem .ctit span{display:block;padding:15px 25px;font-size: 18px;font-weight: bold;color: #02469b;} .rtItem+.rtItem{border-top:1px solid #E1E1E1;} .rtItem:hover .atit{transform: translateY(-2px);} .rtItem:hover .ctit{margin-top: 0;opacity: 1;visibility: visible;} /* .rightMenu:hover .openNav{right:-30px;} .rightMenu:hover .rtList{right:5px;} */ .banner .content_box{padding-top: 100px;} .mySwiperBannerPC{display: block;} .mySwiperBannerWAP{display: none;} .mySwiperBanner{position: relative;overflow: hidden;} .BannerItem{display: block;width: 100%;height: calc(100vh - 100px);position: relative;} .BannerItem img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 50px;} .mySwiperBanner .swiper-pagination-bullet{position: relative;display: block;margin: 0 10px!important;width: 10px;height: 10px;background: #FFFFFF;opacity: 1;transition: .3s;} .mySwiperBanner .swiper-pagination-bullet:after{content: "";display: block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid #02469b;position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -11px;opacity: 0;transition: .3s;} .mySwiperBanner .swiper-pagination-bullet-active{background: #02469b;} .mySwiperBanner .swiper-pagination-bullet-active:after{opacity: 1;} .indHover{position: relative;} .indHover::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(135deg, #02469b, #02469b);z-index: 1;transition: .3s;opacity: 0;} .z9{position: relative;z-index: 9;} .indHover:hover::after{opacity: 1;} .indTitle{display: flex;align-items: center;padding: 0px 0 45px;} .indTitle .indTR{margin-left: auto;} .indTitle .atit{font-weight: bold;font-size: 20px;color: #02469b;line-height: 1.4;background: linear-gradient(135deg, #02469b 0%, #02469b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .indTitle .btit{font-weight: bold;font-size: 40px;color: #000000;line-height: 1.4;} .indA{display: flex;align-items: center;justify-content: center;width: 180px;height: 60px;background: #FFFFFF;border: 1px solid #E1E1E1;font-size: 18px;color: #333333;} .indA .icon{display: block;width: 8px;height: 15px;background: url(../image/iconRight1.png);margin-left: 10px;transition: .3s;} .indA:hover,.indA.active{transform: translateY(-5px);box-shadow: 0px 0px 5px 0 rgba(0,0,0,.3);border: none;color: #fff;} .indA:hover .icon,.indA.active .icon{background: url(../image/iconRight2.png);} .proSearch{display: flex;width: 450px;height: 60px;} .proSearch .int{display: block;width: 100%;height: 100%;background:#fff;border: 1px solid #E1E1E1;padding: 0 20px;font-size: 18px;color: #666;} .proSearch .btn{display: block;width: 60px;height: 100%;background: linear-gradient(135deg, #02469b, #02469b);flex-shrink: 0;cursor: pointer;} .sec1{background: url(../image/sec1Bg.jpg) center/cover;} .indProList{display: flex;flex-wrap: wrap;margin: -10px;} .indProItem{display: flex;flex-direction: column;align-items: flex-start;width: calc(25% - 20px);margin: 10px;background-position: right bottom;background-color: #F8F8F8;border: 1px solid #E1E1E1;padding: 25px 30px;min-height: 310px;background-repeat: no-repeat;position: relative;} .indProItem .atit{position: relative;z-index: 9;display: block;font-weight: bold;font-size: 20px;color: #000000;line-height: 30px;margin-bottom: 5px;} .indProItem .btit{position: relative;z-index: 9;display: block;font-size: 16px;color: #666666;line-height: 26px;height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .indProItem .btit.more{display: none;} .indProItem .atit:hover{color: #02469b;} .indProItem .btit:hover{color: #02469b;} .indProItem .bgA{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: block;} .sec2{background: #F8F8F8;} .indAbout{display: flex;height: calc(100vh - 80px);} .indAbout .abL{width: 50%;position: relative;} .indAbout .abL .img{height: 100%;width: 100%;overflow: hidden;} .indAbout .abL .img img{display:block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .indNumBox{position: absolute;top: 10%;left: 50%;transform: translateX(-50%);width: 620px;height: 100px;display: flex;} .indNumItem{display: flex;width: 50%;height: 100%;border: 1px solid #FFFFFF;align-items: center;justify-content: center;} .indNumItem+.indNumItem{border-left: 0;} .indNumItem span{font-family: Arial;font-weight: bold;font-size: 60px;color: #FFFFFF;fill:#fff;line-height: 0;} .indNumItem sup{font-size: 16px;color: #FFFFFF;line-height: 1;position: relative;top: -12px;} .videoOpen{position: absolute;top: 50%;left: 50%;width: 160px;height: 160px;margin: -80px 0 0 -80px;cursor: pointer;} .videoOpen .img1{animation: 4s circle linear infinite;} .videoOpen .img2{position: absolute;top: 0;left: 0;} .videoOpen img{width: 100%;} @keyframes circle{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } .layui-layer-video{max-width: 1000px;} .layui-layer-video video{display: block;width: 100%;} .indAbout .abR{width: 50%;padding: 0px calc((100% - 1440px)/2) 0px 100px;display: flex;flex-direction: column;justify-content: center;} .indAbout .abR .ctit{font-size: 16px;color: #666666;line-height: 1.625;margin: 10px 0 50px;} .indAbout .abR .ctit p+p{margin-top: 10px;} .abNumBox{display: flex;justify-content: space-between;margin-top: 100px;} .abNumItem{} .abNumItem p{display: block;font-family: DIN;font-weight: bold;font-size: 48px;color: #02469b;fill: #02469b;} .abNumItem span{display: block;font-size: 16px;color: #666666;line-height: 25px;opacity: 0.7;} .indCaseList{display: flex;height: 575px;} .indCaseItem{width: 15%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 45px 20px;transition: .65s;position: relative;} .indCaseItem::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);} .indCaseItem+.indCaseItem{margin-left: 5px;} .indCaseItem .icon{margin: 0 auto 30px;transition: .3s;position: relative;z-index: 9;} .indCaseItem .atit{font-size: 24px;color: #FFFFFF;line-height: 1.5;margin-bottom: 20px;text-align: center;transition: .3s;position: relative;z-index: 9;} .indCaseItem .btit{font-size: 16px;color: #FFFFFF;line-height: 25px;height: 0;overflow: hidden;opacity: 0;transition: .3s;position: relative;z-index: 9;} .indCaseItem.active{width: 40%;padding-left: 50px;padding-right: 50px;} .indCaseItem.active .icon{margin-bottom: 20px;margin-left: 0;} .indCaseItem.active .atit{text-align: left;} .indCaseItem.active .btit{height: 50px;opacity: 1;} .sec4{background: #F8F8F8;} .indNewsSel{display: flex;} .indNewsSel .indA{margin: 0 5px;} .indNewsSel .indA.active{transform: translateY(0px);} .indNewsSel .indA.active::after{opacity: 1;} .indNewsItem1{display: flex;} .indNewsItem1 .img{width: 50%;overflow: hidden;} .indNewsItem1 .img img{display: block;width: 100%;height:100%;object-fit: cover;object-position: center;transition: .5s;} .indNewsItem1 .desc{width: 50%;padding: 55px 50px;background: url(../image/newsBg1.jpg) center/cover;} .indNewsItem1 .desc .atit{font-weight: bold;font-size: 24px;color: #000000;line-height: 50px;height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;} .indNewsItem1 .desc .btit{font-size: 16px;color: #999999;line-height: 36px;margin: 10px 0 10px;} .indNewsItem1 .desc .ctit{font-size: 16px;color: #666666;line-height: 26px;height: 52px;margin-bottom:55px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .indNewsItem1 .desc .indA{border: none;transition: .3s;} .indNewsItem1:hover .img img{transform: scale(1.05);} .indNewsItem1:hover .desc .atit{color: #02469b;} .indNewsBox{display: none;} .indNewsBox.active{display: block;} .indNewsList{display: flex;margin: 35px -15px -15px;flex-wrap: wrap;} .indNewsItem2{width: calc(33.333% - 30px);margin: 15px;background: #FFFFFF;padding: 22px 25px;box-shadow: 0px 0px 10px 0px #eee;} .indNewsItem2 .atit{font-size: 16px;color: #999999;line-height: 36px;transition: .3s;} .indNewsItem2 .btit{font-size: 18px;color: #000000;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;margin: 2px 0 8px;} .indNewsItem2 .ctit{display: flex;align-items: center;} .indNewsItem2 .ctit span{font-size: 16px;color: #999999;transition: .3s;} .indNewsItem2 .ctit .icon{display: block;width: 6px;height: 11px;background: url(../image/iconRight3.png);margin-left: 8px;transition: .3s;} .indNewsItem2:hover{background: #02469b;} .indNewsItem2:hover .atit{color: #ffffff;} .indNewsItem2:hover .btit{color: #ffffff;} .indNewsItem2:hover .ctit span{color: #fff;} .indNewsItem2:hover .ctit .icon{background: url(../image/iconRight4.png);} .proNewsTj{margin-bottom: 100px;} .footer,.footer .fp-tableCell{height: auto!important;} .h-footer{background: url(../image/footerBg.jpg) center/cover;} .foot1{padding: 70px 0;} .f-nav{display: flex;justify-content: space-between;} .f-nav .dt span,.f-nav .dt a{display: block;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 2;} .f-nav .dt::after{content: "";display: block;width: 30px;height: 2px;background: #02469b;margin-top: 12px;} .f-nav .dd{margin-top: 18px;display: flex;align-items: flex-start;} .f-nav .dd span,.f-nav .dd a{display: block;font-size: 16px;color: #CCCCCC;line-height: 1.4;} .f-nav .dd img{margin:5px 15px 0 0;} .f-nav .ewmBox{margin-top: 15px;} .ewmBox{width: 150px;} .ewmBox img{display: block;width: 100%;margin: 0;} .ewmBox p{display: block;text-align: center;font-size: 16px;color: #CCCCCC;margin: 5px 0;} .foot2{border-top: 1px solid rgba(255,255,255,.1);padding:12px 0;} .foot2>div{display: flex;align-items: center;} .foot2 .f2l{margin-right: auto;} .foot2 span,.foot2 a{display: inline-block;font-size: 16px;color: #FFFFFF;line-height: 24px;opacity: 0.5;} .yqlj_box{position: relative;display: block;border: 1px solid #002D62;} .yqlj{display: flex;flex-direction: row-reverse;background: #0A2442;} .yqlj span{display: block;height: 50px;line-height: 48px;color: #cccccc;opacity:1;box-sizing: border-box;padding: 0 18px 0 50px;background: url(../image/yqlj.png) no-repeat;background-position: 15px 14px;font-size: 16px;} .yqlj i.jt{display:block;height: 50px;width: 50px;margin: 0;background: url(../image/downjt.png) no-repeat #002D62;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;} .yqlj_list{display: none;position: absolute;width: 100%;bottom: 50px;left: 0;background: #0A2442;text-align: center;} .yqlj_list a{display: block;color: #FFFFFF;height: 50px;line-height: 50px;} .yqlj_list a:hover{color: #fff;} .h-footer a:hover{opacity: 1!important;color: #ffffff;} /* productList */ .searchBox{margin-top: 100px; height: 300px;background: url(../image/searchBg.jpg) center/cover;} .searchBox>div{display: flex;align-items: center;justify-content: center;height: 100%;} .searchForm{display: flex;width: 100%;max-width: 600px;height:60px;border: 1px solid #02469b;border-radius: 30px;overflow: hidden;background: #ffffff;} .searchForm .int{display: block;width: calc(100% - 100px);height: 100%;padding: 0 20px;font-size: 18px;color: #666666;} .searchForm .int::placeholder{color: #999999;} .searchForm .btn{display: block;height: 100%;width: 100px;background: linear-gradient(135deg, #02469b, #02469b);border-radius: 30px 0 0 30px;font-weight: bold;font-size: 20px;color: #FFFFFF;cursor: pointer;} .resultBox{margin-top: 20px;border: 1px solid #E1E1E1;border-right: 0;border-bottom: 0;} .resultList{display: flex;border: 1px solid #E1E1E1;border-left: 0;border-top: 0;} .resultTit{display: block;width: 200px;background: #F8F8F8;border-right: 1px solid #E1E1E1;font-size: 16px;line-height: 24px;color: #000000;padding: 12px 20px 12px 50px;} .resultDesc{display: flex;flex-wrap:wrap;width: calc(100% - 200px);background: #ffffff;padding: 6px 25px;} .resultDesc .resultItem{display: block;font-size: 16px;line-height: 24px;color: #666666;margin: 2px 10px;padding: 4px 15px;border-radius: 20px;} .resultDesc .resultItem.active,.resultDesc .resultItem:hover{background: #02469b;color: #ffffff;} .functionBox{display: flex;align-items: center;margin: 25px 0;} .functionBox .result{font-size: 16px;color: #333333;line-height: 1.5;} .functionBox .sort{display: flex;align-items: center;font-size: 16px;color: #666666;line-height: 1.5;margin-left: 100px;} .functionBox .sort span{display: block;} .functionBox .sort a{display: flex;align-items: center;justify-content: center;background: #F8F8F8;height: 40px;width: 100px;border-radius: 20px;color: #666666;margin: 0 5px;} .functionBox .sort a.active,.functionBox .sort a:hover{background: #02469b;color: #FFFFFF;} .functionBox .sort .icon{display: block;width: 15px;height: 15px;transition: .3s;margin-left: 5px;} .functionBox .sort .icon-nav{background: url(../image/iconSort1.png);} .functionBox .sort .icon-ud{background: url(../image/iconSort3.png);} .functionBox .sort .active .icon-nav,.functionBox .sort a:hover .icon-nav{background: url(../image/iconSort2.png);} .functionBox .sort .active .icon-ud,.functionBox .sort a:hover .icon-ud{background: url(../image/iconSort4.png);} .reultPage{margin-left: auto;display: flex;align-items: center;} .numPage .select2-container{width: auto!important;min-width: 100px;} .select2-container--default .select2-selection--single{border: 1px solid #E1E1E1!important;border-radius: 20px!important;height: 40px!important;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 10px!important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px!important;font-size: 16px!important;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px!important;background-image: url(../image/down1.png);background-position: center;background-repeat: no-repeat;width: 30px!important;} .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background: #02469b!important;} .select2-results__option{font-size: 14px!important;line-height: 40px!important;} .npBox{display: flex;} .npBox span,.npBox a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #F8F8F8;border-radius: 50%;font-size: 18px;color: #333333;font-weight: bold;line-height: 1;margin: 5px;} .npBox .icon{display: block;width: 8px;height: 15px;background-image: url(../image/iconRight1.png);background-repeat: no-repeat;} .npBox .iconLeft{transform: rotate(180deg);} .npBox a:hover,.npBox a.active{background-color: #02469b;color: #ffffff;} .npBox a:hover .icon,.npBox a.active .icon{background-image: url(../image/iconRight2.png);} .pagesDiv{min-height: 100px;} .pagination{display: flex;justify-content: center;flex-wrap: wrap;padding: 25px 0;} .pagination span,.pagination a{display: flex;justify-content: center;width: 40px;height: 40px;line-height: 40px;background: #F8F8F8;border-radius: 50%;font-size: 18px;color: #333333;font-weight: bold;margin: 5px;} .pagination a:hover,.pagination a.active,.pagination li.active span{background-color: #02469b;color: #ffffff;} .proList+.functionBox{margin-bottom: 50px;} .proItem{display: flex;position: relative;border: 1px solid #E1E1E1;padding: 0px 20px 20px 200px;min-height: 200px;} .proItem::after{content: "";display: block;width: 100%;height: 70px;background: #F8F8F8;position: absolute;left: 0px;top: 0px;transition: .5s;} .proItem+.proItem{margin-top: 20px;} .proItem .img{width: 160px;height: 160px;position: absolute;left: 20px;top: 20px;overflow: hidden;border: 1px solid #E1E1E1;z-index: 9;} .proItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .proItem .desc{width: 100%;position: relative;z-index: 9;} .proItem .desc .atit{font-size: 24px;color: #000000;line-height: 70px;height: 70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;} .proItem .desc .btit{font-size: 16px;color: #666666;line-height: 36px;margin-top: 7px;} .proItem .desc .ctit{font-size: 16px;color: #666666;line-height: 26px;max-height: 52px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .proItem:hover{box-shadow: 0px 0px 20px 0px rgba(1,141,255,0.15);} .proItem:hover::after{background: #02469b;} .proItem:hover .atit{color: #FFFFFF;} @media screen and (max-width: 1440px){ .searchBox{height: 250px;} .resultTit{padding: 10px 20px 10px 25px;font-size: 15px;} .resultDesc{padding: 4px 0px;} .resultDesc .resultItem{font-size: 15px;margin: 2px 5px;} .functionBox .sort{margin-left: 60px;} .proItem{min-height: 190px;padding: 0px 20px 20px 190px;} .proItem .desc .atit{line-height: 60px;height: 60px;font-size: 22px;} .proItem::after{height: 60px;} .proItem .desc .btit{font-size: 15px;} .proItem .desc .ctit{font-size: 15px;line-height: 24px;max-height: 48px;} .proItem .img {width: 150px;height: 150px;} } @media screen and (max-width: 1199px){ .resultBox+.functionBox .reultPage{display: none;} .searchForm{height: 55px;} .searchForm .int{font-size: 16px;} .searchForm .btn{font-size: 18px;} .resultDesc .resultItem{margin: 1px 2px;} .resultTit{padding: 10px 10px 10px 15px;width: 140px;} .resultDesc{width: calc(100% - 140px);} .functionBox{margin: 15px 0;} .functionBox .sort{margin-left: auto;} .functionBox .sort a{height: 36px;width: 80px;} .functionBox .sort .icon{margin-left: 2px;} .npBox span, .npBox a{font-size: 16px;} } @media screen and (max-width: 780px){ .numPage{display: none;} .reultPage{width: 100%;} .npBox {width: 100%;justify-content: center;flex-wrap: wrap;} .npBox span, .npBox a{margin: 2px;} .searchForm .int{padding: 0 10px;} .resultTit{width: 130px;} .resultDesc{width: calc(100% - 130px);align-items: center;} .resultDesc .resultItem{padding: 2px 10px;font-size: 14px;} .functionBox .sort{font-size: 15px;} .functionBox .result{display: none;} .proItem {min-height: 150px;padding: 0px 10px 10px 150px;} .proItem::after {height: 50px;} .proItem+.proItem {margin-top: 10px;} .proItem .img {width: 130px;height: 130px;left: 10px;top: 10px;} .proItem .desc .atit {line-height: 50px;height: 50px;font-size: 17px;} .proItem .desc .btit {font-size: 14px;line-height: 30px;} .proItem .desc .ctit {font-size: 14px;line-height: 20px;max-height: 40px;} } /* productList */ /* productShow */ .mbx{padding: 25px 0;} .mbx a,.mbx span{font-size: 16px;color: #666666;line-height: 24px;} .productF{display: flex;padding: 30px;background-color: #ffffff;background-image: url(../image/proBg.jpg);} .mySwiperSimg,.mySwiperBimg{position: relative;overflow: hidden;} .mySwiperSimg .img,.mySwiperBimg .img{width: 100%;display: block;} .mySwiperSimg .img img,.mySwiperBimg .img img{width: 100%;display: block;} .productF .pImg{width: 400px;} .productF .Bimg{border: 1px solid #E1E1E1;position: relative;} .productF .Bimg .biger{position: absolute;right: 20px;bottom: 20px;z-index: 9;} .productF .Bimg .biger img{width: 30px;} .productF .Simg{margin-top: 10px;} .productF .Simg .img{border: 1px solid #E1E1E1;} .productF .cloudzoom-zoom{background: #fff;} .productF .pDesc{width: calc(100% - 400px);padding-left: 50px;display: flex;flex-direction: column;} .productF .pDesc .atit{font-size: 36px;color: #000000;line-height: 40px;} .productF .pDesc .ftit{font-size: 36px;color: #000000;line-height: 40px;margin-bottom: 5px;} .productF .pDesc .btit{font-size: 24px;color: #666666;line-height: 40px;margin: 20px 0 10px;} .productF .pDesc .ctit{font-size: 18px;color: #666666;line-height: 28px;margin-bottom: 25px;} .productF .pDesc .dtit{margin-bottom: auto;} .productF .pDesc .dtit strong{display: block;font-weight: bold;font-size: 20px;color: #222222;line-height: 28px;margin-bottom: 8px;} .productF .pDesc .dtit p{font-size: 18px;color: #666666;line-height: 28px;position: relative;} .productF .pDesc .dtit p em{display: block;position: absolute;top: 0px;left: 0;color: #02469b;} .productF .pDesc .etit{display: flex;margin: -10px;margin-top: 40px;flex-wrap: wrap;align-items: flex-start;} .productF .pDesc .etit .a{display: flex;align-items: center;justify-content: center;width: 180px;height: 60px;background: linear-gradient(135deg, #02469b, #02469b);font-size: 18px;color: #FFFFFF;margin: 10px;} .productF .pDesc .etit .a.a2{margin-left: 10px;background: linear-gradient(-90deg, #FF8800, #FFA200);} .productF .pDesc .etit .a:hover{transform: translateY(-5px);} .lxPhone{display: flex;align-items: center;border: 2px solid #02469b;padding: 0px 10px 0 5px;height: 60px;margin: 10px;} .lxPhone img{display: block;width: 50px;} .lxPhone span{display: block;color: #02469b;font-size: 24px;font-weight: bold;} .proTitle{text-align: center;font-weight: bold;font-size: 36px;color: #222222;line-height: 1;margin: 50px 0;} .proContent{padding: 30px 50px 50px;background: #fff;} .proContent .atit{display: flex;align-items: center;font-weight: bold;font-size: 24px;color: #02469b;line-height: 1;padding: 50px 0 35px;} .proContent .atit i{display: block;width: 8px;height: 4px;background: #E1E1E1;border-radius: 1px;margin-left: auto;} .proContent .btit{display: flex;align-items: center;font-size: 20px;color: #02469b;line-height: 1.2;padding: 20px 0;font-weight: bold;} .proContent .btit i{display: block;width: 8px;height: 4px;background: #E1E1E1;border-radius: 1px;margin-left: auto;flex-shrink: 0;} .proContent .ctit{font-size: 18px;color: #02469b;line-height: 1.2;padding: 20px 0 20px 10px;} .proContent .atit+.btit{padding-top: 0;} .proContent .btit+.ctit{padding-top: 0;} .atit+.proTable table{border-top: 1px solid #E1E1E1;} .btit+.proTable table{border-top: 1px solid #E1E1E1;} .ctit+.proTable table{border-top: 1px solid #E1E1E1;} .proTable table{width: 100%;border-left: 1px solid #E1E1E1;border-right: 0;border-bottom: 0;} .proTable .t1{width: 300px;background: #F8F8F8;font-weight: bold;} .proTable td{font-size: 16px;line-height: 28px;border: 1px solid #E1E1E1;border-top: 0;border-left: 0;padding: 15px 50px;} .proTj{display: flex;flex-wrap: wrap;margin: -10px -10px 90px;} .proTjItem{width: calc(25% - 20px);margin: 10px;background: #ffffff;box-shadow: 0px 0px 10px 0px #eee;} .proTjItem .img{overflow: hidden;border-bottom: 1px solid #EEEEEE;} .proTjItem .img img{display: block;width: 100%;transition: .5s;} .proTjItem p{display: block;text-align: center;height: 60px;line-height: 60px;font-size: 18px;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;padding: 0 10px;} .proTjItem:hover .img img{transform: scale(1.05);} .proTjItem:hover p{background: #02469b;color: #ffffff;} .pcBox{display: block;} .wapBox{display: none;} .mySwiperPro{position: relative;overflow: hidden;width: 100%;} .mySwiperPro .swiper-wrapper{flex-wrap: wrap;} @media screen and (max-width: 1440px){ .productF .pDesc .atit{font-size: 32px;} .productF .pDesc .ftit{font-size: 32px;} .productF .pDesc .btit {font-size: 20px;} .productF .pDesc .ctit{font-size: 16px;line-height: 24px;} .productF .pDesc .dtit p{font-size: 16px;line-height: 24px;} .productF .pDesc .etit .a{width: 160px;height: 55px;} .lxPhone{height: 55px;} .proTitle{font-size: 32px;} .proContent .atit{padding: 40px 0;} .proTable td{padding: 12px 35px;} .proTjItem p{font-size: 16px;} } @media screen and (max-width: 1199px){ .productF{padding: 20px;} .productF .pImg {width: 350px;} .productF .pDesc{width: calc(100% - 350px);padding-left: 30px;} .cloudzoom-blank{display: none!important;} .cloudzoom-zoom{display: none!important;} .productF .Bimg .biger{display: none;} } @media screen and (max-width: 780px){ .mbx {padding: 15px 0;display: flex;flex-wrap: wrap;} .mbx a, .mbx span{display:block;font-size: 14px;line-height: 20px;} .productF{flex-wrap: wrap;padding: 15px;} .productF .pImg{width: 100%;} .productF .pDesc{width: 100%;padding-left: 0;padding-top: 10px;} .productF .pDesc .atit {font-size: 20px;line-height: 30px;} .productF .pDesc .ftit {font-size: 20px;line-height: 30px;margin-bottom: 0;} .productF .pDesc .btit {font-size: 14px;line-height: 20px;margin: 10px 0 0px;} .productF .pDesc .btit {font-size: 14px;line-height: 20px;} .productF .pDesc .dtit p{font-size: 14px;line-height: 20px;} .productF .pDesc .etit .a{width: calc(50% - 5px);height: 50px;} .lxPhone{height: 50px;} .proTitle {font-size: 28px;margin: 30px 0;} .proContent{padding: 10px 10px 30px;} .proContent .atit {padding: 30px 0;} .proTable .t1{width: 100px;} .proTable td {padding: 5px 10px;line-height: 24px;} .proTj{margin: -5px -5px 35px;} .proTjItem{width: calc(50% - 10px);margin: 5px;display: none;} .proTjItem:nth-of-type(1),.proTjItem:nth-of-type(2),.proTjItem:nth-of-type(3),.proTjItem:nth-of-type(4){display: block;} .pcBox{display: none;} .wapBox{display: block;} .proContent .btit{font-size: 18px;padding: 15px 0;} .proContent .ctit{font-size: 16px;padding: 15px 0 15px 10px;} .proTjItem p{font-size: 14px;line-height: 20px;white-space: wrap;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: auto;margin: 10px 0;} /* .productF .pDesc .etit{flex-direction: column;} */ .productF .pDesc .etit{margin: -5px;margin-top: 30px;} .productF .pDesc .etit .a{margin: 5px;width: auto;padding: 0 20px;} .lxPhone{font-size: 20px;margin: 5px;} .lxPhone img{width: 35px;} .lxPhone span{font-size: 20px;} } /* productShow */ @media screen and (max-width:1640px) { .w1440{width: 1240px;} .indAbout .abR{padding-right: calc((100% - 1240px)/2);padding-left: 70px;} .h-nav .li{margin-right: 35px;} .indProItem{min-height: 240px;background-size: 90%;} .indNumBox{width: 520px;} .indNumItem span{font-size: 52px;} .indNumItem sup{font-size: 15px;} .videoOpen{width: 130px;height: 130px;margin: -65px 0 0 -65px;} .abNumBox{margin-top: 60px;} .indAbout .abR .ctit{margin: 0px 0 40px;font-size: 16px;} .indA{width: 170px;height: 55px;font-size: 17px;} .indCaseList{height: 550px;} .indNewsList{margin: 15px -15px -15px;} .indNewsItem1 .desc{padding: 35px 50px;} .indNewsItem1 .desc .btit{margin: 5px 0 5px;} .indNewsItem1 .desc .ctit{margin-bottom: 40px;} .f-nav .dd span, .f-nav .dd a{font-size: 15px;} .foot2 span, .foot2 a{font-size: 15px;} } @media screen and (max-width:1440px) { .w1440{width: 1140px;} .indAbout .abR{padding-right: calc((100% - 1140px)/2);} .h-nav .li {margin-right: 15px;} .indTitle{padding: 0px 0 35px;} .indTitle .btit{font-size: 36px;} .indA{font-size: 16px;} .indCaseList {height: 500px;} .indCaseItem.active{padding-left: 35px;padding-right: 35px;} .indCaseItem .atit{font-size: 22px;} .indCaseItem .btit{font-size: 15px;} .abNumBox {margin-top: 40px;} .abNumItem span{font-size: 15px;} .f-nav .dd{margin-top: 14px;} .ewmBox{width: 140px;} .ewmBox p{font-size: 15px;} .foot1 {padding: 60px 0;} } @media screen and (max-width:1280px) { .w1440{width: 1040px;} .indAbout .abR{padding-right: calc((100% - 1040px)/2);} } @media screen and (max-width:1199px) { .w1440{width: 100%;padding: 0 20px;} .indAbout .abR{padding-right: 20px;} .content_box{padding-top: 60px;} .rightMenu{display:none;} .search-alert .cent-form{height: 50px;} .search-alert .cent-form:before{zoom: .8;margin-top: -25px;} .search-alert .cent-form .tex{padding: 0 60px 0 40px;font-size: 16px;} .search-alert .cent-form .sub-butn{font-size: 16px;width: 60px;} .h-header-zw{height: 60px;} .h-header{display: none;} .wap_header{display: block;} .mySwiperBannerPC{display: none;} .mySwiperBannerWAP{display: block;height: 100%;} .banner .content_box{padding-top: 60px;height: 100%;} .BannerItem{height: 100%;} .mySwiperBanner .swiper-pagination{bottom: 30px;} .proSearch {width: 300px;height: 50px;} .proSearch .int{font-size: 16px;} .indTitle .atit{font-size: 18px;} .indTitle .btit{font-size: 32px;} .indTitle {padding: 0px 0 25px;} .indProList{margin:-5px;} .indProItem{padding: 15px 15px;width: calc(25% - 10px);margin: 5px;min-height: 220px;} .indProItem .btit{font-size: 14px;line-height: 24px;height: 24px;display: none;} .indProItem .btit:nth-of-type(1),.indProItem .btit:nth-of-type(2),.indProItem .btit:nth-of-type(3),.indProItem .btit:nth-of-type(4){display: block;} .indProItem .btit.more{display: block;} .indAbout{height: 100%;} .indNumBox{width: 90%;left: 5%;transform: translate(0);} .indAbout .abR{padding-left: 20px;} .indAbout .abR .ctit{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-size: 15px;line-height: 24px;max-height: 120px;} .indCaseItem{width: 90px;} .indCaseItem .icon{zoom: .75;} .indCaseItem .atit{margin: 0 auto 20px;width: 24px;line-height: 1.2;} .indCaseItem.active{width:calc(100% - 380px)} .indCaseItem.active .atit{width:100%;} .indNewsList {margin: 10px -5px -5px;} .indNewsItem2{width: calc(33.333% - 10px);margin: 5px;padding: 20px 15px;} .indNewsItem2 .atit{font-size: 14px;line-height: 24px;} .indNewsItem2 .btit{font-size: 17px;} .indNewsItem2 .ctit span{font-size: 14px;} .indNewsItem1 .desc {padding: 35px 25px;} .indNewsItem1 .desc .btit{font-size: 14px;} .indNewsItem1 .desc .ctit{font-size: 14px;line-height: 24px;height: 48px;} .indA{width: 160px;height: 50px;font-size: 15px;} .foot1 {padding: 40px 0;} .f-nav .dl{display:none;} .f-nav .dl.ct{display:block;} .foot2 .f2l{margin: 0 auto;text-align: center;} .foot2 .f2r{display:none;} .foot2 span, .foot2 a{font-size: 14px;text-align: center;display:inline-block;} .ewmBox{margin-top:20px;} .ewmBox p {font-size: 12px;} } @media screen and (max-width:780px) { .w1440{padding: 0 15px;} .indAbout .abR{padding-right: 15px;} .indTitle{flex-wrap: wrap;padding-bottom: 20px;} .proSearch{margin-left: 0;} .indTitle .indTR {margin-top: 5px;} .indTitle .btit {font-size: 28px;} .indProItem{width: 100%;margin: 0;min-height: 200px;} .indAbout{display: flex;flex-direction: column-reverse;} .indAbout .abL{width: 100%;} .indAbout .abR{width: 100%;margin: auto 0;} .indTitle .indTR{margin-left: 0;} .indNumBox{display: none;} .indAbout .abL .img img{max-height: 30vh;} .videoOpen {width: 90px;height: 90px;margin: -45px 0 0 -45px;} .indAbout .abR .ctit{margin-bottom: 20px;} .abNumBox {margin-top: 20px;} .abNumItem p{font-size: 38px;} .abNumItem span {font-size: 12px;line-height: 18px;} .indCaseList {height: calc(100vh - 320px);} .indCaseItem{width:50px;padding: 30px 10px;} .indCaseItem+.indCaseItem {margin-left: 2px;} .indCaseItem .icon {zoom: .5;} .indCaseItem .atit {font-size: 18px;} .indCaseItem.active{width:calc(100% - 208px);padding-left: 15px;padding-right: 15px;} .indNewsSel{display: none;} .indNewsItem1{display: block;} .indNewsItem1 .img{width: 100%;} .indNewsItem1 .img img{max-height: 21vh;} .indNewsItem1 .desc{width: 100%;padding: 20px 15px 15px;} .indNewsItem1 .desc .atit{font-size: 18px;line-height: 30px;height: 30px;} .indNewsItem1 .desc .btit{line-height: 25px;margin: 0;} .indNewsItem1 .desc .ctit{margin-bottom: 20px;} .indNewsList {margin: 5px -5px -5px;} .indNewsItem2{width:calc(50% - 10px);padding: 15px 10px;} .indNewsItem2:nth-of-type(3){display: none;} .indNewsItem2 .btit{margin: 0px 0 5px;} .proNewsTj{margin-bottom: 40px;} .ewmBox {width: 120px;} .indCaseItem.active .btit{display: none;} .proTable td{font-size: 12px;line-height: 18px;} .sec2 .content_box{height: 100%;} .indAbout .abR .ctit{-webkit-line-clamp: 3;max-height: 72px;} } .section{overflow: hidden;} .dwPoint{position: absolute;top: -80px;} .page-culture .s3{padding:80px 0;} .page-culture .s3 .a1 .item{display: flex; justify-content: space-between; cursor: pointer;position: relative;overflow: hidden;} .page-culture .s3 .a1 .item:nth-child(even){flex-direction: row-reverse;} .page-culture .s3 .a1 .item .picBox{width: 50%; position: relative; overflow: hidden;} .page-culture .s3 .a1 .item .picBox::before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;} .page-culture .s3 .a1 .item .picBox img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;} .page-culture .s3 .a1 .item:hover .picBox::before{animation: gradient-rectangle 1.4s;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);} .page-culture .s3 .a1 .item:hover .picBox img{transform: scale(1.1);} .page-culture .s3 .a1 .item .textBoxs{width: 50%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 30px 60px; background: #f3f3f5; position: relative;} .page-culture .s3 .a1 .item .textBoxs::before{content: '\20'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/culture_7.jpg) no-repeat center center; background-size: cover; z-index: 2; opacity: 0; transition: all 0.5s; visibility: hidden;} .page-culture .s3 .a1 .item .textBoxs .b1{font-size: 28px; color: #333333; transition: all 0.4s; position: relative; z-index: 4;} .page-culture .s3 .a1 .item .textBoxs .b2{font-size: 20px; color: #666666; transition: all 0.4s; position: relative; margin-top: 8px; padding-bottom: 15px; position: relative; z-index: 4;} .page-culture .s3 .a1 .item .textBoxs .b2::before{content: '\20'; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #d41620; transition: all 0.4s; z-index: 4;} .page-culture .s3 .a1 .item .textBoxs .b3{font-size: 16px; color: rgba(255,255,255,.55); line-height: 33px; margin-top: 15px; opacity: 0; visibility: hidden; transition: all 0.4s; position: relative; z-index: 4;} .page-culture .s3 .a1 .item:hover .textBoxs::before{opacity: 1; visibility: visible;} .page-culture .s3 .a1 .item:hover .textBoxs .b1{color: #ffffff;} .page-culture .s3 .a1 .item:hover .textBoxs .b2{color: rgba(255,255,255,.55);} .page-culture .s3 .a1 .item:hover .textBoxs .b2::before{background: #fff;} .page-culture .s3 .a1 .item:hover .textBoxs .b3{opacity: 1; visibility: visible;} @media screen and (max-width: 1199px) { .page-culture .s3{padding:40px 0;} .dwPoint{position: absolute;top: -60px;} } @media screen and (max-width: 1000px) { .page-culture .s3 .a1 .item .textBoxs .b1{font-size: 24px;} .page-culture .s3 .a1 .item .textBoxs .b2{font-size: 16px;} } @media screen and (max-width: 750px) { .page-culture .s3 .a1 .item{flex-wrap: wrap; margin-bottom: 4vw;} .page-culture .s3 .a1 .item .picBox{width: 100%;} .page-culture .s3 .a1 .item .textBoxs{width: 100%; padding: 30px 20px;} .page-culture .s3 .a1 .item .textBoxs::before{opacity: 1; visibility: visible;} .page-culture .s3 .a1 .item .textBoxs .b1{color: #ffffff;} .page-culture .s3 .a1 .item .textBoxs .b2{color: rgba(255,255,255,.55);margin-top: 0;} .page-culture .s3 .a1 .item .textBoxs .b2::before{background: #fff;} .page-culture .s3 .a1 .item .textBoxs .b3{opacity: 1; visibility: visible; font-size: 14px; line-height: 20px; margin-top: 15px;} } @keyframes gradient-rectangle { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 1; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 0; } } @-webkit-keyframes gradient-rectangle { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 1; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; transform-origin: top; background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6)); opacity: 0; } } @keyframes jello { 0%,11.1%,100% {transform: none;} 22.2% {transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3% {transform: skewX(6.25deg) skewY(6.25deg);} 44.4% {transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5% {transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6% {transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7% {transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8% {transform: skewX(-0.195312deg) skewY(-0.195312deg);} } .wapFNav{bottom: 0;left: 0;width: 100%;display: none;z-index: 999;background: #fff;padding: 10px 15px;box-shadow: 0px 0px 3px 0px #ccc;position: fixed;} .nftItem{width:100%;height: 40px;display: flex;align-items: center;justify-content: center;background: #02469b;border-radius: 5px;color: #fff;} .nftItem+.nftItem{margin-left: 10px;} .nftItem img{display: block;width: 20px;margin-right: 5px;color: #fff;} .nftItem span{display: block;font-size: 16px;line-height: 1;font-family: OPPOSans-B;font-weight: normal;} @media screen and (max-width:1199px) { .wapFNav{display: flex;} } .xSearchBox{background: url(../image/xsearchBg.jpg);padding: 100px 0;margin-top: 100px;} .xSearchBox>div{display: flex;margin: auto;align-items: center;justify-content: center;} .xSearchForm{border-radius: 10px;border: 1px solid #FFFFFF;background: rgba(255,255,255,.6);width: 80%;max-width: 1080px;display: flex;flex-direction: column;align-items: flex-start;padding: 40px 90px;} .xSearchForm .atit{font-weight: bold;font-size: 36px;color: #02469B;line-height: 1;text-align: center;width: 100%;} .xSearchForm .btit{font-weight: bold;font-size: 18px;color: #333333;line-height: 1;text-align: center;width: 100%;margin: 20px 0 40px;} .xSearchForm .ctit{background: #02469B;border-radius: 4px 4px 0px 0px;font-size: 17px;color: #FFFFFF;line-height: 38px;padding: 0 25px;} .xSearchForm .dtit{display: flex;width: 100%;height: 55px;} .xSearchForm .dtit .int{display: block;width: calc(100% - 130px);border: 3px solid #02469B;border-radius: 0px 0px 0px 4px;padding: 0 20px 0 50px;font-size: 18px;color: #555;background-image: url(../image/iconSearch1.png);background-repeat: no-repeat;background-position: 20px center;} .xSearchForm .dtit .btn{display: block;width: 130px;background: #02469B;border-radius: 0px 4px 4px 0px;font-size: 20px;color: #FFFFFF;cursor: pointer;} .xSearchForm .etit{width: 100%;text-align: center;font-size: 12px;color: #666;line-height: 1.5;padding-top: 10px;display: none;} .nullSearch{display:block;text-align: center;font-size: 18px;color: #666;m} .nullSearch:hover{color: #02469B;} .nullSearch2{display:block;text-align: center;font-size: 20px;color: red;margin: 20px 0 10px;} @media screen and (max-width:1280px) { .xSearchBox{padding: 80px 0;} .xSearchForm{padding: 30px 60px;} .xSearchForm .atit{font-size: 38px;} .xSearchForm .btit{font-size: 17px;} .xSearchForm .ctit{font-size: 16px;line-height: 35px;} .xSearchForm .dtit .int{font-size: 16px;} .xSearchForm .dtit .btn{font-size: 18px;} } @media screen and (max-width:1199px){ .xSearchBox{margin-top: 60px;} .nullSearch{font-size: 16px;} .nullSearch2{font-size: 18px;} } @media screen and (max-width:780px) { .xSearchForm{width: 100%;padding: 40px 20px;} .xSearchForm .atit {font-size: 28px;} .xSearchForm .btit {font-size: 14px;margin: 12px 0 35px;} .xSearchForm .ctit{display: none;} .xSearchForm .dtit{height: 50px;} .xSearchForm .dtit .int {width: calc(100% - 100px);font-size: 14px;padding: 0 10px 0 30px;background-position: 5px center;} .xSearchForm .dtit .btn {font-size: 15px;width: 100px;} .xSearchForm .etit{display: block;} .nullSearch{font-size: 14px;} .nullSearch2{font-size: 16px;margin:0px;} .pagesDiv{min-height: 92px;} .pagination span,.pagination a{width: 36px;height: 36px;line-height: 36px;font-size: 16px;margin: 3px;} } @media screen and (max-width:480px) { .xSearchForm {padding: 40px 10px;} .xSearchForm .dtit .int {width: calc(100% - 50px);} .xSearchForm .dtit .btn {width: 50px;} }