/* @font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');} */ /* @font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');} */ html,body{padding: 0;margin: 0;/* font-family:fontR,"微软雅黑"; */font-size: 16px;color: #000000;/*min-width: 1200px;*/ /* overflow-x: hidden; */} .wrap{margin: 0 auto;max-width: 1320px;} ul{padding: 0;margin: 0;} ul li{list-style: none;} .fl{float: left;} .fr{float: right;} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} img{max-width: 100%;} input:focus,button:focus,textarea:focus{outline: none;} .ovh{display: block;overflow: hidden;text-overflow: ellipsis;} .ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} p{margin: 0;} i,em{font-style: initial;} .imgH{overflow: hidden;} .imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; } .imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .flexcen{display: flex;justify-content: center;align-items: center;} .flexsta{display: flex;justify-content: flex-start;align-items: center;} .flexend{display: flex;justify-content: flex-end;align-items: center;} .flexbet{display: flex;justify-content: space-between;align-items: center;} .flexaro{display: flex;justify-content: space-around;align-items: center;} /**导航菜单**/ header{ position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #151515;height: 100px;transition: all .5s;background: #fff;box-shadow: 0px 0px 10px rgba(3,3,3,.19); } header .logo a{height: 100px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;} header .logo img{max-height: 80%;} header .rightDiv{text-align: right;} header .rightDiv .menu>ul{display: inline-block!important;} header .rightDiv .menu>ul>li{float: left;margin:0 0 0 45px;} header .rightDiv .menu>ul>li>a{height: 100px;text-align: left;color: #000000;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center; } header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{color: #006fba; } header .rightDiv .menu>ul>li>a::after{content: "";width: 40px;position: absolute;left: 50%;margin-left: -20px; background: #006fba;height: 4px;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;} header .rightDiv .menu>ul>li:hover>a::after, header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);} header .rightDiv .menu>ul>li.has-sub:hover>a::after{opacity: 0;} header .mbtn {width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;} header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;} .menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .menu #menu-button{display:none} .menu{width:auto;} #menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} .menu>ul>li{float:left;position: relative;} .menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} .menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff} /*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/ .menu ul ul{position:absolute;background: rgba(255,255,255,.9);text-align: left; width: max-content;min-width: 180px; top: 100%;left:50%;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11) inset;transform: translateX(-50%);} .menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; } .menu>ul>li li a{line-height: 48px;text-align: center;display: block;color: #555555;/* border-bottom: 1px solid rgba(0,111,186,.1); */position: relative;z-index: 1; } .menu>ul>li li a:hover{color: #006fba; } .menu>ul>li.proLi{position: initial; } .menu>ul>li.proLi ul{width: 100%; } .menu>ul>li.proLi ul .ul{align-items: flex-start;padding: 45px 0; } .menu>ul>li.proLi ul .ul .ull{width: 43.5%;padding-right: 20px; } .menu>ul>li.proLi ul .ul .ull .imgDiv{width: 48.2%; } .menu>ul>li.proLi ul .ul .ull .textDiv{width: 43.4%;color: #515151;font-size: 14px;line-height: 1.8; } .menu>ul>li.proLi ul .ul .ulr{width: 56.5%;align-items: flex-start;border-left: 1px solid #b0b0b0; } .menu>ul>li.proLi ul .ul .ulr li{margin-left: 30px; } .menu>ul>li.proLi ul .ul .ulr li a{line-height: initial;text-align: left; } .menu>ul>li.proLi ul .ul .ulr li>a{font-size: 18px;color: #000; } .menu>ul>li.proLi ul .ul .ulr li>a:hover{color: #006fba; } .menu>ul>li.proLi ul .ul .ulr li .aDiv{margin-top: 25px; } .menu>ul>li.proLi ul .ul .ulr li .aDiv a{font-size: 16px;color: #555555;margin-top: 10px; } .menu>ul>li.proLi ul .ul .ulr li .aDiv a:hover{color: #006fba; } /****底部***/ .footerDiv .hdDiv{padding: 60px 0 90px;background: #232323;} .footerDiv .hdDiv .flexbet{align-items: flex-start;color: #fff;} .footerDiv .hdDiv .listDiv{margin-right: 40px;} .footerDiv .hdDiv .listDiv:last-child{margin-right: 0; } .footerDiv .hdDiv .listDiv>a{display: block;margin-bottom: 20px;color: #fff; } .footerDiv .hdDiv .aDiv.flexsta{flex-wrap: wrap; } .footerDiv .hdDiv .aDiv.flexsta a{width: 50%; } .footerDiv .hdDiv .aDiv a{color: #fff;display: block;margin-bottom: 15px;text-transform: capitalize; } .footerDiv .hdDiv .aDiv a:hover{color: #006fba; } .footerDiv .hdDiv .lxDiv{margin-top: 20px; } .footerDiv .hdDiv .p{margin-bottom: 15px; } .footerDiv .hdDiv .p img{margin-right: 5px; } .footerDiv .hdDiv .ewmDiv{width: 127px;text-align: center; } .footerDiv .hdDiv .ewmDiv p{margin-top: 15px;} .footerDiv .bdDiv{padding: 20px 0;text-align: center;background: #161616;color: #fff; } .footerDiv .bdDiv a{color: #fff;} .footerDiv .bdDiv a:hover{color: #006fba;} .footerDiv input::-webkit-input-placeholder{color: #fff; } .footerDiv input::-moz-placeholder{color: #fff; } /*::-webkit-scrollbar { width: 2px; height: 2px; } ::-webkit-scrollbar-track { border-radius: 4px; background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0E50D1; }*/ /********************************* 首页 **********************************/ .main{margin-top: 100px; } /*banner轮播*/ .index-banner{width: 100%;position:relative;} .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 39.583vw;} .index-banner .img .wrap{position: relative;} .index-banner .img .imgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1);transition: transform 10s ease, -webkit-transform 10s ease;z-index: 1; } .index-banner .img .imgDiv img{width: 100%;height: 100%;object-fit: cover; } /* .index-banner .swiper-slide-active .imgDiv{ transform: scale(1.15); } */ /*.index-banner .gridVideo{width: 100%;display: block;height: 50.46875vw;position: relative;position: absolute;left: 0;top: 0;} .index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}*/ .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;width: 1320px;text-align: left;left: 50%;transform: translateX(-50%);padding-left: 117px; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets::before{content: "";width: 110px;height: 1px;background: #fff;position: absolute;left: 0;top: 50%; } .index-banner .swiper-pagination-bullet{width: 24px;height: 24px;border-radius: 50%;border: 1px dashed #fff;opacity:1;background: transparent;position: relative; } .index-banner .swiper-pagination-bullet::before{content: "";width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 50%;z-index: 1;background: #fff;top: 50%;transform: translate(-50%,-50%); } .index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;background: transparent;border-color: #d82d22; } .index-banner .swiper-pagination-bullet-active::before{background: #d82d22; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 11px;} /* .index-banner .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:center;color: #fff; } .index-banner .textDiv{width: 55%;z-index: 2;position: relative; } .index-banner .textDiv .p2{margin: 0.6vw 0 1.5vw; } .index-banner .textDiv a{width: 225px;height: 53px;background: #267ec3;color: #fff;font-size: 18px; } .index-banner .textDiv a img{margin-left: 20px;transition: all .5s; } .index-banner .textDiv a:hover img{transform: translateX(10px); } */ .indexTitle{position: relative;} .indexTitle.tc{text-align: center;} .indexTitle span{display: block;font-weight: bold;color: #1c1c1c;text-transform: uppercase; } .indexTitle p{text-transform: uppercase; } .indexTitle .line{width: 40px;height: 3px;background: #267ec3;margin: 15px 0 0;border-radius: 3px; } .indexTitle.tc .line{margin: 10px auto 0; } .indexTitle.cfff span,.indexTitle.cfff p{color: #fff;} /* .indexTitle.cfff .line{background: #fff;} */ a.imoreBtn{width: 182px;height: 52px;background: #006fba;color: #fff; } a.imoreBtn img{margin-left: 20px;transition: all .5s; } a.imoreBtn:hover img{transform: translateX(10px); } .f48{font-size: 48px;} .f40{font-size: 40px;} .f38{font-size: 38px;} .f36{font-size: 36px;} .f32{font-size: 32px;} .f30{font-size: 30px;} .f28{font-size: 28px;} .f24{font-size: 24px;} .f22{font-size: 22px;} .f20{font-size: 20px;} .f18{font-size: 18px;} .bold{font-weight: bold; } .imgOver{position: relative; } .imgOver .pic{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgOver .pic img{width: 100%;height: 100%;object-fit: cover; } .imgObj{position: relative; } .imgObj .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgObj .pic img{max-width: 100%;max-height: 100%;object-fit: contain; } .indexDiv1{padding: 85px 0 94px;overflow: hidden; } .indexDiv1 .hdDiv{margin: 40px 0 50px;line-height: 2.25; } .indexDiv1 .bdDiv .row>div .conDiv{position: relative;height: 100%; } .indexDiv1 .bdDiv .row>div .conDiv>img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0; } .indexDiv1 .bdDiv .row>div .conDiv .textDiv{background: #fff;z-index: 1;position: relative;padding: 30px 25px 35px;height: 100%;text-align: center; } .indexDiv1 .bdDiv .row>div .conDiv .iconDiv .dImg{display: inline-block; } .indexDiv1 .bdDiv .row>div .conDiv .iconDiv .hImg{display: none; } .indexDiv1 .bdDiv .row>div .conDiv span{display: block;margin: 10px 0;} .indexDiv1 .bdDiv .row>div .conDiv .line{width: 53px;height: 2px;background: #006fba;margin: 0 auto; } .indexDiv1 .bdDiv .row>div .conDiv .p{margin-top: 20px;line-height: 1.875;text-align: left; } .indexDiv1 .bdDiv .row>div .conDiv:hover .textDiv{background: rgba(0,0,0,.4);color: #fff; } .indexDiv1 .bdDiv .row>div .conDiv:hover .iconDiv .dImg{display: none; } .indexDiv1 .bdDiv .row>div .conDiv:hover .iconDiv .hImg{display: inline-block; } .indexDiv1 .bdDiv .row>div .conDiv:hover .line{background: #fff; } .indexDiv2{padding: 86px 0;overflow: hidden; } .indexDiv2 .hdDiv ul li a{width: 230px;height: 80px;border: 1px solid #fff;border-radius: 5px;color: #fff;margin: 0 9px; } .indexDiv2 .hdDiv ul li a img{margin-right: 12px; } .indexDiv2 .hdDiv ul li .dImg{display: block; } .indexDiv2 .hdDiv ul li .hImg{display: none; } .indexDiv2 .hdDiv ul li.on a{background: #fff;color: #006fba;font-weight: bold; } .indexDiv2 .hdDiv ul li.on .dImg{display: none; } .indexDiv2 .hdDiv ul li.on .hImg{display: block; } .indexDiv2 .bdDiv{position: relative;margin-top: 40px; } .indexDiv2 .bdDiv .lunboDiv{position: absolute;left: 0;top: 0;width: 100%;z-index: -1;opacity: 0; } .indexDiv2 .bdDiv .lunboDiv.on{position: relative;z-index: 1;opacity: 1; } .indexDiv2 .bdDiv .lunboDiv .conDiv{align-items: center; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv{width: 48.5%;color: #fff; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv .p{margin: 40px 0 70px;line-height: 2.25; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv a{width: 162px;height: 42px;background: #ffffff;color: #121212;border-radius: 6px; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv a img{margin-left: 20px;transition: all .5s; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv a:hover img{transform: translateX(10px); } .indexDiv2 .bdDiv .lunboDiv .conDiv .imgDiv{width: 48.5%; } .indexDiv2 .bdDiv .lunboDiv .conDiv .imgDiv img{object-fit: contain; } .indexDiv2 .swiper-button-prev,.indexDiv2 .swiper-button-next{width: 40px;height: 40px;margin-top: -20px;border: 1px solid #fff;border-radius: 50%; } .indexDiv2 .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: -80px; } .indexDiv2 .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: -80px; } .indexDiv2 .swiper-button-prev:hover{background: url(../img/left_.png) #fff no-repeat center center; } .indexDiv2 .swiper-button-next:hover{background: url(../img/right_.png) #fff no-repeat center center; } .indexDiv3{position: relative;overflow: hidden; } .indexDiv3 .indexTitle{position: absolute;left: 0;top: 60px;z-index: 999;width: 100%; } .indexDiv3 .hdDiv .conDiv{height: 810px;position: relative; } .indexDiv3 .hdDiv .conDiv>img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover; } .indexDiv3 .hdDiv .conDiv .textDiv{color: #fff;position: relative;padding-top: 267px;width: 46.2%; } .indexDiv3 .hdDiv .conDiv .textDiv p{margin: 25px 0 55px;font-size: 18px;line-height: 1.875; } .indexDiv3 .bdDiv{position: absolute;left: 0;bottom: 40px;width: 100%;color: #fff; } .indexDiv3 .bdDiv::after{content: "";width: 100%;height: 1px;background: rgba(255,255,255,.4);position: absolute;left: 0;bottom: 5px;z-index: 1; } .indexDiv3 .bdDiv .swiper-wrapper{align-items: flex-end; } .indexDiv3 .bdDiv .conDiv{position: relative;padding-bottom: 20px;font-size: 20px;text-align: center;width: 100%;cursor: pointer; } .indexDiv3 .bdDiv .conDiv::after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #fff;position: absolute;left: 50%;bottom: 0;margin-left: -5px;transform: translateX(-50%); } .indexDiv3 .bdDiv .swiper-slide-thumb-active .conDiv::after{width: 100%;height: 2px;bottom: 4px; } .indexDiv3 .bdDiv .wrap{position: relative; } .indexDiv3 .swiper-button-prev,.indexDiv3 .swiper-button-next{width: 40px;height: 40px;margin-top: 0;border-radius: 50%; } .indexDiv3 .swiper-button-prev{background: url(../img/left1.png) #006fba no-repeat center center;left: -40px; } .indexDiv3 .swiper-button-next{background: url(../img/right1.png) #006fba no-repeat center center;right: -40px; } .indexDiv4{padding: 80px 0 94px;overflow: hidden; } .indexDiv4 .bdDiv{margin-top: 50px;position: relative; } .indexDiv4 .bdDiv .conDiv{align-items: stretch;height:606px; } .indexDiv4 .bdDiv .conDiv .imgDiv{width: 55.68%; } .indexDiv4 .bdDiv .conDiv .textDiv{width: 44.32%;background: #fff;padding: 50px 40px; } .indexDiv4 .bdDiv .conDiv .textDiv .title .line{width: 53px;height: 2px;background: #006fba;margin-top: 10px; } .indexDiv4 .bdDiv .conDiv .textDiv .p{margin: 30px 0; } .indexDiv4 .bdDiv .conDiv .textDiv dl{display: flex;color: #393a3a; } .indexDiv4 .bdDiv .conDiv .textDiv dl dt{min-width: 130px;font-weight: initial;margin-right: 20px; } .indexDiv4 .bdDiv .conDiv .textDiv dl dd{margin-bottom: 0; } .indexDiv4 .bdDiv .conDiv .textDiv a{width: 162px;height: 42px;border-radius: 6px; } .indexDiv4 .swiper-button-prev,.indexDiv4 .swiper-button-next{width: 40px;height: 40px;margin-top: -20px;border: 1px solid #fff;border-radius: 50%; } .indexDiv4 .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: -80px; } .indexDiv4 .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: -80px; } .indexDiv4 .swiper-container-horizontal>.swiper-pagination-bullets{display: inline-block;left: 14px;bottom: 10px;width: initial; } .indexDiv4 .swiper-pagination-bullet{width: 15px;height: 15px;background: #fff;opacity: 1; } .indexDiv4 .swiper-pagination-bullet-active{background: #006fba; } .indexDiv4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 11px 0 0;} .indexDiv5{padding: 95px 0 85px;overflow: hidden; } .indexDiv5 .bdDiv{align-items: flex-start;margin-top: 50px; } .indexDiv5 .blDiv{width: 39.92%; } .indexDiv5 .blDiv .imgDiv{height: 278px;display: block; } .indexDiv5 .blDiv .textDiv .date{margin: 12px 0 0;color: #737373;font-size: 14px; } .indexDiv5 .blDiv .textDiv .title{color: #333333;margin: 15px 0; } .indexDiv5 .blDiv .textDiv .p{color: #333;line-height: 1.8;margin-bottom: 30px; } .indexDiv5 .blDiv .textDiv .imoreBtn{width: 162px;height: 42px;border-radius: 6px; } .indexDiv5 .brDiv{width: 56.06%;border-bottom: 1px solid #cccccc; } .indexDiv5 .brDiv ul li a{padding: 40px 15px;border-top: 1px solid #cccccc;align-items: flex-start; } .indexDiv5 .brDiv ul li a .alDiv{width: calc(100% - 140px); } .indexDiv5 .brDiv ul li a .alDiv .title{font-weight: bold;color: #333;padding-left: 21px;position: relative; } .indexDiv5 .brDiv ul li a .alDiv .title::before{content: "";width: 8px;height: 8px;background: #006fba;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); } .indexDiv5 .brDiv ul li a .alDiv .p{margin-top: 15px;padding-left: 21px;color: #333333;line-height: 1.75; } .indexDiv5 .brDiv ul li a .arDiv .date{color: #999999; } .indexDiv5 .brDiv ul li a .arDiv img{display: block;margin: 15px 0 0 auto; } .indexDiv5 .brDiv ul li a:hover .alDiv .title{color: #006fba; } .nyBanner .wrap{position:relative;height: 400px;color: #fff;} .nyBanner .line{width: 60px;height: 4px;background: #fff;margin: 8px 0 15px; } .nyBanner p{text-transform: uppercase; } .nyBanner .c006fba{color: #006fba; } .nyBanner .c006fba .line{background: #006fba; } .nyHead{border-bottom: 1px solid #eeeeee; } .nyHead .wrap{flex-wrap: wrap; } .breadcrumbDiv{color: #222;padding: 10px 0; } .breadcrumbDiv img{margin-right: 10px; } .breadcrumbDiv a{color: #222;} .breadcrumbDiv a:hover{color: #006fba; } .twoMenuDiv{overflow-x: auto;white-space:nowrap;text-align: left; } .twoMenuDiv a{padding: 15px 0;color: #222222;margin: 0 0 0 20px;position: relative;display: inline-block; } .twoMenuDiv a:first-child{margin-left: 0; } .twoMenuDiv a.on{color: #006fba;font-weight: bold;} .twoMenuDiv a.on::after{content: "";width: 100%;height: 3px;background: #006fba;position: absolute;left: 0;bottom: 0; } .contactDiv1{padding: 60px 0 80px;} .contactDiv1 .hdDiv{align-items: flex-start; } .contactDiv1 .hdDiv .title{margin-bottom: 30px;color: #111111;text-transform: capitalize; } .contactDiv1 .hdDiv .title .line{width: 49px;height: 3px;background: #006fba;margin: 5px 0 0; } .contactDiv1 .hdDiv .rightDiv{width: 54.6875%; } .contactDiv1 .hdDiv .rightDiv .row{margin: 0 -10px; } .contactDiv1 .hdDiv .rightDiv .row>div{padding: 0 10px;margin-bottom: 20px; } .contactDiv1 .hdDiv .rightDiv form{width: 100%;padding: 40px 30px 10px;background: #f3f3f3; } .contactDiv1 .hdDiv .rightDiv form p{font-size: 16px;color: #111111;text-transform: capitalize;margin-bottom: 10px; } .contactDiv1 .hdDiv .rightDiv form input{width: 100%;line-height: 46px;border: 1px solid #e6e6e6;padding: 0 14px;font-size: 16px;color: #3e3d3d;background: #fff; } .contactDiv1 .hdDiv .rightDiv form textarea{width: 100%;border: 1px solid #e6e6e6;padding: 10px 14px;font-size: 16px;color: #3e3d3d;resize: none;height: 168px;display: block; } .contactDiv1 .hdDiv .rightDiv form button{width: 140px;line-height: 46px;border: 0;color: #fff;background: #006fba;cursor: pointer;padding: 0;text-transform: uppercase;font-size: 18px; } .contactDiv1 .hdDiv .leftDiv{width: 42%;color: #3e3d3d; } .contactDiv1 .hdDiv .leftDiv .p1{margin: 35px 0 50px;font-size: 18px; } .contactDiv1 .hdDiv .leftDiv .text .p{margin: 0 0 20px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6; } .contactDiv1 .hdDiv .leftDiv .p .flexsta{font-size: 18px;color: #000000; } .contactDiv1 .hdDiv .leftDiv .p .flexsta img{margin-right: 10px; } .contactDiv1 .hdDiv .leftDiv .p .txt{margin-top: 15px;color: #424242; } .contactDiv1 .bdDiv{margin-bottom: 30px;line-height: 2; } .mapDiv #allmap{height: 535px; } .aboutDiv1{padding: 70px 0px; } .aboutDiv1 .bdDiv {margin-top: 50px;align-items: flex-start; } .aboutDiv1 .bdDiv .blDiv{width: 52.3%; } .aboutDiv1 .bdDiv .blDiv .p{line-height: 2.25; } .aboutDiv1 .bdDiv .brDiv{width: 44.7%; } .aboutDiv3{padding: 70px 0;background: #006fba; } .aboutDiv3 .indexTitle.cfff .line{background: #fff; } .aboutDiv3 .bdDiv{margin-top: 50px; } .aboutDiv3 .bdDiv .row>div .conDiv{border-radius: 8px;overflow: hidden; } .aboutDiv3 .bdDiv .row>div .conDiv .p{color: #565656;font-size: 14px; } .aboutDiv3 .bdDiv .row>div .conDiv:hover .p{color: #fff; } .aboutDiv2{padding: 60px 0 90px; } .aboutDiv2 .bdDiv{margin-top: 50px;position: relative;padding: 0 30px; } .aboutDiv2 .bdDiv .imgDiv {position: relative;padding-top: 141.8%;} .aboutDiv2 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; } .aboutDiv2 .bdDiv .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover;} .aboutDiv2 .bdDiv .swiper-slide{transform: scale(.8);transition: all .5s; } .aboutDiv2 .bdDiv .swiper-slide-active{transform: scale(1);} .aboutDiv2 .swiper-button-prev,.aboutDiv2 .swiper-button-next{width: 16px;height: 60px;margin-top: -30px; } .aboutDiv2 .swiper-button-prev{background: url(../img/a-l.png) no-repeat center center;left: 0; } .aboutDiv2 .swiper-button-next{background: url(../img/a-r.png) no-repeat center center;right: 0; } .newsDiv{padding: 50px 0 85px;} .newsDiv .bdDiv ul li{margin-bottom: 35px; } .newsDiv .bdDiv ul li a{padding: 20px 12px;box-shadow: 0px 0px 20px rgba(0,0,0,.05); } .newsDiv .bdDiv ul li .imgDiv{width: 353px;height: 262px;overflow: hidden; } .newsDiv .bdDiv ul li .textDiv{width: calc(100% - 400px); } .newsDiv .bdDiv ul li .textDiv .date{color: #7b7a7a;font-size: 14px; } .newsDiv .bdDiv ul li .textDiv .title{color: #030303;margin: 15px 0 30px; } .newsDiv .bdDiv ul li .textDiv .p{color: #7b7a7a;font-size: 14px;margin-bottom: 30px;line-height: 2.2; } .newsDiv .bdDiv ul li .textDiv .moreBtn{width: 160px;line-height: 40px;background: url(../img/bd.png) no-repeat center center/100%;color: #6b6b6b;font-size: 14px; } .newsDiv .bdDiv ul li .textDiv .moreBtn i{width: 20px;height: 6px;background: url(../img/jt.png) no-repeat center center/100%;margin-left: 10px; } .newsDiv .bdDiv ul li a:hover{box-shadow: 0px 0px 18px rgba(0,0,0,.2); } .newsDiv .bdDiv ul li a:hover .textDiv .moreBtn{background: url(../img/bd_.png) no-repeat center center/100%;color: #fff; } .newsDiv .bdDiv ul li a:hover .textDiv .moreBtn i{background: url(../img/jt_.png) no-repeat center center/100%; } .newsDiv .bdDiv ul li a:hover .textDiv .title{color: #006fba; } .pageDiv{text-align: center;} .pageDiv a,.pageDiv span{display: inline-block;margin: 0 15px;color: #363636;padding: 2px; } .pageDiv span{color: #fff;border-bottom:1px solid #006fba;color: #006fba; } .detailDiv {padding: 55px 0 90px;} .detailDiv .articleDiv .hd{text-align: center; } .detailDiv .articleDiv .hd .title{color: #0d0d0d;} .detailDiv .articleDiv .hd .smTit{display: flex;justify-content: center;align-items: center;color: #717171;font-size: 14px;padding: 15px 0;border-top: 1px solid #f3f2f2;border-bottom: 1px solid #f3f2f2;margin-top: 15px; } .detailDiv .articleDiv .hd .smTit span:nth-child(2){margin:0 40px; } .detailDiv .articleDiv .hd .smTit span img{margin-right: 5px; } .detailDiv .articleDiv .bd{padding: 50px 0; } .detailDiv .articleDiv .bd p{color: #0d0d0d;line-height: 1.8;} .detailDiv .articleDiv .fd{border-top: 1px solid #f3f2f2;border-bottom: 1px solid #f3f2f2;padding: 15px;flex-wrap: wrap; } .detailDiv .articleDiv .fd a{color: #282828;width: 45%; } .detailDiv .articleDiv .fd a:hover{color: #277ec3; } .solDiv{padding: 90px 0; } .solDiv .bdDiv{overflow: hidden; } .solDiv .bdDiv .row{margin: 0 -12.5px; } .solDiv .bdDiv .row>div{margin-top: 25px;padding: 0 12.5px; } .solDiv .bdDiv .row>div a{display: block;position: relative; } .solDiv .bdDiv .row>div .imgDiv{ } .solDiv .bdDiv .row>div .bgDiv{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;flex-direction: column;align-items: stretch;padding: 15px;background: linear-gradient(to top,rgba(0,0,1,.4) 20%,rgba(255,255,255,.1));color: #fff; } .solDiv .bdDiv .row>div .bgDiv .textDiv{transform: translateY(0);transition: all .5s; } .solDiv .bdDiv .row>div .bgDiv .title{position: relative; } .solDiv .bdDiv .row>div .bgDiv .p{margin-top: 5px; } .solDiv .bdDiv .row>div .bgDiv .p img{margin-right: 10px; } .solDiv .bdDiv .row>div .bgDiv .p .hImg{display: none; } .solDiv .bdDiv .row>div a:hover .bgDiv{background: linear-gradient(to top,rgba(0,111,186,.52) 10%,rgba(255,255,255,.1) 60%);} /* .solDiv .bdDiv .row>div a:hover .bgDiv .textDiv{transform: translateY(0); } */ .solDiv .bdDiv .row>div a:hover .bgDiv .p .hImg{display: block; } .solDiv .bdDiv .row>div a:hover .bgDiv .p .dImg{display: none; } .casesDiv{padding: 50px 0; } .casesDiv .itemDiv{margin-bottom: 40px; } .casesDiv .itemDiv:nth-of-type(even){flex-direction: row-reverse; } .casesDiv .itemDiv .imgDiv{height: 477px;width: 49.2%; } .casesDiv .itemDiv .textDiv{width: 45.45%; } .casesDiv .itemDiv .textDiv .title .line{width: 70px;height: 3px;background: #006fba;margin-top: 10px; } .casesDiv .itemDiv .textDiv .p{margin: 30px 0;line-height: 2;color: #1c1c1c; } .casesDiv .itemDiv .textDiv a{width: 170px;height: 45px;background: #006fba;color: #fff; } .tuijianDiv{padding: 0 0 100px; } .tuijianDiv .hdDiv .line{width: 42px;height: 2px;background: #006fba;margin: 5px 0 0; } .tuijianDiv .bdDiv .row{margin: 0 -12px; } .tuijianDiv .bdDiv .row>div {margin-top: 26px;padding: 0 12px; } .tuijianDiv .bdDiv .row>div a{display: block;border: 1px solid #c7c7c7;height: 100%; } .tuijianDiv .bdDiv .row>div .imgDiv{overflow: hidden; } .tuijianDiv .bdDiv .row>div .titleDiv{text-align: center;padding: 10px;color: #2a2a2a; } .proCateDiv .hdDiv{padding: 80px 0 85px;background: #f5f5f5; } .proCateDiv .hdDiv .textDiv{width: 41.5%; } .proCateDiv .hdDiv .textDiv span{color: #006fba; } .proCateDiv .hdDiv .textDiv p{color: #0b0b0b;margin-top: 40px;line-height: 1.75; } .proCateDiv .hdDiv .imgDiv{width: 48.94%; } .proCateDiv .bdDiv{margin: 20px 0 50px; } .proCateDiv .bdDiv .itemDiv{padding: 40px 0;border-bottom: 1px solid #dddddd; } .proCateDiv .bdDiv .itemDiv:last-child{border: 0; } .proCateDiv .bdDiv .itemDiv .ih{margin-bottom: 25px; } .proCateDiv .bdDiv .itemDiv .ih a{color: #3a3a3a; } .proCateDiv .bdDiv .itemDiv .ih a:hover{color: #006fba; } .proCateDiv .bdDiv .itemDiv .ib .row{margin: 0 -13px; } .proCateDiv .bdDiv .itemDiv .ib .row>div{padding: 0 13px; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv{position: relative;height: 100%;margin-bottom:15px; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .imgDiv{padding-top: 70.97%;background: #efeeee; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv{background: #f3f2f2;padding: 15px 10px;transition: all .5s; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv .p{color: #4d4c4c;font-size: 14px;margin-top: 5px; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv .btnDiv{margin: 20px 0;display: none; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv a{width: 80px;height: 29px;background: #006fba;color: #fff;border-radius: 6px;font-size: 14px;text-align: center; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv a:nth-child(1){margin-right: 20px; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv a:hover{opacity: .8; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv:hover::before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.3);left: 0;top: 0;z-index: 1;position: absolute; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv:hover .textDiv{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;z-index: 2;background: rgba(243,242,242,.8); } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv:hover .textDiv .btnDiv{display: flex; } .productDiv{padding: 69px 0 100px; } .productDiv .bdDiv .row{margin: 0 -20px; } .productDiv .bdDiv .row>div{padding: 0 20px;margin-bottom: 40px; } .productDiv .bdDiv .row>div .conDiv{position: relative;height: 100%;background: #f3f2f2; } .productDiv .bdDiv .row>div .conDiv .imgDiv{background: #e4e5e6;width: 49.7%;height: 100%; } .productDiv .bdDiv .row>div .conDiv .textDiv{padding: 20px;width: 50.3%; } .productDiv .bdDiv .row>div .conDiv .textDiv .line{width: 100px;height: 1px; background: #006fba;margin: 5px 0 0; } .productDiv .bdDiv .row>div .conDiv .textDiv .p{color: #3e3e3e;font-size: 14px;margin: 20px 0;line-height: 2; } .productDiv .bdDiv .row>div .conDiv .textDiv a{width: 80px;height: 29px;background: #006fba;color: #fff;border-radius: 6px;font-size: 14px; } .productDiv .bdDiv .row>div .conDiv .textDiv a:nth-child(1){margin-right: 20px;background: #c7c7c7;color: #333; } .productDiv .bdDiv .row>div .conDiv .textDiv a:hover{opacity: .8; } .productDetailDiv .hdDiv{ } .productDetailDiv .hdDiv .leftDiv{width: 46.97%;position: relative; } .productDetailDiv .swiper-button-prev,.productDetailDiv .swiper-button-next{width: 22px;height: 42px;margin-top: -21px; } .productDetailDiv .swiper-button-prev{background: url(../img/pdl.png) no-repeat center center;left: 4px; } .productDetailDiv .swiper-button-next{background: url(../img/pdr.png) no-repeat center center;right: 4px; } .productDetailDiv .hdDiv .rightDiv{width: 47.5%; } .productDetailDiv .hdDiv .rightDiv .p{color: #403f3f;line-height: 2;margin: 35px 0; } .productDetailDiv .hdDiv .rightDiv .btnDiv a{width: 200px;height: 50px;background: #006fba;color: #fff; } .productDetailDiv .hdDiv .rightDiv .btnDiv a:nth-child(1){margin-right: 20px; } .productDetailDiv .pdMenuDiv{border-bottom: 1px solid #c7c7c7;position: sticky;left: 0;top: 100px;background: #fff;z-index: 1; } .productDetailDiv .pdMenuDiv ul li{margin-right: 20px; } .productDetailDiv .pdMenuDiv ul li a{padding: 20px 0;color: #0c0c0c;display: block;position: relative; } .productDetailDiv .pdMenuDiv ul li.on a::after{content: "";width: 70px;height: 2px;background: #2d7bcd;position: absolute;left: 0;bottom: 0;z-index: 11; } .productDetailDiv .bdDiv{padding-bottom: 70px;overflow: hidden; } .productDetailDiv .bdDiv .itemDiv{margin-top: 50px; } .productDetailDiv .bdDiv .itemDiv .ib{margin-top: 20px; } .productDetailDiv .bdDiv .itemDiv .ib .introDiv{color: #272727;line-height: 2; } .productDetailDiv .bdDiv .itemDiv .ib .row{margin: 0 -22.5px; } .productDetailDiv .bdDiv .itemDiv .ib .row>div{padding: 0 22.5px;margin: 20px 0; } .productDetailDiv .bdDiv .itemDiv .ib .row>div .conDiv{align-items: flex-start; } .productDetailDiv .bdDiv .itemDiv .ib .row>div .iconDiv{width: 86px; } .productDetailDiv .bdDiv .itemDiv .ib .row>div .textDiv{width: calc(100% - 100px);color: #202020; } .productDetailDiv .bdDiv .itemDiv .ib .row>div .textDiv p{margin-top: 10px;line-height: 1.8; } .pdlxDiv{padding: 70px 0 60px;text-align: center;color: #fff; } .pdlxDiv .p1{margin: 10px 0 40px; } .pdlxDiv .p2{flex-wrap: wrap; } .pdlxDiv .p2 p{margin:0 20px; } .pdlxDiv a{width: 215px;height: 53px;background: #006fba;color: #fff;margin: 35px auto 0; } .solDetailDiv .shdDiv{background: #f5f5f5;padding: 80px 0; } .solTitle{text-align: center;color: #2a2a2a; } .solTitle p{margin-top: 15px; } .solDetailDiv .shdDiv .rowDiv{align-items: flex-start;margin-top: 40px; } .solDetailDiv .shdDiv .rowDiv .textDiv{width: 52.6%;line-height: 2;color: #2a2a2a; } .solDetailDiv .shdDiv .rowDiv .imgDiv{width: 42.3%; } .solDetailDiv .sbdDiv{padding-top: 60px; } .solDetailDiv .sbdDiv .item{padding: 60px 0; } .solDetailDiv .sbdDiv .item:nth-of-type(even){background: #f3f2f2; } .solDetailDiv .sbdDiv .item:nth-of-type(even) .ih{flex-direction: row-reverse; } .solDetailDiv .sbdDiv .item .titleDiv{color: #006fba; } .solDetailDiv .sbdDiv .item .ih{margin: 20px 0 40px;align-items: flex-start; } .solDetailDiv .sbdDiv .item .ih .imgDiv{width: 41.7%; } .solDetailDiv .sbdDiv .item .ih .textDiv{width: 54.9%;padding-top: 20px; } .solDetailDiv .sbdDiv .item .ih .textDiv .title .line{width: 42px;height: 2px;background: #006fba;margin: 5px 0 0; } .solDetailDiv .sbdDiv .item .ih .textDiv .p{margin-top: 35px;line-height: 2.4;color: #353535; } .solDetailDiv .sbdDiv .item .tuijianDiv{ padding-bottom: 0;} /*body:after { content: ''; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none; } body.on-menu:after { display: block; }*/ /*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease} .menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd} .menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/ @media (max-width:1500px) { .indexDiv2 .bdDiv .lunboDiv{padding: 0 60px; } .indexDiv2 .swiper-button-prev{left: 0; } .indexDiv2 .swiper-button-next{right: 0; } } @media (max-width:1430px) { .indexDiv3 .bdDiv .wrap{padding: 0 40px; } .indexDiv3 .swiper-button-prev{left: 0; } .indexDiv3 .swiper-button-next{right: 0; } } @media (max-width:1340px) { .wrap{padding: 0 30px;width: 100%;} .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{width: calc(100% - 60px); } .indexDiv3 .bdDiv .conDiv{font-size: 18px; } } @media (max-width:1200px) { .f38{font-size: 32px;} .f36{font-size: 30px;} .f32{font-size: 28px;} .f30{font-size: 26px;} .f28{font-size: 24px;} .f24{font-size: 22px;} header .logo{max-width: 20%; } .indexDiv3 .bdDiv .conDiv{font-size: 16px; } .indexDiv3 .hdDiv .conDiv{height: 710px; } .indexDiv3 .hdDiv .conDiv .textDiv{padding-top: 200px;width: 70%; } } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ .wrap{padding: 0 20px;width: 100%;} .menu{width:100%} .menu ul{width:100%;display: block;} .menu>ul>li>a{padding: 0 20px;} .menu.align-center>ul,.menu.align-right ul ul{text-align:left} .menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.1);} /*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/ /*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/ .menu ul li a,.menu ul ul li a{width:100%} .menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block} .menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0} .menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333} .indexHeader .menu ul ul li a{color:#fff;} .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff} .on-fixed .indexHeader .menu ul ul li a{color:#333;} .on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333} .menu ul ul ul li a{padding-left:40px} .menu ul ul, .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0} .menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none} #menu-line{display:none} .menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase} .menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000} .menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #fff} .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer} .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99} .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;;z-index:99} /*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer} .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99} .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/ /*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer} .on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/ .menu .submenu-button.submenu-opened:after{display:none} .menu ul ul{background: transparent;border-bottom:none;padding: 0;} .menu ul ul ul{top: 0;} .menu li:hover>ul{left: auto;margin-left: auto;} .menu ul ul .wrap{padding:0 15px;} .menu ul ul .hd{display: none;} .menu ul ul .bd{padding: 0;} header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;} /*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/ .on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;} header:before{display: none;} header { position: fixed !important; z-index: 9999; top: 0; left: auto; right: 0; width: 100%; height: 50px; transition: right 300ms !important; } header .header-container{height: 50px;} header .logo a{height: 50px;width: initial;} header .logo a img{max-height: 60%;} header .mbtn {display: block;} body.on-menu header{background: #fff;} body.on-menu.on-fixed header{background: #fff;} body.on-menu header .mbtn{z-index: 1;} header .rightDiv .menu { float: right; position: fixed; top: 50px; right: 0; width: 100%; height: calc(100% - 50px); padding-top: 0; background-color: #fff; /*border-bottom: 1px solid #f8f8f847;*/ transition: right 300ms; right: -100%; padding: 0; overflow-y: auto; } .on-fixed header .rightDiv .menu{ background-color: #fff; } header .rightDiv .menu ul{float: initial;height: initial;} /*header .rightDiv .menu ul.open{background: #000;}*/ header .rightDiv .menu ul li { padding: 0; margin: 0; /*border-bottom: 1px solid #f8f8f847;*/ float: initial; position: relative; } header .rightDiv .menu ul li a { display: block; line-height: 50px; height: 50px; text-align: left; font-size: 16px; } header .rightDiv .menu>ul {display: block;padding-top: 0;} body.on-menu header .rightDiv .menu {right: 0;} body.on-menu .main {right: 0;} header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;} header .rightDiv .menu>ul>li>a::after{display: none;} header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;} header .rightDiv .menu>ul>li>a span{line-height: 50px;} .menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;} /* header .rightDiv .menu>ul>li>a{color: #333;} */ .main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px; } header .rightDiv .otherDiv{height: 50px;justify-content: center;float: initial; } header .rightDiv .searchDiv{margin: 0 auto;} header .rightDiv .ssDiv .dImg{display: none;} header .rightDiv .ssDiv .hImg{display: block;} .menu ul ul .ul span{margin-top: 0;} /* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */ header .rightDiv .menu>ul>li li{border: 0;} header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;} /*.twoMenuDiv.onFixed{top: 50px;} .twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/ .menu ul ul:before{display: none!important;} .menu ul ul:after{display: none!important;;} .menu ul ul a{padding: 0 15px;margin: 0;} .menu li:hover>ul{transform: translate(0);} header .rightDiv .menu ul li .ulDiv{display: block;} .menu ul ul{height: initial;} .menu ul ul .ul{display: block;padding: 10px 30px 0;} .menu ul ul .ul li:nth-child(2){margin-left: 0;} /* .menu ul ul .ul span{color: #fff;} */ .menu ul ul .ul a{/* color: #fff; */margin-top: 0;} .menu>ul>li.proLi ul .ul{padding: 0; } .menu>ul>li.proLi ul .ul .ull{display: none; } .menu>ul>li.proLi ul .ul .ulr{width: 100%;border: 0;display: block;} .menu>ul>li.proLi ul .ul .ulr li{margin: 0; } .menu>ul>li.proLi ul .ul .ulr li>a{font-size: 16px;margin-bottom: 0; } .menu>ul>li.proLi ul .ul .ulr li .aDiv{margin-top: 15px; } .menu>ul>li.proLi ul .ul .ulr li .aDiv a{margin: 15px 0;font-size: 14px; } header .logo{max-width: 50%; } .f38{font-size: 30px;} .f36{font-size: 28px;} .f32{font-size: 26px;} .f30{font-size: 24px;} .f28{font-size: 22px;} .f24{font-size: 20px;} .nyBanner .wrap{height: 360px; } .indexDiv3 .hdDiv .conDiv .textDiv p{font-size: 16px; } .newsDiv .bdDiv ul li .imgDiv{width: 40%;height: 220px; } .newsDiv .bdDiv ul li .textDiv{width: 55%; } .newsDiv .bdDiv ul li .textDiv .title{margin-bottom: 20px; } .newsDiv .bdDiv ul li .textDiv .p{margin-bottom: 20px; } .productDetailDiv .pdMenuDiv{top: 50px; } } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { html, body{font-size: 15px;} .hidden-xs{display: none;} .visible-xs{display: block;} .floatRightDiv{display: none;} .wrap{padding: 0 15px;width: 100%;} .f38{font-size: 25px;} .f36{font-size: 24px;} .f32{font-size: 23px;} .f30{font-size: 22px;} .f28{font-size: 20px;} .f24{font-size: 19px;} .f22{font-size: 18px;} .f20{font-size: 17px;} .f18{font-size: 16px;} .index-banner .img{height:45vw;} .index-banner .swiper-container-horizontal>.swiper-pagination-bullets::before{display: none; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{padding-left: 0;text-align: center; } .index-banner .swiper-pagination-bullet{width: 16px;height: 16px; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; } .index-banner .swiper-pagination-bullet::before{width: 6px;height: 6px; } .indexDiv1{padding: 45px 0;background: #f5f5f5!important; } .indexDiv1 .hdDiv{margin: 20px 0;font-size: 14px;line-height: 2; } .indexDiv1 .bdDiv .row>div{margin-bottom: 12px; } a.imoreBtn{width: 160px;height: 40px;font-size: 14px; } a.imoreBtn img{width: 20px;margin-left: 10px; } .indexDiv2{padding: 40px 0; } .indexDiv2 .hdDiv ul li{width: 33.3%; } .indexDiv2 .hdDiv ul li a{width: calc(100% - 6px);margin: 0 3px;height: 50px;font-size: 15px;padding: 5px;text-align: center; } .indexDiv2 .hdDiv ul li a img{display: none!important; } .indexDiv2 .bdDiv{margin-top: 40px; } .indexDiv2 .bdDiv .lunboDiv{padding: 0 40px; } .indexDiv2 .bdDiv .lunboDiv .conDiv{flex-direction: column-reverse; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv{width: 100%; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv .p{margin: 20px 0;line-height: 1.8; } .indexDiv2 .bdDiv .lunboDiv .conDiv .imgDiv{width: 100%;margin-bottom: 20px; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv{text-align: center; } .indexDiv2 .bdDiv .lunboDiv .conDiv .textDiv a{margin: 0 auto;width: 152px; } .indexDiv3 .indexTitle{top: 40px; } .indexDiv3 .hdDiv .conDiv{height: 610px; } .indexDiv3 .hdDiv .conDiv .textDiv{padding-top: 180px;width: 100%;text-align: center; } .indexDiv3 .hdDiv .conDiv .textDiv p{font-size: 15px;margin: 20px 0 30px;line-height: 1.8; } .indexDiv3 .hdDiv .conDiv .textDiv a{margin: 0 auto;width: 152px; } .indexDiv3 .bdDiv .conDiv{font-size: 14px; } .indexDiv3 .swiper-button-prev, .indexDiv3 .swiper-button-next{width: 30px;height: 30px; } .indexDiv4{padding: 35px 0; } .indexDiv4 .bdDiv{margin-top: 25px; } .indexDiv4 .bdDiv .conDiv{flex-direction: column-reverse; } .indexDiv4 .bdDiv .conDiv .imgDiv{width: 100%;height: 200px; } .indexDiv4 .bdDiv .conDiv .textDiv{width: 100%;padding: 20px; } .indexDiv4 .bdDiv .conDiv .textDiv dl{margin-bottom: 10px; } .indexDiv4 .swiper-pagination-bullet{width: 10px;height: 10px; } .indexDiv5{padding: 50px 0 40px; } .indexDiv5 .bdDiv{display: block; } .indexDiv5 .blDiv{width: 100%; } .indexDiv5 .brDiv{width: 100%;margin-top: 40px; } .indexDiv5 .brDiv ul li a{padding: 20px 0; } .indexDiv5 .brDiv ul li a .alDiv{width: calc(100% - 80px); } .indexDiv5 .brDiv ul li a .alDiv .p{margin-top: 10px; } .footerDiv .hdDiv{padding: 20px 0;} .footerDiv .hdDiv .flexbet{width: 100%;display: block;} .footerDiv .hdDiv .listDiv{width: 100%;margin-bottom: 20px;max-width: 100%;} .footerDiv .hdDiv .listDiv>a{margin-bottom: 10px;padding-bottom: 10px; } .footerDiv .hdDiv .aDiv{display: flex;flex-wrap: wrap; } .footerDiv .hdDiv .aDiv a{font-size: 14px;margin: 0 15px 5px 0; } .footerDiv .bdDiv{font-size: 14px; } .nyBanner .wrap{height: 46vw;} .nyBanner .line{width: 30px; } .breadcrumbDiv{font-size: 14px;} .twoMenuDiv a{font-size: 14px; } .contactDiv1{padding: 40px 0;} .contactDiv1 .hdDiv{display: block;} .contactDiv1 .hdDiv .leftDiv{width: 100%;margin-bottom: 30px; } .contactDiv1 .hdDiv .leftDiv .p{margin-bottom: 20px;} .contactDiv1 .hdDiv .rightDiv{width: 100%; } .contactDiv1 .hdDiv .rightDiv .row>div{margin-bottom: 15px; } .contactDiv1 .hdDiv .title{margin-bottom: 20px; } .contactDiv1 .hdDiv .rightDiv form{padding: 20px 15px; } .contactDiv1 .hdDiv .rightDiv form p{font-size: 16px; } .contactDiv1 .hdDiv .rightDiv form input{line-height: 40px; } .contactDiv1 .hdDiv .rightDiv form button{font-size: 16px;width: 120px;line-height: 40px; } .contactDiv1 .hdDiv .leftDiv .p1{font-size: 16px;margin: 20px 0 30px; } .mapDiv #allmap{height: 185px; } .aboutDiv1{padding: 45px 0 30px; } .aboutDiv1 .bdDiv{display: block; } .aboutDiv1 .bdDiv .blDiv{width: 100%; } .aboutDiv1 .bdDiv .brDiv{width: 100%;margin-top: 20px; } .aboutDiv1 .row>div{margin-bottom: 15px; } .aboutDiv1 .row>div .conDiv{flex-direction: row;align-items: flex-start;text-align: left;justify-content: space-between;padding: 20px; } .aboutDiv1 .row>div .conDiv img{width: 60px;margin-right: 20px; } .aboutDiv1 .row>div .conDiv p{margin-top: 5px;font-size: 15px; } .aboutDiv1 .row>div .conDiv span{margin: 0 0 10px; } .aboutDiv2{padding: 40px 0; } .aboutDiv2 .bdDiv{margin-top: 30px; } .aboutDiv3{padding: 40px 0;background: #006fba!important; } .aboutDiv3 .bdDiv{margin-top: 30px; } .newsDiv .bdDiv ul li a{display: block; } .newsDiv .bdDiv ul li .imgDiv{width: 100%; } .newsDiv .bdDiv ul li .textDiv{width: 100%;margin-top: 20px; } .detailDiv{padding: 40px 0;} .detailDiv .articleDiv .hd .title{font-size: 18px;} .detailDiv .articleDiv .hd .smTit{flex-wrap: wrap; } .detailDiv .articleDiv .hd .smTit span{margin: 5px;} .detailDiv .articleDiv .bd{padding: 30px 0; } .detailDiv .articleDiv .fd a{width: 100%;justify-content: flex-start; } .detailDiv .articleDiv .fd a:nth-child(2){margin-top: 20px; } .pageDiv a, .pageDiv span{margin: 0 10px; } .solDiv{padding: 40px 0 80px; } .casesDiv .itemDiv{display: block; } .casesDiv .itemDiv .imgDiv{width: 100%;height: 230px; } .casesDiv .itemDiv .textDiv{width: 100%;margin-top: 30px; } .casesDiv .itemDiv .textDiv a{width: 150px; } .tuijianDiv{padding-bottom: 50px; } .proCateDiv .hdDiv{padding: 40px 0; } .proCateDiv .hdDiv .wrap{display: block; } .proCateDiv .hdDiv .textDiv{width: 100%; } .proCateDiv .hdDiv .textDiv p{margin-top: 20px; } .proCateDiv .hdDiv .imgDiv{width: 100%;margin-top: 30px; } .proCateDiv .bdDiv .itemDiv .ib .row>div{margin-bottom: 20px; } .proCateDiv .bdDiv .itemDiv .ib .row>div .conDiv .textDiv .btnDiv{display: flex; } .productDiv{padding: 40px 0; } .productDiv .bdDiv .row>div .conDiv{display: block;height: initial; } .productDiv .bdDiv .row>div .conDiv .imgDiv{width: 100%;height: initial;padding-top: 100%; } .productDiv .bdDiv .row>div .conDiv .textDiv{width: 100%; } .productDetailDiv .hdDiv{padding: 40px 0; } .productDetailDiv .hdDiv .wrap{display: block; } .productDetailDiv .hdDiv .leftDiv{width: 100%; } .productDetailDiv .hdDiv .rightDiv{width: 100%;margin-top: 20px; } .productDetailDiv .hdDiv .rightDiv .p{margin: 20px 0; } .productDetailDiv .bdDiv .itemDiv .ib .row>div .iconDiv{width: 66px; } .productDetailDiv .bdDiv .itemDiv .ib .row>div .textDiv{width: calc(100% - 80px); } .productDetailDiv .bdDiv .itemDiv .ib .row>div{margin: 10px 0; } .pdlxDiv{padding: 30px 0; } .pdlxDiv .p1{margin: 10px 0 20px;font-size: 15px; } .pdlxDiv a{margin-top: 20px;width: 160px;height: 46px; } .productDetailDiv .pdMenuDiv ul li a{padding: 15px 0; } .solDetailDiv .shdDiv{padding: 40px 0; } .solDetailDiv .shdDiv .rowDiv{display: block;margin-top: 20px; } .solDetailDiv .shdDiv .rowDiv .textDiv{width: 100%; } .solDetailDiv .shdDiv .rowDiv .imgDiv{width: 100%;margin-top: 30px; } .solDetailDiv .sbdDiv{padding-top: 30px; } .solDetailDiv .sbdDiv .item{padding: 30px 0; } .solDetailDiv .sbdDiv .item .ih{display: block; } .solDetailDiv .sbdDiv .item .ih .imgDiv{width: 100%; } .solDetailDiv .sbdDiv .item .ih .textDiv{width: 100%; } .solDetailDiv .sbdDiv .item .ih .textDiv .p{margin-top: 20px; } @media (max-width:320px) { } }