/* @import"https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"; */ html,body{padding: 0;margin: 0;font-family: "Noto Sans SC";font-size: 16px;color: #333333;/*min-width: 1200px;*/} .wrap{/* padding: 0 12.5vw; */ max-width: 73%;margin: 0 auto;width: 100%; } .wrap1{/* padding: 0 8.3vw; */ max-width: 82%;margin: 0 auto;width: 100%; } 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;white-space: nowrap;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;} .ovh7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;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;} .pa{position: absolute;} /**导航菜单**/ header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;height: 90px;background: transparent;transition: all .5s; /*min-width: 1200px;*/ } header .logo{width: 15.3%; } header .logo a{height: 90px;position: relative;z-index: 999;display:flex;justify-content:flex-start;align-items:center;} header .logo img{max-height: 60px;max-width: 80%;} header .hImg{display: none; } header .rightDiv {width: 84.7%; } header .rightDiv .menu{width: 70%; } header .rightDiv .menu>ul{display: flex!important;width: 100%;} header .rightDiv .menu>ul>li{/* float: left; *//* margin-right: 1.56vw; */flex: 1;} header .rightDiv .menu>ul>li>a{height: 90px;text-align: center;color: #fff;position: relative;display: flex;/* justify-content: center; */align-items: center;font-size: 16px;/* padding: 0 0.78125vw; *//* width: 120px; */} header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li.on>a{background:transparent;color: #007de3;} /* header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;height: 4px;position: absolute;left: 0;background: #fff;bottom: 1px;opacity: 0;transform: scaleX(1);-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;} */ header .mbtn {width: 50px;height: 50px;background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;z-index: 11; } header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;} header .otherDiv{height: 90px;} header .ssBtn{margin: 0 1.56vw 0 0 ; } header .ssBtn img{width: 20px; } /* header .searchDiv{position:absolute;text-align: left;background: #f5f6f8; padding: 14px 0 30px 0;width: 100vw; top: 100%;left:0;transform: translate(0,-10px);display: flex; opacity: 0;visibility: hidden;transition: transform .4s;justify-content: flex-end;z-index: 22; } header .searchDiv form{width: 100%;max-width: 800px;position: relative;margin: 0 155px 0 auto; } header .searchDiv form input{width: 100%;padding: 0 60px 0 0;line-height: 60px;border: 0;font-size: 16px;background: transparent;border-bottom: 1px solid #666666; } header .searchDiv form button{width: 52px;height: 100%;background: transparent;position: absolute;right: 0;top: 0;border: 0;cursor: pointer; } header .searchDiv form button img{height: 24px; } header .ssDiv.hover>.searchDiv{opacity: 1;visibility: visible;transform: translate(0,0);} */ header .ljDiv a{height: 32px;border-radius: 4px;border: 1px solid #fff;padding: 0 16px;color: #fff;font-size: 14px; } header .ljDiv a:nth-child(1){margin-right: 10px; } header .pcNav{position: absolute;left: 0;top: 90px;background: #fff;z-index: 11;width: 100%;padding: 10px 0 60px;display: none; opacity: 0;transition: all .5s;box-shadow: 0px 0px 1px #cccccc inset;} header .pcNav .litem{width: 15.3%;} header .pcNav .ritem{width: 84.7%; } header .pcNav .ritem .ul{width: 70%;align-items: flex-start;} header .pcNav .ritem ul{/* margin-right: 1.1vw; *//* padding: 0 0.78125vw; */flex: 1; padding-right: 1.1vw;margin-top: 20px; } header .pcNav .ritem ul>span{font-size: 16px;opacity: 0;display: none;} header .pcNav .ritem ul>li{margin-bottom: 20px; } header .pcNav .ritem ul>li>a{color: #666; } header .pcNav .ritem ul>li>a:hover{color: #007de3; } .searchDiv{position: absolute;top: 90px;left: 0;width: 100%;background: #fff;transform: translateY(-100px);transition: all .5s;height: 0vw;display: flex;align-items: center;justify-content: center;opacity: 0;z-index: -1; } .searchDiv form{width: 100%;max-width: 600px;border-bottom: 1px solid #cdcdcd; } .searchDiv form input{border: 0;width: calc(100% - 50px);line-height: 50px; } .searchDiv form input::placeholder{color: #999999; } .searchDiv form input::-webkit-input-placeholder{color: #999999; } .searchDiv form button{border: 0;height:50px;background: transparent;cursor: pointer; } .searchDiv form button img{width: 30px; } .searchDiv.on{opacity: 1;transform: translateY(0);z-index: 22;height: calc(100vh - 90px); } /* header.on{background: rgba(255,255,255,1); } header.on .dImg{display: none; } header.on .hImg{display: block; } header.on .rightDiv .menu>ul>li>a{color: #333; } header.on .rightDiv .menu>ul>li:hover>a, header.on .rightDiv .menu>ul>li.on>a{color: #007de3;font-weight: bold; } header.on .rightDiv .menu>ul>li>a::after{background: #007de3; } header.on,header.on .logo a,header.on .rightDiv .menu>ul>li>a,header.on .otherDiv{height: 80px; } header.on .mbtn{background: url(../img/menu1.png) no-repeat center center; } */ header.nyHeader{background: rgba(255,255,255,1); } header.nyHeader .dImg{display: none; } header.nyHeader .hImg{display: block; } header.nyHeader .rightDiv .menu>ul>li>a{color: #333; } header.nyHeader .rightDiv .menu>ul>li:hover>a, header.nyHeader .rightDiv .menu>ul>li.on>a{color: #007de3;font-weight: bold; } header.nyHeader .rightDiv .menu>ul>li>a::after{background: #007de3; } header.nyHeader .ljDiv a{border-color: #007de3;color: #007de3; } header.nyHeader .ljDiv a:hover{background: #007de3;color: #fff; } header.nyHeader .mbtn{background: url(../img/menu1.png) no-repeat center center; } .on-fixed header.nyHeader,.on-fixed header.nyHeader .logo a,.on-fixed header.nyHeader .rightDiv .menu>ul>li>a,.on-fixed header.nyHeader .otherDiv{height: 80px; } .on-menu header .dImg{display: none; } .on-menu header .hImg{display: block; } .on-menu header .rightDiv .menu>ul>li>a{color: #333; } .on-fixed header{background: rgba(255,255,255,1);border-bottom: 1px solid #ccc; } .on-fixed header .dImg{display: none; } .on-fixed header .hImg{display: block; } .on-fixed header .rightDiv .menu>ul>li>a{color: #333; } .on-fixed header .rightDiv .menu>ul>li.on>a, .on-fixed header .rightDiv .menu>ul>li:hover>a{color: #007de3;font-weight: bold; } .on-fixed header .rightDiv .menu>ul>li>a::after{background: #007de3; } .on-fixed header .rightDiv .menu>ul>li.on>a::after{background: #fff; } .on-fixed header .rightDiv .menu>ul>li.on:hover>a::after{background: #007de3; } .on-fixed header .ljDiv a{border-color: #007de3;color: #007de3; } .on-fixed header .ljDiv a:hover{background: #007de3;color: #fff; } .on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center; } header.onHover {background: rgba(255,255,255,1);border-bottom: 1px solid #ccc; } header.onHover .dImg{display: none; } header.onHover .hImg{display: block; } header.onHover .rightDiv .menu>ul>li>a{color: #333; } header.onHover .rightDiv .menu>ul>li.on>a, header.onHover .rightDiv .menu>ul>li:hover>a{color: #007de3;font-weight: bold; } header.onHover .rightDiv .menu>ul>li>a::after{background: #007de3; } header.onHover .rightDiv .menu>ul>li.on>a::after{background: #fff; } header.onHover .rightDiv .menu>ul>li.on:hover>a::after{background: #007de3; } header.onHover .ljDiv a{border-color: #007de3;color: #007de3; } header.onHover .ljDiv a:hover{background: #007de3;color: #fff; } header.onHover .mbtn{background: url(../img/menu1.png) no-repeat center center; } header.onHover .pcNav{display: block;opacity: 1; } .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-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} .menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;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>li.has-sub>a{padding-right:0} .menu ul li.default ul{position:absolute;left:50%;text-align: center;width: max-content;transform: translateX(-50%);/* opacity: 0;visibility: hidden;transition: transform .6s; */ display: none;} .menu li.default:hover>ul{/* opacity: 1;visibility: visible;transform: translate(-50%,0); */ display: block;} header .rightDiv .menu>ul>li.default{position: relative;} header .rightDiv .menu>ul>li.default ul{min-width: 160px;background: #fff; width: max-content;padding: 10px 10px;border-radius: 20px;box-shadow: 0px 7px 27px rgba(218,218,218,.5);display: none; } header .rightDiv .menu>ul>li.default li{display: block;float: initial;width: 100%;margin: 10px 0; } header .rightDiv .menu>ul>li.default li a{font-size: 16px;color: #333333;font-weight: normal;text-align: center;text-transform: capitalize;padding: 7px 20px;transition: transform .4s ;} header .rightDiv .menu>ul>li.default li a:hover{color: #007de3;background: #faf8f7;border-radius: 20px; } .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} #menu { position: fixed; right: 25px; top: 50%; transform: translateY(-50%); padding: 0; list-style-type: none; z-index: 70;} #menu li{cursor: pointer;width: initial;margin: 20px 0;} #menu a{font-size: 14px;color: #333333;} #menu a span{display: none;writing-mode: vertical-lr; } #menu a i{width: 6px;height: 6px;background: #999999;display: block;margin: 0 auto; } #menu .active a span{display: block;} #menu .active a i{display: none; } #menu.on li a i{background: #fff; } #menu.on li a{color: #fff; } /****底部***/ .footerDiv{background: #ebf2f7;} .footerDiv .bdDiv{color: #333;padding: 60px 0 0;align-items: flex-start;border-bottom: 1px solid #e3d9d9; } .footerDiv .bdDiv .blDiv{align-items: flex-start;width: 70.43%;border-right: 1px solid #e3d9d9;padding-bottom: 60px; } .footerDiv .bdDiv .brDiv{width: 23%; } .footerDiv .bdDiv .brDiv .listDiv{margin-right: 0; } .footerDiv .bdDiv .brDiv .lxDiv .ewmDiv{width: 100px; } .footerDiv .bdDiv .brDiv .lxDiv .p{width: calc(100% - 120px);font-size: 14px; } .footerDiv .bdDiv .brDiv .lxDiv .p p:nth-child(2){margin: 10px 0 20px; } .footerDiv .bdDiv .brDiv .lxDiv .p p a{color: #007de3;font-size: 16px; } .footerDiv .bdDiv .brDiv .lxDiv .p p a:hover{text-decoration: underline; } .footerDiv .bdDiv .brDiv .lxDiv .p a.imoreBtn{max-width: 160px;height: 36px;width: 100%; } .footerDiv .bdDiv .listDiv{margin:0 4vw 0 0;} .footerDiv .bdDiv .listDiv>span{margin-bottom: 25px;font-weight: bold;color: #333;display: block; } .footerDiv .bdDiv .listDiv>span a{color: #333;} .footerDiv .bdDiv .aDiv a{color: #666;display: block;margin-bottom: 12px;font-size: 14px;text-align: left;} .footerDiv .bdDiv .aDiv a:hover{color: #007de3; } .footerDiv .bdDiv .aDiv.flexsta{flex-wrap: wrap;flex-direction: column;height: 200px;align-items: stretch; } .footerDiv .bdDiv .aDiv.flexsta a{margin-right: 20px; } .footerDiv .bdDiv .aDiv p{color: #666;font-size: 14px;margin-top: 10px; } .footerDiv .hdDiv{padding:30px 0; position: relative;color: #666666;font-size: 14px; } .footerDiv .hdDiv .logoDiv img{height: 60px; } /********************************* 首页 **********************************/ /*banner轮播*/ .banner1{width: 100%;position:relative;height: 100%;} .banner1 .img{width: 100%;display: block;height: 39.0625vw;background: none no-repeat center;background-size: cover;} .banner1 .img>img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover; } .banner1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px; } .banner1 .swiper-pagination-bullet{width: 60px;height: 4px;background: #fff;opacity:.5;border-radius: 0; } .banner1 .swiper-pagination-bullet-active{opacity: 1;position: relative;} .banner1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .banner1 .swiper-button-prev,.banner1 .swiper-button-next{width: 60px;height: 60px;margin-top: -30px;border-radius: 50%; } .banner1 .swiper-button-prev{left: 3vw;background: url(../img/left.png) rgba(255,255,255,.5) no-repeat center center/12px; } .banner1 .swiper-button-next{right: 3vw;background: url(../img/right.png) rgba(255,255,255,.5) no-repeat center center/12px; } .banner1 .swiper-button-prev:hover{background: url(../img/left_.png) rgba(255,255,255,1) no-repeat center center/12px;} .banner1 .swiper-button-next:hover{background: url(../img/right_.png) rgba(255,255,255,1) no-repeat center center/12px; } .f60{font-size: 60px; } .f54{font-size: 54px; } .f52{font-size: 52px; } .f50{font-size: 50px; } .f48{font-size: 48px; } .f46{font-size: 46px; } .f40{font-size: 30px; } .f36{font-size: 36px } .f34{font-size: 34px; } .f33{font-size: 33px; } .f30{font-size: 30px; } .f28{font-size: 28px; } .f24{font-size: 24px;} .f21{font-size: 21px;} .f20{font-size: 20px; } .f18{font-size: 18px; } .bold{font-weight: bold; } .indexTitle{position: relative;} .indexTitle.tc{text-align: center;} .indexTitle span{position: relative;display: block;color: #949fa6;text-transform: uppercase; } .indexTitle p{color: #333333;line-height: 1;font-weight: 500; } .indexTitle.cfff span,.indexTitle.cfff p{color: #fff;} a.imoreBtn{width: 140px;height: 42px;border-radius: 25px;background: #007de3;color: #fff;position: relative;overflow: hidden; } a.imoreBtn img{width: 14px;margin-left: 10px; } a.imoreBtn span{z-index: 1;position: relative; } a.imoreBtn::before {left: -200%;bottom: 0;position: absolute;content: "";width: 200%;height: 200%;transition: 0.5s 0.1s;background: linear-gradient(to right,#007de3,#0055e3); } a.imoreBtn:hover::before {left: 0;width: 120%;height: 120%; } a.imoreBtn:hover{box-shadow: 0px 9px 16px #b4ddff;} /* a.imoreBtn em:after { display: inline-block; margin-left: 0.78vw; width: 0.42vw; height: 14px; content: ""; background: url(../img/more.png) no-repeat right center/100%; position: relative; z-index: 1; transition: all 0.5s; top: 1px; } a.imoreBtn:hover{border-color: #fff;color: #007de3; } a.imoreBtn:hover::before{bottom: 0;width: 120%;height: 120%; } a.imoreBtn:hover em:after{background: url(../img/more1.png) no-repeat right center/100%; } */ /* a.imoreBtn img{margin-left: 16px;transition: all .5s; } a.imoreBtn:hover img{transform: translateX(10px); } */ .imgOver{position: relative; } .imgOver .pic{position: absolute;left: 0;top: 0;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; } .indexDiv{overflow: hidden;background: #7087a5; } .indexDiv ul{align-items: stretch;border-top: 1px solid #1b3a70; } .indexDiv ul li{flex: 1;border-right: 1px solid #1b3a70;} .indexDiv ul li:last-child{border: 0; } .indexDiv ul li .conDiv{padding: 2.6vw;align-items: flex-start; } .indexDiv ul li .conDiv img{width: 36px; } .indexDiv ul li .conDiv .textDiv{width: calc(100% - 60px);color: #fff; } .indexDiv ul li .conDiv .textDiv p{font-size: 14px;margin-top: 5px; } .indexDiv ul li:hover{background: linear-gradient(to right,#007de3,#0055e3); } .indexDiv1 {overflow: hidden; } .indexDiv1 .hdDiv{position: relative;margin-bottom: 60px; } .indexDiv1 .hdDiv .hlDiv{width: 46.43%; } .indexDiv1 .hdDiv .hlDiv .textDiv{margin: 2vw 0 3vw;color: #666666;line-height: 2; } .indexDiv1 .hdDiv .hrDiv{width: 42.14%; } .dataDiv .row>div{display: flex; } .dataDiv .row>div:nth-of-type(odd){justify-content: flex-start; } .dataDiv .row>div:nth-of-type(even){justify-content: flex-end; } .dataDiv .row>div:nth-child(-n+2){margin-bottom: 130px; } .dataDiv .row>div .conDiv{align-items: flex-start;min-width: 80%; } .dataDiv .row>div .conDiv .icon{width: 46px;margin-right: 30px;margin-top: 10px; } .dataDiv .row>div .conDiv .text{width: calc(100% - 76px); } .dataDiv .row>div .conDiv .text .num {font-weight: bold;line-height: 1; } .dataDiv .row>div .conDiv .text .num sup{font-weight: normal; } .dataDiv .row>div .conDiv .text p{color: #666; } .indexDiv1 .videoDiv{position: relative; } .indexDiv1 .videoDiv .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1; } .indexDiv1 .videoDiv .bgDiv img{width: 60px;cursor: pointer; } .indexDiv2 {position: relative;overflow: hidden; } .indexDiv2 .bdDiv{width: 56.64%;color: #fff; } .indexDiv2 .indexTitle span,.indexDiv2 .indexTitle p{color: #fff; } .indexDiv2 .bdDiv .conDiv .textDiv{margin: 40px 0 30px; } .indexDiv2 .bdDiv .conDiv .textDiv .p{margin: 10px 0 20px; } .indexDiv2 .bdDiv .conDiv .imgDiv{padding-top: 51.5%; } .indexDiv2 .bdDiv .conDiv .btnDiv a{width: 120px; } .indexDiv2 .bdDiv .conDiv .btnDiv a.zxBtn{background: #e94f25; } .indexDiv2 .bdDiv .conDiv .btnDiv a.zxBtn::before{background: linear-gradient(to right,#e94f25,#cb1e19); } .indexDiv2 .bdDiv .conDiv .btnDiv a.xqBtn{background: #007de3;margin-left: 20px; } .indexDiv2 .bdDiv .conDiv .btnDiv a:hover{box-shadow: none; } .indexDiv2 .rightDiv{position: absolute;right: 0;top: 0;z-index: 11;height: 100%;width: 36.45vw; } .indexDiv2 .rightDiv ul{flex-direction: column;height: 100%;align-items: stretch; } .indexDiv2 ul li{height: calc(20% - 1px);background: #0d2654;padding-left: 8.3vw;position: relative;cursor: pointer; } .indexDiv2 ul li::before{content: "";width: calc(100% + 20px);height: 100%;background: linear-gradient(to right,#007de3,#0055e3);position: absolute;top: 0;z-index: 1;right: -200%; } .indexDiv2 ul li .conDiv{height: 100%;color: #fff;position: relative;z-index: 2; } .indexDiv2 ul li .conDiv .iconDiv{width: 70px;margin-right: 3vw; } .indexDiv2 ul li .conDiv .iconDiv .hImg{ display: none; } .indexDiv2 ul li.on .conDiv .iconDiv .hImg{display: block; } .indexDiv2 ul li.on .conDiv .iconDiv .dImg{display: none; } .indexDiv2 ul li.on::before{right: 0; } .indexDiv2 ul li .textDiv{color: #fff; } .indexDiv3{background: #eff6ff;overflow: hidden; } .indexDiv3 .bdDiv{margin-top: 40px;align-items: stretch; } .indexDiv3 .bdDiv .item{width: 23.93%; } .indexDiv3 .bdDiv .item:nth-child(2){width: 49.3%; } .indexDiv3 .bdDiv .item a{display: block;position: relative; } .indexDiv3 .bdDiv .item a::before{content: "";width: 100%;height: 100%;background: rgba(112,135,165,0.85);position: absolute;left: 0;top: 0;z-index: 1; } .indexDiv3 .bdDiv .item:nth-child(1) a{padding-top: 205.97%; } .indexDiv3 .bdDiv .item .conDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;color: #fff; } .indexDiv3 .bdDiv .item .conDiv .textDiv1 {text-align: center;position: absolute;left: 0;top: 50%;width: 100%;padding: 7%;transform: translateY(-50%);z-index: 3;transition: all .3s; } .indexDiv3 .bdDiv .item .conDiv .textDiv1 img{width: 70px;margin-bottom: 10px; } .indexDiv3 .bdDiv .item .conDiv .textDiv2{position: absolute;left: 0;top: 50%;width: 100%;padding: 7%;transform: translateY(-50%);z-index: 3;opacity: 0;transition: all .3s; } .indexDiv3 .bdDiv .item .conDiv .textDiv2 p{margin: 15px 0 30px; } .indexDiv3 .bdDiv .item .conDiv .textDiv2 span{width: 120px;height: 42px;border-radius: 22px;color: #fff;background: linear-gradient(to right,#007de3,#0055e3);font-size: 14px; } .indexDiv3 .bdDiv .item.flexbet{flex-direction: column;align-items: stretch;justify-content: space-between; } .indexDiv3 .bdDiv .item:nth-child(2) .ih a{padding-top: 48.55%; } .indexDiv3 .bdDiv .item:nth-child(2) .ib a{padding-top: 100%; } .indexDiv3 .bdDiv .item:nth-child(2) .ib .aDiv{width: 48.55%; } .indexDiv3 .bdDiv .item:nth-child(3) a{padding-top: 100%; } .indexDiv3 .bdDiv .item a:hover .conDiv .textDiv1{opacity: 0; } .indexDiv3 .bdDiv .item a:hover .conDiv .textDiv2{opacity: 1; } .indexDiv4 .bdDiv{color: #fff; } .indexDiv4 .bdDiv .textDiv{margin: 2vw 0 20px;color: #fff;width: 57.14%; } .indexDiv4 .bdDiv .btnDiv a{width: 120px; } .indexDiv4 .bdDiv .btnDiv a.zxBtn{background: #e94f25; } .indexDiv4 .bdDiv .btnDiv a.zxBtn::before{background: linear-gradient(to right,#e94f25,#cb1e19); } .indexDiv4 .bdDiv .btnDiv a.xqBtn{background: #007de3;margin-left: 20px; } .indexDiv4 .bdDiv .btnDiv a:hover{box-shadow: none; } .indexDiv4 .ulDiv{margin-top: 14.0625vw; } .indexDiv4 .ulDiv ul{align-items: stretch; } .indexDiv4 .ulDiv ul li{width: 16.67%;position: relative;overflow: hidden;transition: all .5s; } .indexDiv4 .ulDiv ul li a{position: relative;width: calc(100% - 16.6px);background: #0d2654;color: #fff;display: block;height: 100%; } .indexDiv4 .ulDiv ul li a .text1{padding: 20px 11%; } .indexDiv4 .ulDiv ul li a .text1 img{width: 30px;margin-top: 25px; } .indexDiv4 .ulDiv ul li a .text2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#007de3,#0055e3);padding: 30px 7%;opacity: 0;transition: all .5s; } .indexDiv4 .ulDiv ul li a .text2 img{width: 46.5px; } .indexDiv4 .ulDiv ul li a .text2 .p{width: calc(100% - 70px); } .indexDiv4 .ulDiv ul li.on{width: 37.2%; } .indexDiv4 .ulDiv ul li.on .text2{opacity: 1; } .indexDiv5 {background: #eff6ff;} .indexDiv5 .bdDiv{margin-top: 50px; } .indexDiv5 .bdDiv .row{margin: 0 -10px; } .indexDiv5 .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px;flex: 0 0 12.5%;max-width: 12.5%; } .indexDiv5 .bdDiv .row>div .imgDiv{padding-top: 35.22%; } .indexDiv5 .bdDiv .moreDiv {margin-top: 20px; } .indexDiv5 .bdDiv .moreDiv a{color: #007de3;font-size: 14px; } .indexDiv5 .bdDiv .moreDiv a:hover{text-decoration: underline; } .indexDiv6 .hdDiv{margin: 50px 0 30px; } .indexDiv6 .hdDiv .conDiv{height: 100%; } .indexDiv6 .hdDiv .hlDiv a{display: block;position: relative; } .indexDiv6 .hdDiv .hlDiv .imgDiv{padding-top: 45.4%; } .indexDiv6 .hdDiv .hlDiv .textDiv{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 20% 30px 30px;color: #fff; } .indexDiv6 .hdDiv .hlDiv .textDiv .date{width: 70px;height: 70px;background: #007de3;border-radius: 10px;flex-direction: column; } .indexDiv6 .hdDiv .hlDiv .textDiv .date span{font-weight: bold;line-height: 1; } .indexDiv6 .hdDiv .hlDiv .textDiv .title{width: calc(100% - 100px); } .indexDiv6 .swiper-pagination{text-align: right;padding-right: 20px; } .indexDiv6 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px; } .indexDiv6 .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: .5; } .indexDiv6 .swiper-pagination-bullet-active{background: #007de3;opacity: 1; } .indexDiv6 .hdDiv .hrDiv ul {height: 100%; } .indexDiv6 .hdDiv .hrDiv ul li{height: calc(100% / 3); } .indexDiv6 .hdDiv .hrDiv ul li a{height: calc(100% - 1px);padding: 0 3vw;background: url(../img/i-n-bg1.jpg) no-repeat center center/cover;color: #fff; } .indexDiv6 .hdDiv .hrDiv ul li a img{width: 14px;opacity: 0; } .indexDiv6 .hdDiv .hrDiv ul li a:hover{background: url(../img/i-n-bg2.jpg) no-repeat center center/cover; } .indexDiv6 .hdDiv .hrDiv ul li a:hover img{opacity: 1; } .indexDiv6 .bdDiv .row>div ul{height: 100%;background: #eff6ff;padding: 10px 20px; } .indexDiv6 .bdDiv .row>div ul li{padding: 20px 0;border-bottom: 1px dashed #949fa6;} .indexDiv6 .bdDiv .row>div ul li:last-child{border-bottom: 0; } .indexDiv6 .bdDiv .row>div ul li a{color: #333;height: 49px; } .indexDiv6 .bdDiv .row>div ul li a:hover{color: #007de3; } .indexDiv7 ul{align-items: stretch; } .indexDiv7 ul li{width: 50%; } .indexDiv7 ul li:nth-child(1){padding: 40px 3vw 40px 13.5%; } .indexDiv7 ul li:nth-child(1) a>img{width: 18.8%; } .indexDiv7 ul li:nth-child(2){padding: 40px 13.5% 40px 3vw; } .indexDiv7 ul li:nth-child(2) a>img{width: 34.33%; } .indexDiv7 ul li .text{margin: 0 2vw; } .indexDiv7 ul li .text span{color: #333; } .indexDiv7 ul li .text p{color: #666; } .indexDiv7 ul li i img{width: 14px;display: block; } .indexDiv7 ul li i .hImg{display: none; } .indexDiv7 ul li a:hover .text span{color: #007de3; } .indexDiv7 ul li a:hover i .dImg{display: none; } .indexDiv7 ul li a:hover i .hImg{display: block; } /* .indexDiv8{padding: 70px 0; } .indexDiv8 .formDiv{width: 72.14%; } .indexDiv8 .formDiv form .inputDiv{width: 25.74%; } .indexDiv8 .formDiv form .inputDiv input{width: 100%;line-height: 60px;background: #fff;border: 1px solid #fff;border-radius: 30px;padding: 0 20px; } .indexDiv8 .formDiv form .inputDiv input:focus{border-color: #007de3;box-shadow: 0px 0px 29px rgba(255,215,192,1); } .indexDiv8 .formDiv form button{width: 19.8%;height: 60px;color: #fff;background: linear-gradient(to right,#f54c12,#007de3);border-radius: 30px;border: 0;cursor: pointer; } .indexDiv8 .formDiv form button img{width: 20px;margin-right: 14px; } */ .videoShow{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;display: none;} .videoShow .yinying{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 99999;} .videoShow .nrbox{width: calc(100% - 32px);max-width: 800px;position: relative;z-index: 999999;} .videoShow .kuang{position: relative; } .videoShow .kuang .imgDiv{padding-top: 56.25%;position: relative;} .videoShow .nrbox iframe{width: 100% !important;height: 100% !important;display: block;position: absolute;left: 0;top: 0;} .videoShow .nrbox video,.videoShow .nrbox img{display: block;width: 100%;max-height: 80vh;} .videoShow .closebtn{display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: rgb(255, 255, 255);width: 46px;height: 46px;margin: 28px auto 0;font-size: 28px;cursor: pointer;} .videoShow .closebtn img{width: 20px; } .videoShow .closebtn .hImg{display: none; } .videoShow .closebtn:hover .dImg{display: none; } .videoShow .closebtn:hover .hImg{display: block; } .videoShow .closebtn:hover{background: #007de3; } .zxlyPop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 9999;display: none; } .zxlyPop .popCon{width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;padding: 30px 40px;overflow-y: auto;max-width: 700px; } .zxlyPop .popCon a.closeBtn{position: absolute;right: 30px;top: 30px; } .zxlyPop .popCon a.closeBtn img{width: 20px;} .zxlyPop .popCon .titleDiv {text-align: center; } .zxlyDiv .formDiv{margin-top: 30px; } .zxlyDiv .formDiv .row{margin: 0; } .zxlyDiv .formDiv .row>div{margin-bottom: 30px;padding: 0; } .zxlyDiv .formDiv .row>div p em{color: #ff0000; } .zxlyDiv .formDiv .row>div .selectDiv {margin-top: 5px; } .zxlyDiv .formDiv .row>div .selectDiv select{width: 100%;height: 46px;border: 1px solid #d2dbe0;padding: 0 10px; cursor: pointer; } select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 25px;background: url("../img/select.png") no-repeat scroll right 10px center transparent;background-size: 12px; color: #333!important; } .zxlyDiv .formDiv .row>div .groupDiv1{border-bottom: 1px solid #d2dbe0; } .zxlyDiv .formDiv .row>div .groupDiv1 .inputDiv{width: calc(100% - 70px); } .zxlyDiv .formDiv .row>div .groupDiv1 .inputDiv select{width: 100%;height: 46px;border: 0;padding: 0 10px; cursor: pointer; } .zxlyDiv .formDiv .row>div .inputDiv{position: relative; } .zxlyDiv .formDiv .row>div .inputDiv input{width: 100%;line-height: 44px;border-radius: 0;padding: 0 10px;border: 0; } .zxlyDiv .formDiv .row>div .onFocus{border-bottom-color: #007de3; } .zxlyDiv .formDiv .row>div .tishi{position: absolute;bottom: -20px;left: 0;color: #007de3;font-size: 12px; } .zxlyDiv .formDiv .row>div .groupDiv .yzmDiv{width: 50%;border-bottom: 1px solid #d2dbe0; } .zxlyDiv .formDiv .row>div .onFocus .yzmDiv{border-bottom-color: #007de3; } .zxlyDiv .formDiv .row>div .groupDiv .yzmDiv input{line-height: 46px;padding: 0;border: 0;width: 100%; } .zxlyDiv .formDiv .row>div .groupDiv .yzmImg{width: 50%; } .zxlyDiv .formDiv .row>div .inputDiv textarea{width: 100%;height: 60px;border: 0;padding: 0;resize: none;margin-top: 10px; } .zxlyDiv .formDiv .btnDiv button{width: 100%;max-width: 305px;height: 46px;border-radius: 23px;background: transparent;border: 0;cursor: pointer;font-weight: 400;background: #007de3;color: #fff; } .zxlyDiv .formDiv .btnDiv button:hover{background: linear-gradient(to right,#007de3,#0055e3);box-shadow: 0px 9px 16px #b4ddff; } .nyBanner{position: relative; } .nyBanner .bgDiv .wrap{position:relative;height: 44.27vw;color: #fff;text-align: center; } .nyBanner .bgDiv .wrap.flexsta{text-align: left; } .nyBanner .textDiv span{font-size: 2.3vw; } .nyBanner .textDiv p{font-size: 1vw; } .nyBanner .textDiv a{margin-top: 2vw; } .nyBanner .textDiv a>span{font-size: 16px; } .nyBanner a.sqzdBtn {background: #fff;color: #007de3; } .nyBanner a.sqzdBtn:hover{color: #fff;box-shadow: none;background: linear-gradient(to right,#007de3,#0055e3); } .nyBanner a.sqzdBtn::before{background: none; } .nyBanner2 .textDiv span{font-size: 3vw; } .nyBanner2 .textDiv p{font-size: 1.3vw; } .nyBanner2 a.sqzdBtn{margin-left: auto;margin-right: auto; } .locationDiv .flexbet{height: 60px; } /* .breadcrumbDiv{font-size: 14px;color: #666666;} .breadcrumbDiv img{margin-right: 10px;width: 17.5px; } .breadcrumbDiv a{color: #666;} .breadcrumbDiv a:hover{color: #007de3; } .breadcrumbDiv span{color: #333;} */ .twoMenuDiv a{color: #333333;margin-left: 2.6vw;position: relative; } .twoMenuDiv a.on{color: #007de3; } .pd100{padding: 100px 0; } .pd90{padding: 80px 0; } .nyTitle{text-align: center;font-weight: 500; } .nyTitle.tl{text-align: left; } .selectWrap{margin: 0 0 50px; } .selectWrap .flexbet{align-items: flex-start; } .selectWrap form .yearSelect{width: 19.4%; } .selectWrap form>div .nfb{width: 100%;padding: 0 30px 0 10px;line-height: 44px;border: 1px solid #d2dbe0;cursor: pointer;color: #333333;} .selectWrap form>div .select-menu-div{position: relative; } .selectWrap form>div .select-menu-div i{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 12px; } .selectWrap .select-menu{position: relative; } .selectWrap .select-menu-div.on i{transform: translateY(-50%) rotate(-180deg); } .selectWrap .select-menu-ulk{overflow: hidden;position:absolute;left: 0;top: 100%;width: 100%;border: 1px solid #d2dbe0;display:none;opacity:0;z-index: 11;} .selectWrap .select-menu-ul{list-style:none;width:100%;text-align:left;background:#fff;z-index:1;max-height: 300px;padding: 10px 0;overflow-y: auto;} .selectWrap .select-menu-ul li{padding: 5px 10px;cursor: pointer;} .selectWrap .select-menu-ul li.select-this{color: #007de3;} .selectWrap .keywordDiv{position: relative;width: 39.6%;border: 1px solid #d2dbe0; } .selectWrap .keywordDiv input{width: 100%;padding: 0 10px;line-height: 44px;border: 0;background: transparent;color: #333333; } .selectWrap button{position: absolute;right: 0;top: 0;width: 50px;height: 100%;padding: 0;border: 0;cursor: pointer;background: transparent; } .selectWrap button img{width: 20px; } .caseDiv .bdDiv .rowDiv{margin-bottom: 10px; } .caseDiv .bdDiv .row>div{margin-bottom: 30px; } .caseDiv .bdDiv .row>div a{overflow: hidden;height: 100%;flex-direction: column;align-items: stretch; } .caseDiv .bdDiv .row>div a .ahDiv{position: relative; } .caseDiv .bdDiv .row>div a .imgDiv{padding-top: 60.9375%;overflow: hidden; } .caseDiv .bdDiv .row>div a .moreImg{position: absolute;right: 0;bottom: 0;width: 36px;height: 36px; background: #007de3; } .caseDiv .bdDiv .row>div a .moreImg img{width: 14px;transform: none; } .caseDiv .bdDiv .row>div a .textDiv{padding: 25px 6.7%;flex: 1;flex-direction: column;align-items: stretch;background: #f5f9fc; } .caseDiv .bdDiv .row>div a .textDiv .title{color: #333333;} .caseDiv .bdDiv .row>div a .textDiv p{color: #666666;padding-top: 15px;border-top: 1px solid #949fa6;margin-top: 15px; } .caseDiv .bdDiv .row>div a:hover .textDiv{background: linear-gradient(to bottom,#007de3,#0055e3); } .caseDiv .bdDiv .row>div a:hover .textDiv .title{color: #fff; } .caseDiv .bdDiv .row>div a:hover .textDiv p{color: #fff;border-top: 1px solid #fff; } .pageDiv{text-align: center;} .pageDiv a,.pageDiv span{display: inline-block;line-height: 40px;margin: 0 3px;color: #333333; border-radius: 4px;font-size: 16px;width: 40px;background: #f5f9fc; } .pageDiv span{color: #fff;background: #007de3; } .activityDiv{margin-top: 90px; } .activityDiv .hdDiv{background: #f5f9fc;padding: 30px 0 60px; } .activityDiv .hdDiv .rowDiv{flex-direction: row-reverse;padding: 3vw 4%;background: #fff; } .activityDiv .hdDiv .rowDiv .rlDiv{width: 45.6%; } .activityDiv .hdDiv .rowDiv .rlDiv .imgDiv{padding-top: 59.7%; } .activityDiv .hdDiv .rowDiv .rrDiv{width: 45.6%; } .activityDiv .hdDiv .rowDiv .rrDiv .t2{margin: 10px 0 20px;line-height: 1.2; } .activityDiv .hdDiv .rowDiv .rrDiv .p{color: #666;margin-bottom: 3vw; } .activityDiv .bdDiv .tabsDiv{margin-bottom: 60px; } .activityDiv .bdDiv .tabsDiv a{width: 348px;height: 100px;background: #ebeff2;color: #333333;transition: none; } .activityDiv .bdDiv .tabsDiv a.on{background: linear-gradient(to bottom,#007de3,#0055e3);color: #fff; }.caseDiv .bdDiv .row>div{margin-bottom: 30px; } .activityDiv .bdDiv .tabsCon{display: none; } .activityDiv .bdDiv .tabsCon.on{display: block; } .activityDiv .bdDiv .row>div{margin-bottom: 30px; } .activityDiv .bdDiv .row>div a{overflow: hidden;height: 100%;flex-direction: column;align-items: stretch; } .activityDiv .bdDiv .row>div a .ahDiv{position: relative; } .activityDiv .bdDiv .row>div a .imgDiv{padding-top: 60.9375%;overflow: hidden; } .activityDiv .luntanDiv .row>div a .moreImg{position: absolute;right: 0;bottom: 0;width: 36px;height: 36px; background: #007de3; } .activityDiv .luntanDiv .row>div a .moreImg img{width: 14px;transform: none; } .activityDiv .luntanDiv .row>div a .textDiv{padding: 25px 6.7%;flex: 1;flex-direction: column;align-items: stretch;background: #f5f9fc; } .activityDiv .luntanDiv .row>div a .textDiv .title{color: #333333;line-height: 1.3; } .activityDiv .luntanDiv .row>div a .textDiv p{color: #666666;margin-bottom: 10px; } .activityDiv .luntanDiv .row>div a:hover .textDiv{background: linear-gradient(to bottom,#007de3,#0055e3); } .activityDiv .luntanDiv .row>div a:hover .textDiv .title{color: #fff; } .activityDiv .luntanDiv .row>div a:hover .textDiv p{color: #fff; } .activityDiv .jchgDiv .row>div a .playDiv{position: absolute;left: 50%;top: 50%;width: 46px;height: 46px;transform: translate(-50%,-50%); } .activityDiv .jchgDiv .row>div a .playDiv img{width: 100%;transform: none; } .activityDiv .jchgDiv .row>div a .playDiv img.hImg{display: none; } .activityDiv .jchgDiv .row>div a:hover .playDiv img.dImg{display: none; } .activityDiv .jchgDiv .row>div a:hover .playDiv img.hImg{display: block; } .activityDiv .jchgDiv .row>div a .textDiv{padding: 25px 6.7%;flex: 1;flex-direction: column;align-items: stretch;background: #f5f9fc; } .activityDiv .jchgDiv .row>div a .textDiv .title{color: #333333;line-height: 1.3; } .activityDiv .jchgDiv .row>div a:hover .textDiv .title{color: #007de3; } .zzfwDiv{margin-top: 90px; } .zzfwDiv .hdDiv{background: #f5f9fc;padding: 50px 0; } .zzfwDiv .bdDiv ul li{margin-bottom: 20px; } .zzfwDiv .bdDiv ul li a{padding: 30px;background: #f5f9fc; } .zzfwDiv .bdDiv ul li .imgDiv{width: 200px;height: 120px; } .zzfwDiv .bdDiv ul li .textDiv{width: calc(100% - 340px);padding: 0 10% 0 30px; } .zzfwDiv .bdDiv ul li .textDiv span{color: #333; } .zzfwDiv .bdDiv ul li .textDiv p{color: #666666;margin-top: 5px; } .zzfwDiv .bdDiv ul li .imoreBtn{width: 140px;height: 42px;border: 1px solid #007de3;border-radius: 22px;color: #007de3; } .zzfwDiv .bdDiv ul li a:hover .textDiv span{color: #007de3; } .zzfwDiv .bdDiv ul li a:hover .imoreBtn{background: #007de3;color: #fff; } .locationDiv2{background: #0074e3; } .locationDiv2 .breadcrumbDiv{height: 40px;color: #fff;font-size: 14px; } .locationDiv2 .breadcrumbDiv a{color: #fff; } .locationDiv2 .breadcrumbDiv a:hover{opacity: .8; } .newsDetailDiv{padding: 90px 0;background: #f5f9fc; } .newsDetailDiv .bdDiv{margin-top: 30px;align-items: flex-start; } .newsDetailDiv .bdDiv .blDiv{width: 320px;position: sticky;top: 100px; } .newsDetailDiv .bdDiv .brDiv{width: calc(100% - 350px);background: #fff;border-radius: 0; } .articleDiv {padding: 60px 5.4%; } .articleDiv .ah{padding-bottom: 30px;border-bottom: 1px solid #e5e5e5; } /* .articleDiv .titleDiv{font-size: 30px; } */ .articleDiv .smTitleDiv{margin: 20px 0 0;color: #666666;flex-wrap: wrap; } .articleDiv .smTitleDiv span img{width: 18px;margin-right: 5px; } .articleDiv .shareDiv {position: relative; } .articleDiv .shareDiv a{/* background: #fff; */position: relative;/* width: 46px;height: 46px;border: 1px solid #cccccc;border-radius: 50%; */margin-left: 20px; } .articleDiv .shareDiv a img{width: 22px; } .articleDiv .shareDiv a .hImg{display: none; } .articleDiv .shareDiv a:hover .dImg{display: none; } .articleDiv .shareDiv a:hover .hImg{display: block; } /* .articleDiv .shareDiv a:hover{background: #007de3;border-color: #007de3; } */ .articleDiv .textDiv{padding: 40px 0;color: #666666;line-height: 2; } .articleDiv .textDiv p{margin-top: 15px; } .newsDetailDiv .fanyeDiv{padding: 30px 5.4%;border-top: 1px solid #f5f9fc; } .newsDetailDiv .fanyeDiv a{color: #666666; } .newsDetailDiv .fanyeDiv a.prevBtn img{margin-right: 10px; } .newsDetailDiv .fanyeDiv a.nextBtn{text-align: right; } .newsDetailDiv .fanyeDiv a.nextBtn img{margin-left: 10px; } .newsDetailDiv .fanyeDiv a img{width: 8px; } .newsDetailDiv .fanyeDiv a .hImg{display: none; } .newsDetailDiv .fanyeDiv a:hover .dImg{display: none; } .newsDetailDiv .fanyeDiv a:hover .hImg{display: block; } .newsDetailDiv .fanyeDiv a:hover{color: #007de3; } .newsDetailDiv .fanyeDiv a.backBtn{margin: 0 20px; } .newsDetailDiv .fanyeDiv a.backBtn img{width: 20px;margin-right: 11px; } .newsDetailDiv .bdDiv .blDiv>div{overflow: hidden;background: #fff;border-radius: 0;padding: 30px 20px 0; } .newsDetailDiv .bdDiv .blDiv .th{font-weight: bold;} .newsDetailDiv .bdDiv .blDiv .th i{width: 4px;height: 20px;background: #007de3;margin-right: 10px; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li a{padding: 25px 0;border-bottom: 1px solid #e5e5e5;display: block; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .imgDiv{padding-top: 59.62%;margin-bottom: 15px; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li:last-child a{border-bottom: 0; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .title{color: #333; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .p{font-size: 14px;color: #999999;margin: 5px 0; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li .date{font-size: 14px;color: #666666; } .newsDetailDiv .bdDiv .blDiv .rmzxDiv .tb ul li a:hover .title{color: #007de3; } a.sqzdBtn{background: #e94f25; } a.sqzdBtn::before{background: linear-gradient(to right,#e94f25,#cb1e19); } .cpfwDiv{background: #f5f9fc;overflow: hidden; } .cpfwDiv .bdDiv ul li{padding: 3vw 4vw;background: #fff;margin-bottom: 30px; } .cpfwDiv .bdDiv ul li:nth-of-type(odd) .rowDiv{flex-direction: row-reverse; } .cpfwDiv .bdDiv ul li .rrDiv{width: 45.97%; } .cpfwDiv .bdDiv ul li .rrDiv .p{margin: 1vw 0 3vw;color: #666666; } .cpfwDiv .bdDiv ul li .rrDiv a:nth-child(1){margin-right: 20px; } .cpfwDiv .bdDiv ul li .rrDiv a:nth-child(1):hover{box-shadow: 0px 9px 16px #ffc5b5; } .cpfwDiv .bdDiv ul li .rrDiv a:nth-child(2):hover{box-shadow: 0px 9px 16px #b4ddff; } .cpfwDiv .bdDiv ul li .rlDiv{width: 45.97%; } .cpfwDiv .bdDiv ul li .rlDiv .imgDiv{padding-top: 59.65%; } .cpfwflDiv{background: #f5f9fc;overflow: hidden; } .cpfwflDiv .hdDiv{padding: 3vw 4vw;background: #fff;margin: 30px 0; } .cpfwflDiv .hdDiv .rowDiv{flex-direction: row-reverse; } .cpfwflDiv .hdDiv .rowDiv .rrDiv{width: 45.97%; } .cpfwflDiv .hdDiv .rowDiv .rrDiv .p{margin: 1vw 0 3vw;color: #666666; } .cpfwflDiv .hdDiv .rowDiv .rrDiv a:nth-child(1){margin-right: 20px; } .cpfwflDiv .hdDiv .rowDiv .rrDiv a:nth-child(1):hover{box-shadow: 0px 9px 16px #ffc5b5; } .cpfwflDiv .hdDiv .rowDiv .rlDiv{width: 45.97%; } .cpfwflDiv .hdDiv .rowDiv .rlDiv .imgDiv{padding-top: 59.65%; } .cpfwflDiv .bdDiv .row>div{margin-bottom: 30px; } .cpfwflDiv .bdDiv .row>div .conDiv{background: #fff;padding: 25px 20px;height: 100%; } .cpfwflDiv .bdDiv .row>div .conDiv .p{color: #666;margin: 10px 0 30px; } .cpfwflDiv .bdDiv .row>div .conDiv .btnDiv a{width: 120px;height: 36px;border-radius: 20px;font-size: 14px;border: 1px solid; } .cpfwflDiv .bdDiv .row>div .conDiv .btnDiv a.ljzxBtn{border-color: #e94f25;color: #e94f25;margin-right: 1vw; } .cpfwflDiv .bdDiv .row>div .conDiv .btnDiv a.ljzxBtn:hover{background: #e94f25;color: #fff; } .cpfwflDiv .bdDiv .row>div .conDiv .btnDiv a.ckxqBtn{border-color: #007de3;color: #007de3; } .cpfwflDiv .bdDiv .row>div .conDiv .btnDiv a.ckxqBtn:hover{background: #007de3;color: #fff; } .gkkDiv{background: #f5f9fc; } .gkkDiv .bdDiv {margin-top: 50px; } .gkkDiv .bdDiv .itemDiv{background: #fff;padding: 50px 30px;margin-bottom: 20px; } .gkkDiv .bdDiv .itit{text-align: center;margin-bottom: 20px; } .gkkDiv .bdDiv .tableDiv{width: 100%;overflow-x: auto; } .gkkDiv .bdDiv .tableDiv table{width: 100%; /* table-layout: fixed; */ min-width: 1300px; } .gkkDiv .bdDiv .tableDiv table th{background: #007de3;color: #fff;text-align: center;padding: 15px;border-right: 1px solid #fff; } .gkkDiv .bdDiv .tableDiv table th:last-child,.gkkDiv .bdDiv .tableDiv table td:last-child{border-right: 0; } .gkkDiv .bdDiv .tableDiv table td{text-align: center;font-size: 14px;padding: 15px;background: #f5f9fc;border-right: 1px solid #fff;border-top: 1px solid #fff;color: #666666;max-width: 275px; } .gkkDiv .bdDiv .tableDiv table tr.bge6f2fb td{background: #e6f2fb; } /* .gkkDiv .bdDiv .tableDiv table th:nth-child(1),.gkkDiv .bdDiv .tableDiv table th:nth-child(2), .gkkDiv .bdDiv .tableDiv table td:nth-child(1),.gkkDiv .bdDiv .tableDiv table td:nth-child(2){width: 103px;} .gkkDiv .bdDiv .tableDiv table th:nth-child(3),.gkkDiv .bdDiv .tableDiv table td:nth-child(3){width: 80px;} .gkkDiv .bdDiv .tableDiv table th:nth-child(4), .gkkDiv .bdDiv .tableDiv table td:nth-child(4){width: 275px; } .gkkDiv .bdDiv .tableDiv table th:last-child, .gkkDiv .bdDiv .tableDiv table td:last-child{width: 270px; } .gkkDiv .bdDiv .tableDiv table th:nth-child(5), .gkkDiv .bdDiv .tableDiv table td:nth-child(5){width: 94px;} .gkkDiv .bdDiv .tableDiv table th:nth-child(6), .gkkDiv .bdDiv .tableDiv table td:nth-child(6){width: 113px; } .gkkDiv .bdDiv .tableDiv table th:nth-child(7), .gkkDiv .bdDiv .tableDiv table td:nth-child(7){width: 144px;} .gkkDiv .bdDiv .tableDiv table th:nth-child(8), .gkkDiv .bdDiv .tableDiv table td:nth-child(8){width: 153px; } */ .pxalDiv .bdDiv{margin-top: 50px; } .pxalDiv .bdDiv .row>div a{display: block; } .pxalDiv .bdDiv .row>div .imgDiv{padding-top: 74%;overflow: hidden } .pxalDiv .bdDiv .row>div .title{color: #333;margin-top: 10px;text-align: center; } .pxalDiv .bdDiv .row>div a:hover .title{color: #007de3; } .pxalDiv .bdDiv .moreBtn{margin-top: 40px; } .pxalDiv .bdDiv .moreBtn a{color: #007de3; } .pxalDiv .bdDiv .moreBtn a img{width: 14px;margin-left: 18px;transition: all .5s; } .pxalDiv .bdDiv .moreBtn a:hover img{transform: translateX(10px); } .cpxqDiv1{background: #f5f9fc; } .cpxqDiv1 .bdDiv .row>div{margin-top: 30px; } .cpxqDiv1 .bdDiv .row>div .conDiv{background: #fff;padding: 50px 40px; } .cpxqDiv1 .bdDiv .row>div .conDiv .icon img{width: 83px; } .cpxqDiv1 .bdDiv .row>div .conDiv .text span{margin: 10px 0;display: block;font-weight: 500; } .cpxqDiv1 .bdDiv .row>div .conDiv .text p{color: #666; } .cpxqDiv2 .bdDiv{margin-top: 40px; } .cpxqDiv2 .row>div{margin-top: 20px; } .cpxqDiv2 .row>div .conDiv .imgDiv{padding-top: 60.86%; } .cpxqDiv2 .row>div .conDiv .textDiv span{margin: 25px 0 10px;display: block; } .cpxqDiv2 .row>div .conDiv .textDiv p{color: #8c8c8c; } .cpxqDiv3{background: #f5f9fc; } .cpxqDiv3 .hdDiv{margin: 50px 0 20px; } .cpxqDiv3 .hdDiv ul li{flex: 1; } .cpxqDiv3 .hdDiv ul li a{background: #fff;height: 68px;color: #333;width: calc(100% - 10px);transition: none; } .cpxqDiv3 .hdDiv ul li:last-child a{width: 100%; } .cpxqDiv3 .hdDiv ul li.on a{background: linear-gradient(to right,#007de3,#0055e3);color: #fff; } .cpxqDiv3 .bdDiv .tabsCon.on{display: block; } .cpxqDiv3 .bdDiv .tabsCon{display: none; } .cpxqDiv3 .bdDiv .rowDiv{background: #fff;padding: 60px 4%;flex-direction: row-reverse; } .cpxqDiv3 .bdDiv .rowDiv .imgDiv{width: 47.66%; } .cpxqDiv3 .bdDiv .rowDiv .textDiv{width: 47.66%; } .cpxqDiv3 .bdDiv .rowDiv .textDiv .title{font-weight: 500; } .cpxqDiv3 .bdDiv .rowDiv .textDiv .p{margin-top: 20px;color: #666666; } .aboutNav{position: relative;margin-top: -50px;z-index: 11; } .aboutNav ul li{flex: 1;background: #ebeff2; } .aboutNav ul li a{height: 100px;color: #333333;border-right: 1px solid #d2dbe0; } .aboutNav ul li.on a{background: linear-gradient(to right,#007de3,#0055e3);color: #fff; } .aboutNav ul li:last-child a{border: 0; } .aboutTitle span{font-weight: 500; } .aboutTitle p{margin-top: 10px;} .gsjjDiv1 .bdDiv{margin-top: 50px; } .gsjjDiv1 .rowDiv .row>div{margin-top: 25px; } .gsjjDiv1 .rowDiv .row>div .conDiv{align-items: flex-start; } .gsjjDiv1 .rowDiv .row>div .icon{width: 36px; } .gsjjDiv1 .rowDiv .row>div .text{width: calc(100% - 56px); } .gsjjDiv1 .rowDiv .row>div .text .p{color: #666666;margin-top: 10px; } .gsjjDiv2{background: #f5f9fc; } .gsjjDiv2 .bdDiv{margin-top: 60px; } .gsjjDiv3 .bdDiv{margin-top: 60px; } .dszzcDiv .bdDiv{margin-top: 50px;align-items: flex-start; } .dszzcDiv .bdDiv .imgDiv{width: 42.1%; } .dszzcDiv .bdDiv .textDiv{width: 50.71%;color: #666666; } .newsDiv .bdDiv{margin-top: 50px; } .newsDiv .bdDiv ul li{margin-bottom: 20px; } .newsDiv .bdDiv ul li a{background: #fff;padding: 30px; } .newsDiv .bdDiv ul li .imgDiv{width: 32.4%;height: 195px;overflow: hidden; } .newsDiv .bdDiv ul li .textDiv{width: 61.6%; } .newsDiv .bdDiv ul li .textDiv .title{color: #333; } .newsDiv .bdDiv ul li .textDiv .p{color: #a6a6a6;margin: 20px 0 10px; } .newsDiv .bdDiv ul li .textDiv .date{color: #a6a6a6; } .newsDiv .bdDiv ul li a:hover .textDiv .title{color: #007de3; } .teamDiv .hdDiv{margin: 55px 0 40px;background: #fff;padding: 20px 4%;align-items: flex-start; } .teamDiv .hdDiv .text{color: #666;margin-top: 5px; } .teamDiv .hdDiv .jsDiv{width: calc(100% - 90px);color: #666666;flex-wrap: wrap; } .teamDiv .hdDiv .jsDiv a{color: #666666;padding: 0 13px;margin: 5px 0; } .teamDiv .hdDiv .jsDiv a.on,.teamDiv .hdDiv .jsDiv a:hover{color: #007de3;font-weight: 500; } .teamDiv .bdDiv .rowDiv{margin-bottom: 10px; } .teamDiv .bdDiv .row>div{margin-bottom: 30px; } .teamDiv .bdDiv .row>div a{overflow: hidden;height: 100%;background: #fff;display: flex;align-items: stretch;justify-content: space-between;flex-direction: column;} .teamDiv .bdDiv .row>div a .ahDiv{position: relative; } .teamDiv .bdDiv .row>div a .imgDiv{padding-top: 91.7%;overflow: hidden; } .teamDiv .bdDiv .row>div a .moreImg{position: absolute;right: 0;bottom: 0;width: 36px;height: 36px; background: #007de3; } .teamDiv .bdDiv .row>div a .moreImg img{width: 14px;transform: none; } .teamDiv .bdDiv .row>div a .textDiv{padding: 20px 6.7%;flex: 1;} .teamDiv .bdDiv .row>div a .textDiv .name{color: #333333;} .teamDiv .bdDiv .row>div a .textDiv .p{color: #666666;margin-top: 12px;font-size: 14px; } .teamDiv .bdDiv .row>div a:hover .textDiv{background: linear-gradient(to bottom,#007de3,#0055e3); } .teamDiv .bdDiv .row>div a:hover .textDiv .name{color: #fff; } .teamDiv .bdDiv .row>div a:hover .textDiv .p{color: #fff; } .teamDetailDiv{padding: 90px 0 80px;background: #f5f9fc; } .teamDetailDiv .bdDiv{align-items: flex-start;margin-top: 30px; } .teamDetailDiv .bdDiv .blDiv{width: 320px;position: sticky;top: 100px;background: #ffffff;border-radius: 10px;overflow: hidden; } .teamDetailDiv .bdDiv .blDiv .imgDiv{padding-top: 91.875%; } .teamDetailDiv .bdDiv .blDiv .introDiv{padding: 20px; } .teamDetailDiv .bdDiv .blDiv .introDiv .item{margin-top: 25px; } .teamDetailDiv .bdDiv .blDiv .introDiv .item .it{color: #007de3; } .teamDetailDiv .bdDiv .blDiv .introDiv .item .p {color: #666666;font-size: 14px;margin-top: 5px; } .teamDetailDiv .bdDiv .brDiv{width: calc(100% - 350px);background: #fff;border-radius: 10px;overflow: hidden;padding: 60px 5.7% 0; } .teamDetailDiv .bdDiv .brDiv .item{margin-bottom: 60px; } .teamDetailDiv .bdDiv .brDiv .item .ih{color: #007de3;border-bottom: 1px solid #e5e5e5; } .teamDetailDiv .bdDiv .brDiv .item .ih span{display: inline-block;padding-bottom: 10px;position: relative; } .teamDetailDiv .bdDiv .brDiv .item .ih span::before{content: "";width: 100%;height: 1px;background: #007de3;position: absolute;left: 0;bottom: 0; } .teamDetailDiv .bdDiv .brDiv .item .ib{padding-top: 30px;color: #666; } .teamDetailDiv .bdDiv .brDiv .item .ib p{margin-bottom: 10px; } .lxBanner .textDiv{padding-bottom: 10vw; } .contactDiv{padding-bottom: 80px;} .contactDiv .bdDiv{background: #fff;position: relative;margin-top: -22vw;z-index: 11;align-items: stretch; } .contactDiv .formDiv{width: 65.7%;padding: 60px 7.1% 60px 4.2%;margin: 0; } .contactDiv .formDiv form{margin-top: 50px; } .zxlyDiv .formDiv .btnDiv{justify-content: flex-start; } .contactDiv .textDiv{width: 34.3%;padding: 60px 4.2%;color: #fff;background: linear-gradient(to bottom,#007de3,#0055e3);flex-direction: column;align-items: stretch; } .contactDiv .textDiv .tb{flex: 1;flex-direction: column;align-items: stretch; } .contactDiv .textDiv .p{margin: 50px 0; } .contactDiv .textDiv .p p{margin-bottom: 15px; } .contactDiv .textDiv .ewmDiv{text-align: center;display: flex;justify-content: center;align-items: flex-start;gap: 20px;} .contactDiv .textDiv .ewmDiv p{margin-top: 10px; } .contactDiv .textDiv .ewmItem {text-align: center} .contactDiv .textDiv .ewmItem img {display: block;height: auto;} .contactDiv .textDiv .ewmItem p {margin: 6px 0 0;} .ryzzDiv .bdDiv{overflow-x: auto;margin-top: 55px; } .ryzzDiv .bdDiv ul{flex-wrap: wrap;flex-direction: column;height: 770px;align-items: stretch; } .ryzzDiv .bdDiv ul li{margin: 0 4.5vw 10px 0;max-width: calc(33.3% - 4.5vw);align-items: flex-start;cursor: pointer; } .ryzzDiv .bdDiv ul li:hover .p{color: #007de3; } .ryzzDiv .bdDiv ul li .num{width: 24px;height: 24px;background: #007de3;color: #fff;font-size: 14px;margin-top: 2px; } .ryzzDiv .bdDiv ul li .p{width: calc(100% - 34px);margin-left: 10px;min-height: 54px; } .qyzzDiv .bdDiv{overflow-x: auto;margin-top: 25px; } .qyzzDiv .bdDiv ul{flex-wrap: wrap;align-items: stretch; } .qyzzDiv .bdDiv ul li{margin: 0 3vw 0 0;width: calc(33.3% - 3vw);cursor: pointer;padding: 25px 0;border-bottom: 1px solid #d2dbe0;position: relative;align-items: flex-start; } .qyzzDiv .bdDiv ul li:nth-child(3n+3){margin-right: 0;width: 33.3%; } .qyzzDiv .bdDiv ul li i{width: 6px;height: 6px;background: #949fa6;border-radius: 50%;margin-right: 11px;margin-top: 10px; } .qyzzDiv .bdDiv ul li .p{width: calc(100% - 17px); } .qyzzDiv .bdDiv ul li:hover .p{color: #007de3; } .qyzzDiv .bdDiv ul li:hover i{background: #007de3; } .imagePop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 9999;display: none; } .imagePop .imgCon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;max-width: 560px;/*max-height: 90%;*/text-align: center;overflow-y: auto; } .imagePop .closeBtn{display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: rgb(255, 255, 255);width: 46px;height: 46px;margin: 28px auto 0;font-size: 28px;cursor: pointer;} .imagePop .closeBtn img{width: 20px; } .imagePop .closeBtn .hImg{display: none; } .imagePop .closeBtn:hover .dImg{display: none; } .imagePop .closeBtn:hover .hImg{display: block; } .imagePop .closeBtn:hover{background: #007de3; } .bgf5f9fc{background: #f5f9fc; } .historyDiv .hdDiv{margin: 60px 0;padding: 0;position: relative; } .historyDiv .hdDiv .swiper-slide{height: initial;padding: 15px 0;background: #fff; } .historyDiv .hdDiv a{padding: 5px;color: #666;border-right: 1px solid #d2dbe0;position: relative; } .historyDiv .hdDiv a .year{color: #333;margin-right: 20px; } .historyDiv .hdDiv .swiper-slide:last-child a{border-right: 0; } .historyDiv .hdDiv .swiper-slide.on{background: #007de3; } .historyDiv .hdDiv .swiper-slide.on a{color: #fff; } .historyDiv .hdDiv .swiper-slide.on a .year{color: #fff; } .historyDiv .swiper-button-prev,.historyDiv .swiper-button-next{width: 60px;height: 60px;margin-top: -30px;border-radius: 50%; } .historyDiv .swiper-button-prev{left: -5vw;background: url(../img/left.png) #949fa6 no-repeat center center/12px; } .historyDiv .swiper-button-next{right: -5vw;background: url(../img/right.png) #949fa6 no-repeat center center/12px; } .historyDiv .swiper-button-prev:hover{background: url(../img/left.png) #007de3 no-repeat center center/12px;} .historyDiv .swiper-button-next:hover{background: url(../img/right.png) #007de3 no-repeat center center/12px; } .historyDiv .bdDiv .item{align-items: flex-start; } .historyDiv .bdDiv .item .il{width: 280px; } .historyDiv .bdDiv .item .il .ilh .year{font-weight: 500; } .historyDiv .bdDiv .item .il .ilh .line{width: 1px;height: 100px;background: #333;margin: 10px 0; } .historyDiv .bdDiv .item .il .p2 p{margin-top: 5px;line-height: 1.3; } .historyDiv .bdDiv .item .ir{width: calc(100% - 392px); } .historyDiv .bdDiv .item .ir ul{position: relative;border-left: 1px solid #007de3; } .historyDiv .bdDiv .item .ir ul li{position: relative;padding-left: 50px;margin-bottom: 50px; } .historyDiv .bdDiv .item .ir ul li::before{content: "";width: 20px;height: 20px;background: #007de3;border-radius: 50%;border: 4px solid #fff;position: absolute;left: -10px;top: 0; } .historyDiv .bdDiv .item .ir ul li .p p{margin-top: 10px;position: relative;color: #666666; } .zsjmDiv1{background: #f5f9fc; } .zsjmDiv1 .bdDiv{margin-top: 55px; } .zsjmDiv1 .row>div{margin-bottom: 30px; } .zsjmDiv1 .row>div .conDiv{background: #fff;height: 100%;padding: 30px 25px; } .zsjmDiv1 .row>div .conDiv .imgDiv{padding-top: 50.26%;overflow: hidden; } .zsjmDiv1 .row>div .conDiv .textDiv{padding-top: 20px; } .zsjmDiv1 .row>div .conDiv .textDiv .title{font-weight: 500; } .zsjmDiv1 .row>div .conDiv .textDiv .p1{display: inline-block;background: #e6f2fc;color: #007de3;padding: 3px 20px;border-radius: 20px;font-weight: 500;margin: 5px 0 15px; } .zsjmDiv1 .row>div .conDiv .textDiv .p2{font-size: 14px;color: #666666; } .zsjmDiv1 .p{background: #fff;color: #007de3;padding: 15px 20px;text-align: center; } .zsjmDiv2 .bdDiv{margin-top: 50px; } .zsjmDiv2 .row{margin: 0 -5px; } .zsjmDiv2 .row>div{padding: 0 5px;margin-top: 30px; } .zsjmDiv2 .row>div .conDiv{background: #f5f9fc;padding: 0 25px 30px;height: 100%; } .zsjmDiv2 .row>div .conDiv .title{background: #007de3;color: #fff;border-radius: 30px;padding: 10px;text-align: center;position: relative;top: -20px; } .zsjmDiv2 .row>div .conDiv .p{color: #666; } .zsjmDiv2 .row>div .conDiv .p p{margin-bottom: 20px;position: relative;padding-left: 14px; } .zsjmDiv2 .row>div .conDiv .p p::before{content: "";width: 4px;height: 4px;background: #007de3;border-radius: 50%;position: absolute;left: 0;top: 10px; } .zsjmDiv2 .row>div .conDiv .p p:last-child{margin-bottom: 0; } .zsjmDiv3{background: #f5f9fc; } .zsjmDiv3 .bdDiv{margin-top: 20px; } .zsjmDiv3 .row>div{margin-top: 30px; } .zsjmDiv3 .row>div .conDiv{background: #fff;padding: 30px 9.2%;height: 100%;align-items: flex-start; } .zsjmDiv3 .row>div .conDiv .icon{width: 60px; } .zsjmDiv3 .row>div .conDiv .text{width: calc(100% - 80px); } .zsjmDiv3 .row>div .conDiv .text p{color: #666666;margin-top: 8px; } .zsjmDiv4 .bdDiv{margin-top: 20px; } .zsjmDiv4 .row>div{margin-top: 30px; } .zsjmDiv5{background: #f5f9fc; } .zsjmDiv5 .bdDiv{margin-top: 20px; } .zsjmDiv5 .bdDiv .row>div{margin-top: 30px; } .zsjmDiv5 .bdDiv .row>div p em{color: #ff0000; } .zsjmDiv5 .bdDiv .row>div .groupDiv{position: relative; } .zsjmDiv5 .bdDiv .row>div .groupDiv p{margin-bottom: 8px;font-weight: bold; } .zsjmDiv5 .bdDiv .row>div .groupDiv input{width: 100%;line-height: 46px;border-radius: 0;padding: 0 12px;border: 1px solid #fff;background: #fff;font-size: 14px; } .zsjmDiv5 .bdDiv .row>div .groupDiv input:focus{border: 1px solid #007de3; } .zsjmDiv5 .bdDiv .row>div .groupDiv .tishi{position: absolute;bottom: -20px;left: 0;color: #007de3;font-size: 12px; } .zsjmDiv5 .bdDiv .row>div .groupDiv textarea{width: 100%;height: 150px;border: 0;padding: 10px;resize: none; } .zsjmDiv5 .bdDiv .row>div button{width: 100%;max-width: 195px;height: 46px;border-radius: 23px;background: transparent;border: 0;cursor: pointer;font-weight: 400;background: #007de3;color: #fff; } .zsjmDiv5 .bdDiv .row>div button:hover{background: linear-gradient(to right,#007de3,#0055e3);box-shadow: 0px 9px 16px #b4ddff; } .zxszDiv1{background: #f5f9fc; } .zxszDiv1 .hdDiv{margin: 50px 0 20px; } .zxszDiv1 .hdDiv ul li{flex: 1;max-width: 272px; } .zxszDiv1 .hdDiv ul li a{background: #fff;height: 68px;color: #333;width: calc(100% - 10px);transition: none; } .zxszDiv1 .hdDiv ul li:last-child a{width: 100%; } .zxszDiv1 .hdDiv ul li.on a{background: linear-gradient(to right,#007de3,#0055e3);color: #fff; } .zxszDiv1 .bdDiv .tabsCon.on{display: block; } .zxszDiv1 .bdDiv .tabsCon{display: none; } .zxszDiv1 .bdDiv .rowDiv{background: #fff;padding: 60px 4%;flex-direction: row-reverse; } .zxszDiv1 .bdDiv .rowDiv .imgDiv{width: 47.66%; } .zxszDiv1 .bdDiv .rowDiv .textDiv{width: 47.66%; } .zxszDiv1 .bdDiv .rowDiv .textDiv .title{font-weight: 500; } .zxszDiv1 .bdDiv .rowDiv .textDiv .p{margin-top: 20px;color: #808080; } .zxszDiv2 .hdDiv{margin: 50px 0 20px; } .zxszDiv2 .hdDiv ul li{flex: 1;max-width: 272px; } .zxszDiv2 .hdDiv ul li a{background: #f5f9fc;height: 68px;color: #333;width: calc(100% - 10px);transition: none; } .zxszDiv2 .hdDiv ul li:last-child a{width: 100%; } .zxszDiv2 .hdDiv ul li.on a{background: linear-gradient(to right,#007de3,#0055e3);color: #fff; } .zxszDiv2 .bdDiv .tabsCon.on{display: block; } .zxszDiv2 .bdDiv .tabsCon{display: none; } .zxszDiv2 .bdDiv .rowDiv{background: #f5f9fc;padding: 60px 4%;flex-direction: row-reverse; } .zxszDiv2 .bdDiv .rowDiv .imgDiv{width: 47.66%; } .zxszDiv2 .bdDiv .rowDiv .textDiv{width: 47.66%; } .zxszDiv2 .bdDiv .rowDiv .textDiv .title{font-weight: 500; } .zxszDiv2 .bdDiv .rowDiv .textDiv .p{margin-top: 20px;color: #808080;line-height: 2.5; } .zxszDiv3{background: #f5f9fc; } .zxszDiv3 .bdDiv{margin-top: 25px; } .zxszDiv3 .bdDiv .row>div{flex: 0 0 20%;max-width: 20%;margin-top: 30px; } .zxszDiv3 .bdDiv .row>div .conDiv{text-align: center; } .zxszDiv3 .bdDiv .row>div .conDiv img{width: 60px; } .zxszDiv3 .bdDiv .row>div .conDiv span{font-weight: 500;display: block;margin: 20px 0 10px; } .zxszDiv3 .bdDiv .row>div .conDiv p{color: #666; } .zxszDiv4 .bdDiv{margin-top: 55px;background: #f5f9fc;padding: 60px 4%; } .zxszDiv4 .bdDiv .swiper-container{padding-bottom: 60px; } .zxszDiv4 .bdDiv .rowDiv{flex-direction: row-reverse; } .zxszDiv4 .bdDiv .rowDiv .imgDiv{width: 47.66%; } .zxszDiv4 .bdDiv .rowDiv .textDiv{width: 47.66%; } .zxszDiv4 .bdDiv .rowDiv .textDiv .title{font-weight: 500; } .zxszDiv4 .bdDiv .rowDiv .textDiv .p{margin-top: 20px;color: #808080;line-height: 2; } .zxszDiv4 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0; } .zxszDiv4 .swiper-pagination-bullet{width: 10px;height: 10px; } .zxszDiv4 .swiper-pagination-bullet-active{background: #007de3; } /*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; }*/ @media (max-width:1440px) { .wrap{max-width: 88%; } .wrap1{max-width: 95%; } .f50{font-size: 42px; } .f48{font-size: 40px; } .f40{font-size: 30px; } header .ljDiv a{padding: 0 10px; } .indexDiv7 ul li:nth-child(1){padding-left: 6%; } .indexDiv7 ul li:nth-child(2){padding-right: 6%; } .ryzzDiv .bdDiv ul li{max-width: calc(50% - 4.5vw); } .qyzzDiv .bdDiv ul li{width: calc(50% - 3vw); } .qyzzDiv .bdDiv ul li:nth-child(3n+3){margin-right: 3vw;width: calc(50% - 3vw); } .qyzzDiv .bdDiv ul li:nth-child(2n+2){margin-right: 0;width: 50%; } .ryzzDiv .bdDiv ul{height: 1000px; } .historyDiv .hdDiv{padding: 0 70px; } .historyDiv .swiper-button-next{right: 0; } .historyDiv .swiper-button-prev{left: 0; } .historyDiv .hdDiv a{font-size: 16px; } .historyDiv .hdDiv a .year{margin-right: 10px;font-size: 24px; } .historyDiv .bdDiv .item .il{width: 240px; } .historyDiv .bdDiv .item .ir{width: calc(100% - 300px); } } @media (max-width:1220px) { .wrap{max-width: 94%; } .f50{font-size: 38px; } .f48{font-size: 36px; } .f46{font-size: 34px; } .f40{font-size: 30px; } .f34{font-size: 24px; } .f30{font-size: 22px; } .dataDiv .row>div .conDiv .icon{margin-right: 15px;width: 36px; } .dataDiv .row>div .conDiv .text{width: calc(100% - 50px); } .indexDiv2 ul li .conDiv .iconDiv{width: 60px; } .indexDiv3 .bdDiv .item .conDiv .textDiv1 img{width: 50px; } .indexDiv3 .bdDiv .item .conDiv .textDiv1 .title, .indexDiv3 .bdDiv .item .conDiv .textDiv2 .title{font-size: 20px; } .indexDiv3 .bdDiv .item .conDiv .textDiv2 p{ -webkit-line-clamp: 3;font-size: 14px;margin: 5px 0 15px; } .indexDiv4 .ulDiv ul li a .text1 .title,.indexDiv4 .ulDiv ul li a .text2 .p p{font-size: 16px; } .indexDiv4 .ulDiv ul li a .text2 img{width: 36.5px; } .indexDiv4 .ulDiv ul li a .text2 .p{width: calc(100% - 55px); } .indexDiv6 .hdDiv .hlDiv .textDiv{padding: 0 20% 20px 20px; } .indexDiv6 .hdDiv .hlDiv .textDiv .title{font-size: 18px; } .indexDiv7 ul li:nth-child(1){padding-left: 3%; } .indexDiv7 ul li:nth-child(2){padding-right: 3%; } .footerDiv .hdDiv{padding: 20px 0; } .footerDiv .bdDiv .listDiv{margin-right: 2vw; } .footerDiv .bdDiv .brDiv .lxDiv{flex-wrap: wrap; } .footerDiv .bdDiv .brDiv .lxDiv .p{width: 100%;margin-top: 20px; } .zsjmDiv2 .row>div .conDiv{padding: 0 10px 20px; } .zsjmDiv2 .row>div .conDiv .title{font-size: 16px; } } @media (max-width:1100px) { /* header .rightDiv .menu>ul>li{margin: 0 1vw; } */ header .rightDiv .menu>ul>li>a{font-size: 15px;padding: 0 1vw; } .articleDiv .fanyeDiv a{width: calc((100% - 184px) / 2); } .articleDiv .fanyeDiv a.backBtn{width: 114px;margin: 0 30px; } } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ .wrap{max-width: 100%;padding: 0 25px; } .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;} /*.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 30px;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:#fff} .menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff} .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:0px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer} .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .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;} header { position: fixed; z-index: 999; top: 0; left: auto; right: 0; width: 100%; height: 50px; transition: right 300ms !important; padding-top: 0; border-bottom-width: 3px; } header .logo a{height: 50px;width: initial;display: block;display: flex;justify-content: center;align-items: center;} header .logo a img{max-height: 70%;max-width: initial; } header .mbtn {display: block;} body.on-menu header{background: #fff;} body.on-menu.on-fixed header.indexHeader{background: #fff;} body.on-menu header .mbtn{z-index: 1;} header .rightDiv{justify-content: flex-end; } header .rightDiv .menu { float: right; position: fixed; top: 50px; right: 0; width: 100%; height: 100%; padding-top: 0; background-color: #fff; /*border-bottom: 1px solid #f8f8f847;*/ transition: right 300ms; right: -100%; padding: 0; overflow-y: auto; } header.indexHeader .rightDiv .menu{background-color: background: #fff;} .on-fixed header .rightDiv .menu{ background-color: #fff; } header .rightDiv .menu ul{float: 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.indexHeader .rightDiv .menu>ul>li>a{color: #333;} header .rightDiv .menu>ul>li>a small{display: none;} header .rightDiv .menu>ul {display: block!important;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,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;} /* .menu ul ul{box-shadow: none;padding: 0 10px; } .menu ul ul li a .iconDiv{display: none;} .menu ul ul li>a{margin-bottom: 0;} .menu ul ul li .alist a{margin: 0;} */ header .pcNav{display: none!important; } .main {position: relative;right: 0;transition: right 300ms !important;margin-top: 0;} header.on,header.on .logo a,header.on .rightDiv .menu>ul>li>a,header.on .otherDiv{height: 50px; } header .otherDiv{float: initial;height: 50px;padding-right: 45px; } header .otherDiv .ljDiv{margin-left: 15px; } header .ssBtn{margin-right: 20px; } /* header .searchDiv{position: relative;opacity: 1;transform: initial;visibility: visible; } header .searchDiv form{width: 100%;} */ .menu ul ul,.menu li:hover>ul{opacity: 1;visibility: visible;transform: translateY(0);} .menu ul ul .flexcen{display: block; } .menu ul ul.ul{padding: 0 20px; } .menu ul ul .row>div{flex: 0 0 100%;max-width: 100%;border-top: 1px solid #eee; } .menu ul ul .row>div .conDiv{border-right: 0; } /* header .rightDiv .menu ul ul a{line-height: initial;height: initial;margin-top: 10px; } header .rightDiv .menu ul ul .alist{overflow: hidden;margin-bottom: 10px; } header .rightDiv .menu ul ul .alist a{font-size: 14px;margin-top: 10px; } */ .menu ul li.default ul{position: relative;opacity: 1;visibility: visible;transform: initial;transition: none;width: 100%; } .menu ul li.default:hover ul{transform: initial; } header .rightDiv .menu>ul>li.default ul{width: 100%;box-shadow: none;padding: 0;left: 0; } header .rightDiv .menu>ul>li.default ul li{border: 0;margin: 0; } header .rightDiv .menu>ul>li.default li a{text-align: left;font-size: 14px;padding: 0 20px; } .on-fixed header.nyHeader, .on-fixed header.nyHeader .rightDiv .menu>ul>li>a, .on-fixed header.nyHeader .otherDiv{height: 50px;} .on-fixed header.nyHeader .logo a{height: 36px; } .f50{font-size: 32px; } .f48{font-size: 30px; } .f40{font-size: 24px; } .f36{font-size: 24px; } .f34{font-size: 22px; } .f30{font-size: 21px; } .f24{font-size: 20px; } .nyBanner .textDiv span{font-size: 24px; } .nyBanner .textDiv p{font-size: 16px; } .activityDiv,.zzfwDiv{margin-top: 50px; } .activityDiv .bdDiv .tabsDiv a{width: 248px;height: 70px; } .zzfwDiv .hdDiv{padding: 30px 0; } .zzfwDiv .bdDiv ul li .textDiv{padding-right: 30px; } .newsDetailDiv,.teamDetailDiv{padding: 50px 0; } .dszzcDiv .bdDiv{display: block; } .dszzcDiv .bdDiv .imgDiv{width: 100%;text-align: center; } .dszzcDiv .bdDiv .textDiv{width: 100%;margin-top: 40px; } /* .locationDiv .flexbet{height: 70px; } .aboutDiv2 ul li .textDiv .title span{font-size: 20px; } .aboutDiv2 ul li .conDiv{height: 350px; } .newsDetailDiv{padding: 70px 0; } .luxianDetailDiv{padding: 70px 0 0; } .locationDiv2 .breadcrumbDiv{height: 48px; } .ihdDiv{flex-wrap: wrap; } .contactDiv .hdDiv .row>div .conDiv .cb a{margin: 0 5px 10px; } .contactDiv .hdDiv .shareDiv a span{width: 40px; } */ } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:768px) { html, body{min-width: initial;} .wrap{min-width: initial;padding: 0 15px; } .hidden-xs{display: none;} .visible-xs{display: block;} .floatRightDiv{display: none;} .f60{font-size: 30px; } .f54{font-size: 28px; } .f52{font-size: 28px; } .f50{font-size: 28px; } .f48{font-size: 28px; } .f46{font-size: 30px; } .f40{font-size: 24px; } .f36{font-size: 23px; } .f34{font-size: 22px; } .f33{font-size: 25px; } .f30{font-size: 20px; } .f28{font-size: 20px; } .f24{font-size: 19px; } .f21{font-size: 19px;} .f20{font-size: 17px; } .f18{font-size: 15px; } header .searchDiv{padding: 15px 0; } header .logo{width: auto; } header .ssBtn{margin-right: 0; } header .otherDiv .ljDiv a:nth-child(2){display: none; } #menu{display: none; } .banner1 .img{height: 60vw;} .banner1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; } .banner1 .swiper-button-prev, .banner1 .swiper-button-next{width: 40px;height: 40px;margin-top: 0; } .banner1 .swiper-pagination-bullet{width: 30px; } .pd100{padding: 50px 0; } .pd90{padding: 45px 0; } .indexTitle p{line-height: 1.3; } .indexDiv ul{flex-wrap: wrap;padding: 0 0; } .indexDiv ul li{width: 100%;flex: initial;border-right: 0;border-bottom: 1px solid #1b3a70; } .indexDiv ul li .conDiv{padding: 25px 15px; } .indexDiv1 .hdDiv{display: block; } .indexDiv1 .hdDiv .hlDiv{width: 100%; } .indexDiv1 .hdDiv .hlDiv .textDiv{margin: 20px 0; } .indexDiv1 .hdDiv .hrDiv{width: 100%;margin-top: 40px; } .dataDiv .row>div:nth-child(-n+2){margin-bottom: 20px; } .dataDiv .row{margin: 0 -10px; } .dataDiv .row>div{padding: 0 10px; } .dataDiv .row>div .conDiv{max-width: 100%; } .dataDiv .row>div .conDiv .text p{font-size: 14px;margin-top: 3px; } .indexDiv1 .videoDiv .bgDiv img{width: 30px; } .indexDiv2{padding-bottom: 0; } .indexDiv2 .bdDiv{width: 100%; } .indexDiv2 .rightDiv{position: relative;width: 100vw;height: 100px;margin: 0 -15px;margin-top: 50px; } .indexDiv2 .rightDiv ul{flex-direction: row; } .indexDiv2 ul li{height: 100%;padding: 0;width: 20%; } .indexDiv2 ul li .conDiv{flex-direction: column;text-align: center;padding: 10px; } .indexDiv2 ul li .conDiv .iconDiv{width: 30px;margin-right: 0; } .indexDiv2 ul li .conDiv .title{font-size: 14px;margin-top: 6px; } .indexDiv2 ul li::before{width: 100%;height: calc(100% + 10px);right: 0;top: auto;bottom: -200%; } .indexDiv2 ul li.on::before{bottom: 0; } .indexDiv3 .bdDiv{display: block; } .indexDiv3 .bdDiv .item{width: 100%; } .indexDiv3 .bdDiv .item:nth-child(1) a,.indexDiv3 .bdDiv .item:nth-child(2) .ih a,.indexDiv3 .bdDiv .item:nth-child(2) .ib a,.indexDiv3 .bdDiv .item:nth-child(3) a{padding-top: 68.55%; } .indexDiv3 .bdDiv .item:nth-child(2){width: 100%;margin: 10px 0 0; } .indexDiv3 .bdDiv .item:nth-child(2) .ih{margin-bottom: 10px; } .indexDiv3 .bdDiv .item:nth-child(2) .ib{flex-wrap: wrap; } .indexDiv3 .bdDiv .item:nth-child(2) .ib .aDiv{width: 100%;margin-bottom: 10px; } .indexDiv3 .bdDiv .item:nth-child(3) .ih{margin-bottom: 10px; } .indexDiv4 .bdDiv .textDiv{width: 100%;margin: 20px 0; } .indexDiv4 .ulDiv ul{flex-wrap: wrap; } .indexDiv4 .ulDiv ul li{width: 33.3%;margin: 5px 0; } .indexDiv4 .ulDiv ul li.on{width: 33.3%; } .indexDiv4 .ulDiv ul li a{width: calc(100% - 10px); } .indexDiv4 .ulDiv ul li a .text1{display: none;} .indexDiv4 .ulDiv ul li a .text2{opacity: 1;flex-direction: column;padding: 10px 5px;justify-content: center;text-align: center;position: relative; } .indexDiv4 .ulDiv ul li a .text2 img{display: none; } .indexDiv4 .ulDiv ul li a .text2 .p{width: 100%;} .indexDiv4 .ulDiv ul li a .text2 .p span{font-size: 14px;} .indexDiv4 .ulDiv ul li a .text2 .p p {font-size: 12px; /*display: none;*/} .indexDiv5 .bdDiv{margin-top: 30px; } .indexDiv5 .bdDiv .row>div{flex: 0 0 33.3%;max-width: 33.3%;padding: 0 5px;margin-bottom: 10px; } .indexDiv6 .hdDiv{margin: 30px 0; } .indexDiv6 .hdDiv .conDiv{margin-top: 30px;height: 150px; } .indexDiv6 .hdDiv .hlDiv .textDiv{padding: 0 60px 20px 10px; } .indexDiv6 .hdDiv .hlDiv .textDiv .date{width: 50px;height: 50px;font-size: 12px; } .indexDiv6 .hdDiv .hlDiv .textDiv .title{width: calc(100% - 60px);font-size: 15px; } .indexDiv6 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;padding-right: 10px;} .indexDiv6 .swiper-pagination-bullet{width: 6px;height: 6px; } .indexDiv6 .row>div{margin-top: 10px; } .indexDiv6 .bdDiv .row>div ul li{padding: 15px 0; } .indexDiv7 ul li:nth-child(1){padding: 20px; } .indexDiv7 ul li:nth-child(2){padding: 20px; } .indexDiv7 ul{flex-wrap: wrap; } .indexDiv7 ul li{width: 100%;} .indexDiv7 ul li:nth-child(1) a>img{width: 60px; } .indexDiv7 ul li:nth-child(2) a>img{width: 90px; } .indexDiv7 ul li .text{margin: 0 30px;width: calc(100% - 150px); } /* .indexDiv8{padding: 30px 0; } .indexDiv8 .bdDiv{display: block; } .indexDiv8 .titleDiv{width: 100%;text-align: center; } .indexDiv8 .formDiv{width: 100%;margin-top: 20px; } .indexDiv8 .formDiv form{display: block;width: 80%;margin: 0 auto; } .indexDiv8 .formDiv form .inputDiv{width: 100%;margin-bottom: 15px; } .indexDiv8 .formDiv form .inputDiv input{line-height: 50px; } .indexDiv8 .formDiv form button{width: 80%;height: 50px;margin: 0 auto; } */ .footerDiv .bdDiv{display: block;padding: 30px 0; } .footerDiv .bdDiv .blDiv{display: block;border-right: 0;padding-bottom: 0px; } .footerDiv .bdDiv .listDiv{width: 100%;margin: 0 0 10px 0; } .footerDiv .bdDiv .listDiv>span{margin-bottom: 10px; } .footerDiv .bdDiv .listDiv>span a{margin-bottom: 15px; } .footerDiv .bdDiv .aDiv{display: flex;flex-direction: row;flex-wrap: wrap; } .footerDiv .bdDiv .aDiv.flexsta{height: initial; } .footerDiv .bdDiv .aDiv a{margin-right: 15px;margin-bottom: 10px; } .footerDiv .bdDiv .blDiv .aDiv.flexsta{flex-direction: row; } .footerDiv .bdDiv .blDiv .aDiv.flexsta a{margin-right: 15px;margin-bottom: 10px; } .footerDiv .bdDiv .blDiv{width: 100%; } .footerDiv .bdDiv .brDiv{width: 100%; } .footerDiv .hdDiv{display: block;padding: 15px 0; } .footerDiv .hdDiv .logoDiv img{height: 40px; } .footerDiv .banquan{width: 100%;text-align: center;margin-top: 10px; } .zxlyPop .popCon{padding: 20px 20px; } .zxlyPop .popCon a.closeBtn{top: 15px;right: 15px; } .nyBanner .bgDiv .wrap{height: 60vw;} .nyBanner .textDiv span{font-size: 18px;} .nyBanner .textDiv p{font-size: 12px;} .selectWrap{margin-bottom: 20px; } .selectWrap .flexbet{flex-wrap: wrap; } .selectWrap .flexbet>div{width: calc(50% - 5px);margin-bottom: 10px; } .selectWrap form>div .nfb{line-height: 42px;font-size: 14px; } .selectWrap .keywordDiv input{line-height: 42px;font-size: 14px; } .activityDiv .hdDiv .rowDiv{display: block;padding: 20px; } .activityDiv .hdDiv .rowDiv .rlDiv{width: 100%; } .activityDiv .hdDiv .rowDiv .rrDiv{width: 100%;margin-top: 20px; } .activityDiv .hdDiv .rowDiv .rrDiv .p{margin-bottom: 30px; } .activityDiv .bdDiv .tabsDiv{margin-bottom: 30px; } .activityDiv .bdDiv .tabsDiv a{width: 140px;height: 50px;font-size: 18px; } .activityDiv .jchgDiv .row>div a .textDiv,.activityDiv .luntanDiv .row>div a .textDiv{padding: 20px; } .zzfwDiv .bdDiv ul li a{display: block;padding: 20px; } .zzfwDiv .bdDiv ul li .textDiv{width: 100%;margin: 20px 0 30px;padding: 0; } .zzfwDiv .bdDiv ul li .textDiv p{font-size: 14px; } .breadcrumbDiv{font-size: 12px;flex-wrap: wrap; } .breadcrumbDiv img{width: 12px; } .locationDiv{position: relative; } .locationDiv .flexbet{height: auto;padding: 20px 15px;display: block; } .twoMenuDiv {margin-top: 15px;justify-content: flex-start;flex-wrap: wrap; } .twoMenuDiv a{margin-left: 0px;font-size: 14px;margin-right: 20px; } .twoMenuDiv a.on:before{width: 5px;height: 5px;bottom: -10px; } .pageDiv a, .pageDiv span{line-height: 30px;width: 30px; } .locationDiv2 .breadcrumbDiv{height: 40px; } .newsDetailDiv .bdDiv{margin-top: 20px;flex-direction: column; } .newsDetailDiv .bdDiv .brDiv{width: 100%; } .newsDetailDiv .bdDiv .blDiv{width: 100%;margin-top: 20px; } .articleDiv{padding: 30px 20px; } .articleDiv .titleDiv{font-size: 20px; } .articleDiv .smTitleDiv{margin: 20px 0 0;font-size: 14px; } .articleDiv .shareDiv{margin-top: 5px; } .articleDiv .textDiv{padding: 20px 0; } .newsDetailDiv .fanyeDiv{padding: 20px; } .articleDiv .fanyeDiv a p{display: none; } .nyBanner a.sqzdBtn{width: 90px;height: 30px; } .nyBanner .textDiv a>span{font-size: 12px; } .cpfwDiv .bdDiv ul li{padding: 20px;margin-bottom: 20px; } .cpfwDiv .bdDiv ul li .rowDiv{display: block; } .cpfwDiv .bdDiv ul li .rlDiv{width: 100%; } .cpfwDiv .bdDiv ul li .rrDiv{width: 100%;margin-top: 20px; } .cpfwDiv .bdDiv ul li .rrDiv .p{margin: 10px 0 20px;font-size: 14px; } .cpfwflDiv .hdDiv{padding: 20px;margin: 20px 0; } .cpfwflDiv .hdDiv .rowDiv{display: block; } .cpfwflDiv .hdDiv .rowDiv .rlDiv{width: 100%; } .cpfwflDiv .hdDiv .rowDiv .rrDiv{width: 100%;margin-top: 20px; } .cpfwflDiv .hdDiv .rowDiv .rrDiv .p{margin: 10px 0 20px;font-size: 14px; } .cpfwflDiv .bdDiv .row>div .conDiv .btnDiv a.ljzxBtn{margin-right: 10px; } .cpfwflDiv .bdDiv .row>div{margin-bottom: 20px; } .cpfwflDiv .bdDiv .row>div .conDiv .p{font-size: 14px; } .gkkDiv .bdDiv{margin-top: 20px; } .gkkDiv .bdDiv .itemDiv{padding: 20px 15px; } .gkkDiv .bdDiv .itit{margin-bottom: 10px; } .gkkDiv .bdDiv .tableDiv table td{padding: 10px; } .pxalDiv .bdDiv{margin-top: 20px; } .pxalDiv .bdDiv .row>div{margin-bottom: 20px; } .pxalDiv .bdDiv .moreBtn{margin-top: 20px; } .cpxqDiv1 .bdDiv .row>div .conDiv{padding: 30px 20px; } .cpxqDiv1 .bdDiv .row>div .conDiv .icon img{width: 63px; } .cpxqDiv2 .bdDiv{margin-top: 10px; } .cpxqDiv2 .row{margin: 0 -10px; } .cpxqDiv2 .row>div{padding: 0 10px; } .cpxqDiv2 .row>div .conDiv .textDiv span{margin: 15px 0 5px; } .cpxqDiv3 .hdDiv{margin: 20px 0 10px; } .cpxqDiv3 .hdDiv ul li a{font-size: 14px;text-align: center;height: 40px;width: calc(100% - 5px); } .cpxqDiv3 .bdDiv .rowDiv{display: block;padding: 20px; } .cpxqDiv3 .bdDiv .rowDiv .imgDiv{width: 100%; } .cpxqDiv3 .bdDiv .rowDiv .textDiv{width: 100%;margin-top: 40px; } .zxszDiv1 .hdDiv{margin: 20px 0 10px; } .zxszDiv1 .hdDiv ul li a{font-size: 14px;text-align: center;height: 40px; } .zxszDiv1 .bdDiv .rowDiv{display: block;padding: 20px; } .zxszDiv1 .bdDiv .rowDiv .imgDiv{width: 100%; } .zxszDiv1 .bdDiv .rowDiv .textDiv{width: 100%;margin-top: 40px; } .zxszDiv2 .hdDiv{margin: 20px 0 10px; } .zxszDiv2 .hdDiv ul li a{font-size: 14px;text-align: center;height: 40px; } .zxszDiv2 .bdDiv .rowDiv{display: block;padding: 20px; } .zxszDiv2 .bdDiv .rowDiv .imgDiv{width: 100%; } .zxszDiv2 .bdDiv .rowDiv .textDiv{width: 100%;margin-top: 40px; } .zxszDiv3 .bdDiv{margin-top: 10px; } .zxszDiv3 .bdDiv .row>div{flex: 0 0 100%;max-width: 100%; } .zxszDiv4 .bdDiv{margin-top: 20px;padding: 20px; } .zxszDiv4 .bdDiv .rowDiv{display: block; } .zxszDiv4 .bdDiv .rowDiv .imgDiv{width: 100%; } .zxszDiv4 .bdDiv .rowDiv .textDiv{width: 100%;margin-top: 40px; } .aboutNav{margin-top: -20px; } .aboutNav .wrap{width: 100%;padding: 0; } .aboutNav ul li a{height: 50px;font-size: 14px; } .gsjjDiv1 .bdDiv{margin-top: 20px; } .gsjjDiv2 .bdDiv,.gsjjDiv3 .bdDiv{margin-top: 30px; } .dszzcDiv .bdDiv{margin-top: 30px; } .dszzcDiv .bdDiv .textDiv{margin-top: 20px; } .newsDiv .bdDiv{margin-top: 20px; } .newsDiv .bdDiv ul li a{flex-direction: column;padding: 20px; } .newsDiv .bdDiv ul li .imgDiv{width: 100%;height: 130px; } .newsDiv .bdDiv ul li .textDiv{width: 100%;margin-top: 20px; } .teamDiv .hdDiv{margin: 20px 0;padding: 20px;flex-wrap: wrap; } .teamDiv .hdDiv .jsDiv{width: 100%;margin-top: 10px; } .teamDiv .bdDiv .row{margin: 0 -7px; } .teamDiv .bdDiv .row>div{padding: 0 7px;margin-bottom: 15px; } .teamDiv .bdDiv .row>div a .textDiv{padding: 15px; } .teamDetailDiv .bdDiv{margin-top: 20px;flex-direction: column; } .teamDetailDiv .bdDiv .brDiv{width: 100%; } .teamDetailDiv .bdDiv .blDiv{width: 100%;margin-bottom: 20px;position: relative;top: 0; } .contactDiv .bdDiv{display: block; } .contactDiv .formDiv{width: 100%;padding: 30px 15px; } .contactDiv .formDiv form{margin-top: 20px; } .contactDiv .textDiv{width: 100%;padding: 30px 15px; } .contactDiv .textDiv .p{margin: 40px 0; } .ryzzDiv .bdDiv{margin-top: 30px; } .ryzzDiv .bdDiv ul{height: auto; } .ryzzDiv .bdDiv ul li{max-width: 100%;margin-bottom: 30px; } .ryzzDiv .bdDiv ul li .p{min-height: initial; } .qyzzDiv .bdDiv{margin-top: 10px; } .qyzzDiv .bdDiv ul li{width: 100%;padding: 15px 0; } .qyzzDiv .bdDiv ul li:nth-child(3n+3){margin-right: 0;width: 100%; } .qyzzDiv .bdDiv ul li:nth-child(2n+2){margin-right: 0;width: 100%; } .historyDiv .bdDiv .item{display: block; } .historyDiv .bdDiv .item .il{width: 100%;margin-bottom: 20px; } .historyDiv .bdDiv .item .il .line{display: none; } .historyDiv .bdDiv .item .il .p2{margin-top: 10px; } .historyDiv .bdDiv .item .ir{width: 100%; } .historyDiv .bdDiv .item .ir ul li{padding-left: 30px;margin-bottom: 30px; } .historyDiv .bdDiv .item .ir ul li .p p{font-size: 14px; } .historyDiv .hdDiv{padding: 0 50px;margin: 30px 0; } .historyDiv .hdDiv .swiper-slide{padding: 10px 0; } .historyDiv .swiper-button-prev, .historyDiv .swiper-button-next{width: 40px;height: 40px;margin-top: -20px; } .zsjmDiv1 .bdDiv{margin-top: 30px; } .zsjmDiv1 .row>div .conDiv{padding: 20px 15px; } .zsjmDiv2 .bdDiv{margin-top: 30px; } .zsjmDiv2 .row>div .conDiv .title{padding: 5px 0; } .zsjmDiv2 .row>div .conDiv .p p{font-size: 14px;margin-bottom: 10px; } .zsjmDiv3 .row>div{margin-top: 15px; } .zsjmDiv3 .row>div .conDiv{padding: 20px; } .zsjmDiv4 .row>div{margin-top: 20px; } @media (max-width:320px) { } }