/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/ html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #333333;/*min-width: 1200px;*/ /* overflow-x: hidden; */} .wrap{margin: 0 auto;max-width: 1400px;} 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;} 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;} /**导航菜单**/ .headerTop{background: #0c53a5;color: #fff;line-height: 40px;position: fixed;top: 0;left: 0;width: 100%; font-size:14px } .headerTop .telDiv img{margin-right: 10px; } .headerTop .searchDiv{height: 40px;} .headerTop .searchDiv form{position: relative;height: 26px; } .headerTop .searchDiv form input{width: 190px;line-height: 26px;background: #fff;padding: 0 40px 0 6px;border: 0;display: block;font-size: 12px; } .headerTop .searchDiv form button{width: 40px;height: 26px;position: absolute;right: 0;top: 0;border: 0;background: transparent;cursor: pointer; } header{position: fixed;top: 40px;left: 0;width: 100%;z-index: 9999;color: #666;height: 80px;transition: all .5s;background: #fff; } header .logo a{height: 80px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;} header .logo img{max-height: 80%;} header .logo .dImg{display: block;} header .logo .hImg{display: none;} header .rightDiv{text-align: right;} header .rightDiv .menu{} header .rightDiv .menu>ul{display: inline-block!important;} header .rightDiv .menu>ul>li{float: left;margin:0 0 0 10px;} header .rightDiv .menu>ul>li>a{height: 80px;text-align: left;color: #333;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center;padding: 0 17px;} 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{background:transparent;color: #0c53a5; } header .rightDiv .menu>ul>li>a::after{content: "";width: 64px;position: absolute;left: 50%;margin-left: -32px; background: #0c53a5;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 .languageDiv{height: 80px;position: relative;background: url(../img/xia.png) no-repeat center right;padding-right: 13px;margin-left: 21px;} header .languageDiv a{color: #333;font-size: 14px;} header .languageDiv a img{margin-right: 8px;border: 1px solid #e6e6e6;} header .languageDiv .downDiv{position: absolute;width: 100%;top: 100%;left: 0;background: #fff;padding: 10px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all .6s;} header .languageDiv .downDiv a{color: #333;} header .languageDiv:hover .downDiv{opacity: 1;visibility: visible;transform: translateY(0);} header .mbtn {display: inline-block;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;} .on-fixed header{top: 0; } /*.on-fixed header .logo .dImg{display: none;} .on-fixed header .logo .hImg{display: block;} .on-fixed header .rightDiv .menu>ul>li>a{color: #333;} .on-fixed header .rightDiv .menu>ul>li>a::after{background: #000;} .on-fixed header .rightDiv .ssBtn .dImg{display: none;} .on-fixed header .rightDiv .ssBtn .hImg{display: block;} .on-fixed header .rightDiv .detaultDiv .dImg{display: none;} .on-fixed header .rightDiv .detaultDiv .hImg{display: block;} .on-fixed header .rightDiv .languageDiv .detaultDiv span{color: #333;} .on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} .onFixed header{background: #fff;border-bottom: 1px solid #E2E2E2;} .onFixed header .logo .dImg{display: none;} .onFixed header .logo .hImg{display: block;} .onFixed header .rightDiv .menu>ul>li>a{color: #333;} .onFixed header .rightDiv .menu>ul>li>a::after{background: #000;} .onFixed header .rightDiv .ssBtn .dImg{display: none;} .onFixed header .rightDiv .ssBtn .hImg{display: block;} .onFixed header .rightDiv .detaultDiv .dImg{display: none;} .onFixed header .rightDiv .detaultDiv .hImg{display: block;} .onFixed header .rightDiv .languageDiv .detaultDiv span{color: #333;} .onFixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} */ /* .on-menu header .logo .dImg{display: none;} .on-menu header .logo .hImg{display: block;} .on-menu header .rightDiv .ssBtn .dImg{display: none;} .on-menu header .rightDiv .ssBtn .hImg{display: block;} .on-menu header .mbtn{background: url(../img/menu1.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;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 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: #fff;text-align: left; width: max-content;top: 100%;left:50%;transform: translateX(-50%); transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);} .menu ul ul .ul{align-items: flex-start;padding:20px 30px;} /*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/ /*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; } .menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/ .menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; } .menu ul ul .ul a{font-size: 15px;color: #666;line-height: 36px; text-align: center;} .menu ul ul .ul a:hover{color: #0c53a5;} /*.menu>ul>li:hover>ul>.wrap>.ulDiv{opacity: 1;z-index: 11;display: flex;position: initial;visibility: visible;}*/ /*.menu li:hover>ul:before,.menu li:hover>ul:after{display: block;}*/ .menu ul ul ul{position:absolute;text-align: center;width: 100vw;top:100%;left:0;transition: opacity .6s;height: 0;} /****底部***/ .footerDiv .hdDiv{padding: 50px 0 30px ;background: #000000;} .footerDiv .hdDiv .flexbet{align-items: flex-start;color: #fff;} .footerDiv .hdDiv .listDiv{margin-right: 40px;max-width: 40%;width: 16%;} .footerDiv .hdDiv .listDiv:last-child{margin-right: 0;width: 40%; } .footerDiv .hdDiv .listDiv>span{display: block;padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.16);margin-bottom: 20px;font-weight: bold; } .footerDiv .hdDiv .aDiv a{color: #fff;display: block;margin-top: 15px;font-size: 14px;} .footerDiv .hdDiv .aDiv a:hover{color: #063d76;} .footerDiv .hdDiv .listDiv .lxDiv{color: #fff;font-size: 14px;align-items: flex-start;} .footerDiv .hdDiv .listDiv .lxDiv .p{width: calc(100% - 140px);} .footerDiv .hdDiv .listDiv .p p{margin: 0 0 10px;font-size: 14px;align-items: flex-start;} .footerDiv .hdDiv .listDiv .p p img{margin-right: 10px;margin-top: 4px; } .footerDiv .hdDiv .listDiv .shareDiv{margin-top: 40px;} .footerDiv .hdDiv .listDiv .shareDiv a{margin-right: 12px;width: 40px;height: 40px;background: #fff;border-radius: 4px; } .footerDiv .hdDiv .listDiv .shareDiv a:hover{background: rgba(255,255,255,.8); } .footerDiv .hdDiv .listDiv .ewmDiv {width: 110px;text-align: center;} .footerDiv .hdDiv .listDiv .ewmDiv img{width: 100%;} .footerDiv .hdDiv .listDiv .ewmDiv span{text-align: center;font-size: 14px;display: block;margin-top: 10px;color: #fff;} .footerDiv .bdDiv{padding: 13px 0;font-size: 14px;text-align: center;background: #000000;border-top: 1px solid rgba(230,230,230,.2);} .footerDiv .bdDiv p{color: #cccccc;} .footerDiv .bdDiv a{color: #cccccc;} .footerDiv .bdDiv a:hover{color: rgba(255,255,255,1);} .footerDiv .bdDiv .linkDiv{position: relative;} .footerDiv .bdDiv .linkDiv .defaultDiv{padding: 0 20px;border: 1px solid #818690;line-height: 30px;color: #818690;font-size: 12px;border-radius: 2px;} .footerDiv .bdDiv .linkDiv .defaultDiv span{color: #818690;margin-right: 5px;} .footerDiv .bdDiv .linkDiv .downloadDiv{position: absolute;width: 100%;border: 1px solid #818690;bottom: 100%;left: 0;background: #000;display: none;} .footerDiv .bdDiv .linkDiv .downloadDiv a{display: block;line-height: 30px;color: #818690;} .footerDiv .bdDiv .linkDiv .downloadDiv a:hover{color: #fff;} .footerDiv .bdDiv .linkDiv:hover .downloadDiv{display: block;} /*::-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: 120px; } /*banner轮播*/ .index-banner{width: 100%;position:relative;} .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 36.3542vw;background: none no-repeat center;background-size: cover;} .index-banner .img .wrap{position: relative;} /*.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: 24px;} .index-banner .swiper-pagination-bullet{width: 9px;height: 9px;background: #fff;border-radius: 5px;opacity:1; } .index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;} /* .index-banner .wrap{height: 100%;display:flex;justify-content:center;align-items:center;color: #fff;} .index-banner .textDiv .p1{font-size: 3.33vw;font-weight: bold;margin-bottom: 1vw;} .index-banner .textDiv .p2{font-size: 1.25vw;text-transform: uppercase;color: rgba(255,255,255,1);line-height: 1.6;} */ .ihdDiv {align-items: flex-end;line-height: 1; } .ihdDiv .ihdrDiv{width: calc(100% - 200px); } .ihdDiv .ihdrDiv .aDiv{width: calc(100% - 70px);color: #cccccc; } .ihdDiv .ihdrDiv .aDiv a{color: #666666;position: relative;padding: 0 20px; } .ihdDiv .ihdrDiv .aDiv a:not(:last-child)::after{content: "丨";color: #cccccc;position: absolute;right: -9px;top: 50%;transform: translateY(-50%); } .ihdDiv .ihdrDiv .aDiv a.on{color: #063d76; } .ihdDiv .imoreBtn{color: #666; } .ihdDiv .imoreBtn:hover{color: #063d76; } .indexTitle{position: relative;} .indexTitle.tc{text-align: center;} .indexTitle span{display: block;font-weight: bold;color: #333333;margin-bottom: 15px;} .indexTitle a{color: #666666;} .indexTitle a:hover{color: #063d76; } .indexTitle.cfff span{color: #fff;} .indexTitle.cfff p{color: #cccccc;} .f40{font-size: 32px;} .f36{font-size: 36px;} .f30{font-size: 30px;} .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{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgOver .pic img{width:initial;height: 100%;object-fit: cover; } .pd80{padding: 60px 0; } .pd81{padding: 0 0 60px; } .indexDiv1 .bdDiv{align-items: stretch;background: #31313b;color: #fff; } .indexDiv1 .leftDiv{width: 39.2857%;padding: 60px 45px; } .indexDiv1 .leftDiv:hover{background: #063d76; } .indexDiv1 .leftDiv .p{margin: 20px 0 35px;line-height: 1.9;opacity: .8;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; } .indexDiv1 .leftDiv a{width: 151px;height: 46px;border: 1px solid #fff;color: #fff; } .indexDiv1 .leftDiv a:hover{background: #fff;color: #063d76; } .indexDiv1 .rightDiv{width: 60.714%; } .indexDiv1 .rightDiv img{width: 100%;height: 100%;object-fit: cover; } .indexDiv31{padding: 60px 0 60px;} .indexTitle small{font-size: 16px;color: #999999;text-transform: uppercase; } .indexDiv31 .bdDiv{position: relative;} .indexDiv31 .bdDiv .leftDiv{width: 45.2%; } .indexDiv31 .bdDiv .leftDiv .title{font-weight: bold;margin: 30px 0 20px;color: #0c53a5;} .indexDiv31 .bdDiv .leftDiv .p{color: #333333;line-height: 2; } .indexDiv31 .bdDiv .leftDiv a{width: 132px;height: 40px;background:#0c53a5;color: #fff;margin-top: 30px;border-radius: 2px; } .indexDiv31 .bdDiv .leftDiv a:hover{background: #1676bc;color: #fff; } .indexDiv31 .bdDiv .rightDiv{width: 50.2%; } .indexDiv31 .bdDiv .rightDiv img{box-shadow: 10px 10px 1px rgba(22,118,188,.1);} .indexDiv2 .bdDiv .rowDiv{display: none; } .indexDiv2 .bdDiv .rowDiv.on{display: block; } .indexDiv2 .bdDiv .row{margin: 0 -10px; } .indexDiv2 .bdDiv .row>div{padding: 0 10px;margin-top: 40px; } .indexDiv2 .bdDiv .row>div .conDiv{display: block;background: #fff;height: 100%; } .indexDiv2 .bdDiv .imgDiv{position: relative;padding-top: 70.1357%; } .indexDiv2 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;} .indexDiv2 .bdDiv .imgDiv .pic img{max-width: 100%;max-height: 100%;object-fit: initial; } .indexDiv2 .bdDiv .row>div:nth-child(1) a{box-shadow: 0px 0px 19px rgba(73,78,87,.19); } .indexDiv2 .bdDiv .row>div:nth-child(1) a:hover .textDiv .title{color: #063d76; } .indexDiv2 .bdDiv .row>div:nth-child(1) .textDiv{padding: 30px 20px 50px; } .indexDiv2 .bdDiv .row>div:nth-child(2) a{background: #063d76;color: #fff;flex-direction: column;padding: 80px 30px 60px;justify-content: space-between;display: flex; } .indexDiv2 .bdDiv .row>div:nth-child(2) a:hover{background: #333; } .indexDiv2 .bdDiv .row>div:nth-child(2) a span:hover{background: #063d76; } .indexDiv2 .bdDiv .row>div:nth-child(2) a span .dImg{display: block; } .indexDiv2 .bdDiv .row>div:nth-child(2) a span .hImg{display: none; } .indexDiv2 .bdDiv .row>div:nth-child(2) a span:hover .dImg{display: none; } .indexDiv2 .bdDiv .row>div:nth-child(2) a span:hover .hImg{display: block; } .indexDiv2 .bdDiv .row>div:nth-child(2) .textDiv .title{margin: 30px 0 40px;color: #fff; } .indexDiv2 .bdDiv .row>div:nth-child(2) .textDiv .p{font-size: 14px;color: #fff;opacity: .6; } .indexDiv2 .bdDiv .row>div:nth-child(2) span{width: 116px;height: 40px;background: #fff;border-radius: 20px; } .indexDiv2 .bdDiv .textDiv .title{color: #333;margin-bottom: 20px; } .indexDiv2 .bdDiv .textDiv .p{font-size: 14px;color: #666666;line-height: 1.6; } .indexDiv2 .bdDiv .row>div ul li a{padding-bottom: 27px;margin-bottom: 27px;border-bottom: 1px solid #e4e5e7; } .indexDiv2 .bdDiv .row>div ul li:last-child a{margin-bottom: 0;border-bottom: 0;padding-bottom: 0; } .indexDiv2 .bdDiv .row>div ul li .picDiv{width: 46.2%;overflow: hidden;height: 140px; } .indexDiv2 .bdDiv .row>div ul li .picDiv img{width: 100%;height: 100%;object-fit: cover; } .indexDiv2 .bdDiv .row>div ul li .textDiv{width: 50.4%; } .indexDiv2 .bdDiv .row>div ul li .textDiv .title{margin-bottom: 15px; } .indexDiv2 .bdDiv .row>div ul li .textDiv .p{margin-bottom: 10px;color: #999999; } .indexDiv2 .bdDiv .row>div ul li .textDiv span img{transform: none; } .indexDiv2 .bdDiv .row>div ul li .textDiv span .dImg{display: block; } .indexDiv2 .bdDiv .row>div ul li .textDiv span .hImg{display: none; } .indexDiv2 .bdDiv .row>div ul li a:hover .textDiv .title{color: #063d76; } .indexDiv2 .bdDiv .row>div ul li a:hover span .dImg{display: none; } .indexDiv2 .bdDiv .row>div ul li a:hover span .hImg{display: block; } .indexDiv3{padding: 60px 0 60px;} .indexDiv3 .bdDiv{position: relative;margin-top: 30px; } .indexDiv3 .bdDiv .rowDiv{display: none; } .indexDiv3 .bdDiv .rowDiv.on{display: block; } .indexDiv3 .bdDiv .row{margin: 0 -10px; } .indexDiv3 .bdDiv .row>div{padding:0 10px;margin-top: 20px; } .indexDiv3 .bdDiv .row>div a{background: #f8f8f8;padding: 50px;display: block;height: 100%; } .indexDiv3 .bdDiv .row>div .cateDiv{color: #063d76;background: url(../img/yuan.png) no-repeat right center; } .indexDiv3 .bdDiv .row>div .title{color: #333333;margin: 30px 0 20px; } .indexDiv3 .bdDiv .row>div .p{color: #333333;line-height: 1.8;opacity: .8;margin-bottom: 30px; } .indexDiv3 .bdDiv .row>div span{width: 116px;height: 40px;background: #063d76;border-radius: 20px; } .indexDiv3 .bdDiv .row>div a:hover{background: #063d76; } .indexDiv3 .bdDiv .row>div a:hover .cateDiv{color: #fff; } .indexDiv3 .bdDiv .row>div a:hover .title{color: #fff; } .indexDiv3 .bdDiv .row>div a:hover .p{color: #fff; } .indexDiv3 .bdDiv .row>div a:hover span{background: #fff; } .indexDiv3 .bdDiv .row>div span .dImg{display: block; } .indexDiv3 .bdDiv .row>div span .hImg{display: none; } .indexDiv3 .bdDiv .row>div a:hover span .dImg{display: none; } .indexDiv3 .bdDiv .row>div a:hover span .hImg{display: block; } .indexDiv5{padding: 60px 0; } .indexDiv5 .bdDiv{align-items: initial;} .indexDiv5 .leftDiv{width: 73%; } .indexDiv5 .leftDiv .ndDiv{background: #f8f8f8;padding: 20px 0 20px 20px;margin-top: 20px;align-items: initial; } .indexDiv5 .leftDiv .nlDiv{width: 52.9%;} .indexDiv5 .leftDiv .nlDiv a{display: block;position: relative; } .indexDiv5 .leftDiv .nlDiv a img{width: 100%;height: 100%;object-fit: cover; } .indexDiv5 .leftDiv .nlDiv .titleDiv{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;padding: 20px 26px;width: 100%; } .indexDiv5 .leftDiv .nrDiv{width: 47.1%;} .indexDiv5 .leftDiv .nrDiv ul li a{padding: 0 23px 16px;margin-bottom: 16px; border-bottom: 1px solid #eeeeee; } .indexDiv5 .leftDiv .nrDiv ul li .dateDiv{width: 80px;height: 80px;background: #eeeeee;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #999999;font-size: 14px; } .indexDiv5 .leftDiv .nrDiv ul li .textDiv{width: calc(100% - 100px);} .indexDiv5 .leftDiv .nrDiv ul li .textDiv .title{color: #333; } .indexDiv5 .leftDiv .nrDiv ul li .textDiv .p{color: #aaaaaa;font-size: 14px;margin-top: 10px;} .indexDiv5 .leftDiv .nrDiv ul li:last-child a{margin-bottom: 0;border-bottom: 0; } .indexDiv5 .leftDiv .nrDiv ul li a:hover .dateDiv{background: #0c53a5;color: #fff; } .indexDiv5 .leftDiv .nrDiv ul li a:hover .title{color: #0c53a5;} .indexDiv5 .rightDiv{width: 24.2857%;} .indexDiv5 .rightDiv .listDiv{margin-top: 20px;background: #fafafa;padding: 0 20px;} .indexDiv5 .rightDiv ul li a{padding: 20px 0;border-bottom: 1px solid #eeeeee;display: block; } .indexDiv5 .rightDiv ul li .title{color: #333;padding-left: 21px;position: relative; } .indexDiv5 .rightDiv ul li .title:before{content: "";width: 8px;height: 8px;background: #0c53a5;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); } .indexDiv5 .rightDiv ul li .p{color: #aaaaaa;font-size: 14px;margin: 10px 0 0;line-height: 1.6; } .indexDiv5 .rightDiv ul li a:hover .title{color: #0c53a5;} .indexDiv4{padding-bottom: 80px; background:#f8f8f8 } .indexDiv4 .bdDiv{margin-top: 50px;position: relative;} .indexDiv4 .bdDiv .swiper-container{margin: -20px 0;padding: 0 10px; } .indexDiv4 .bdDiv .swiper-slide{padding: 20px 10px; } .indexDiv4 .bdDiv a{display: block;box-shadow: 0px 0px 20px rgba(73,78,87,.19);padding: 50px 20px 20px;background:#fff } .indexDiv4 .bdDiv .imgDiv{padding-top: 61.33%;overflow: hidden;margin-top: 35px; } .indexDiv4 .bdDiv .textDiv .title{color: #333;margin-bottom: 10px;height: auto ; } .indexDiv4 .bdDiv .textDiv .p{color: #999999;font-size: 14px; line-height:26px } .indexDiv4 .bdDiv a:hover .textDiv .title{color: #063d76; } .indexDiv4 .btnDiv{height: 40px;margin-top: 30px; } .indexDiv4 .swiper-scrollbar{height: 4px;background: #e3e3e3;width: calc(100% - 120px); } .indexDiv4 .swiper-scrollbar-drag{background: #063d76; } .indexDiv4 .swiper-button-prev,.indexDiv4 .swiper-button-next{width: 40px;height: 40px;position: relative;left: auto;right: auto;top: initial;margin-top: initial;border-radius: 50%; } .indexDiv4 .swiper-button-prev{background: url(../img/l1.png) #063d76 no-repeat center center;} .indexDiv4 .swiper-button-next{background: url(../img/r1.png) #063d76 no-repeat center center;} .nyBanner .wrap{position:relative;height: 20.833vw;color: #fff;justify-content: flex-start;align-items: flex-end; } .nyBanner .textDiv{padding-bottom: 3vw;} .nyBanner .textDiv span{font-size: 1.875vw;font-weight: bold;} .breadcrumbDiv{font-size: 0.83vw;margin-top: 1vw;} .breadcrumbDiv a{color: #fff;} .breadcrumbDiv a:hover{color: #063d76; } .cyfzDiv{padding: 60px 0 80px;} .cyfzDiv .bdDiv .row{margin: 0 -10px 20px; } .cyfzDiv .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px; } .cyfzDiv .bdDiv .row>div a{display: block;height: 100%;border: 1px solid #eeeeee;} .cyfzDiv .bdDiv .row>div .imgDiv{position: relative;padding-top: 65.67%;overflow: hidden; } .cyfzDiv .bdDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; } .cyfzDiv .bdDiv .row>div .imgDiv .pic img{width:initial;height: 100%;object-fit: cover; } .cyfzDiv .bdDiv .row>div .textDiv{padding: 20px 20px;} .cyfzDiv .bdDiv .row>div .textDiv .title{font-size: 18px;color: #333;font-weight: bold; } .cyfzDiv .bdDiv .row>div .textDiv .p{font-size: 15px;color: #999999;margin: 10px 0; line-height:30px} .cyfzDiv .bdDiv .row>div .textDiv .date{font-size: 14px;color: #999999; } .cyfzDiv .bdDiv .row>div a:hover .textDiv .title{color: #063d76;} .pageDiv{text-align: center;} .pageDiv a,.pageDiv span{display: inline-block;line-height: 40px;margin: 0 5px;color: #333333;width: 40px; border-radius: 2px;font-size: 14px;border: 1px solid #eeeeee; } .pageDiv span{color: #fff;background: #063d76;border-color: #063d76; } .twoMenuDiv1{background: rgba(49,132,91,.1); } .twoMenuDiv1 .bdDiv{overflow: hidden; } .twoMenuDiv1 a{display: block;color: #333;float: left;line-height: 64px;position: relative;margin: 0 60px 0 0; } .twoMenuDiv1 a.active:after{content: "";width: 36px;height: 2px;background: #063d76;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); } .twoMenuDiv1 a.active,.twoMenuDiv1 a:hover{color: #063d76;} .hgqsDiv{padding: 40px 0 70px;background: #f9f9f9; } .hgqsDiv ul{margin-bottom: 40px;} .hgqsDiv ul li{margin-bottom: 30px;} .hgqsDiv ul li a{padding: 0 0 30px;border-bottom: 1px solid #cccccc;flex-direction: row-reverse; } .hgqsDiv ul li .imgDiv{width: 407px;height: 229px;overflow: hidden;margin-left: 20px; } .hgqsDiv ul li .imgDiv img{width: 100%;height: auto;object-fit: cover;} .hgqsDiv ul li .textDiv{width: 65%;} .hgqsDiv ul li .textDiv .date{color: #999999;font-size: 14px; } .hgqsDiv ul li .textDiv span{color: #333;margin: 25px 0;font-weight: bold; } .hgqsDiv ul li .textDiv p{color: #999999;line-height: 2;margin-bottom: 40px; } .hgqsDiv ul li .textDiv img{transform: none; } .hgqsDiv ul li a:hover .textDiv span{color: #063d76; } .pd80{padding: 60px 0; } .adTitleDiv{font-size: 36px;font-weight: 700; } .aboutDiv1{ height:auto; overflow:hidden} .aboutDiv1 .bdDiv .imgDiv{margin: 40px 0 0; } .aboutDiv1 .bdDiv .imgDiv img{ max-width:100%} .aboutDiv1 .bdDiv .textDiv{ } .aboutDiv1 .bdDiv .textDiv .tt{font-size: 28px;font-weight: 700; } .aboutDiv1 .bdDiv .textDiv .p{color: #666;margin-top: 30px;line-height: 2; } .aboutDiv1 .bdDiv .dataDiv ul{align-items: flex-start; } .aboutDiv1 .bdDiv .dataDiv ul li{flex-direction: column;width: 25%;border-right: 1px solid #D8D8D8; } .aboutDiv1 .bdDiv .dataDiv ul li:last-child{border: 0; } .aboutDiv1 .bdDiv .dataDiv ul li span{font-size: 60px;color: #217E35;font-weight: 700; } .aboutDiv1 .bdDiv .dataDiv ul li p{margin-top: 15px;color: #3d3d3d; } .detailDiv {padding:80px 0;} .detailDiv .wrap{max-width: 1200px; } .detailDiv .articleDiv .hd .title{font-size: 30px;color: #333333;font-weight: bold;} .detailDiv .articleDiv .hd .smTit{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #666666;border-top: 1px solid #e6e6e6;padding-top: 18px;margin-top: 40px;} .detailDiv .articleDiv .hd .smTit span{display: inline-block;padding-left: 18px;} .detailDiv .articleDiv .hd .smTit span.user{background: url(../img/user.png) no-repeat left center;text-transform: uppercase;margin-right: 30px;} .detailDiv .articleDiv .hd .smTit span.date{background: url(../img/time1.png) no-repeat left center;} .detailDiv .articleDiv .hd .smTit span.news{background: url(../img/news.png) no-repeat left center;margin-right: 20px;} .detailDiv .articleDiv .bd {text-align: center;padding: 40px 0 50px; } .detailDiv .articleDiv .bd p{font-size: 16px;color: #333333;line-height: 1.8;text-align: left;} .detailDiv .otherPage{border-top: 1px solid #e6e6e6;padding-top: 20px;} .detailDiv .otherPage>div{margin-top: 10px;font-size: 14px;color: #999999;} .detailDiv .otherPage>div a{color: #333; font-size:14px} .detailDiv .otherPage>div a:hover{color: #4281df;} .jszkDiv{padding: 40px 0 80px; } .jszkDiv .hdDiv .row{margin: 0 -10px; } .jszkDiv .hdDiv .row>div{padding:0 10px;margin-bottom: 20px; } .jszkDiv .hdDiv .row>div a{background: #eeeeee;padding: 60px 60px 50px;display: block;height: 100%; } .jszkDiv .hdDiv .row>div .title{color: #333333; } .jszkDiv .hdDiv .row>div .p{color: #333333;line-height: 1.8;opacity: .8;margin:30px 0 50px; } .jszkDiv .hdDiv .row>div span{width: 116px;height: 40px;background: #063d76;border-radius: 20px; } .jszkDiv .hdDiv .row>div a:hover{background: #063d76; } .jszkDiv .hdDiv .row>div a:hover .title{color: #fff; } .jszkDiv .hdDiv .row>div a:hover .p{color: #fff; } .jszkDiv .hdDiv .row>div a:hover span{background: #fff; } .jszkDiv .hdDiv .row>div span .dImg{display: block; } .jszkDiv .hdDiv .row>div span .hImg{display: none; } .jszkDiv .hdDiv .row>div a:hover span .dImg{display: none; } .jszkDiv .hdDiv .row>div a:hover span .hImg{display: block; } .jszkDiv .bdDiv .row{margin: 0 -20px 40px; } .jszkDiv .bdDiv .row>div{padding:0 20px; } .jszkDiv .bdDiv .row>div a{padding: 40px 0;display: block;border-bottom: 1px solid #e6e6e6; } .jszkDiv .bdDiv .row>div .title{color: #333; } .jszkDiv .bdDiv .row>div .p{color: #999999;margin: 20px 0;font-size: 14px;line-height: 1.6; } .jszkDiv .bdDiv .row>div .date{font-size: 14px;color: #063d76; } .jszkDiv .bdDiv .row>div a:hover .title{color: #063d76; } .jszkDiv .bdDiv .row>div a:hover {border-color: #063d76; } .nyTitle{text-align: center;} .nyTitle span{color: #271567;display: block; } .nyTitle .line{width: 24px;height: 3px;background: #271567;margin: 20px auto 0; } .contactDiv1{padding: 60px 0 80px;} .contactDiv1 .hdDiv{align-items: stretch;margin-bottom: 42px;border: 1px solid #eeeeee;background: #f8f8f8; } .contactDiv1 .hdDiv .leftDiv{width: 40%;padding: 70px 3.8%;color: #fff; } .contactDiv1 .hdDiv .leftDiv .title{padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.1);position: relative; } .contactDiv1 .hdDiv .leftDiv .title::after{content: "";width: 24px;height: 3px;background: #fff;position: absolute;left: 0;bottom: -1px; } .contactDiv1 .hdDiv .leftDiv .text{margin: 35px 0;} .contactDiv1 .hdDiv .leftDiv .text .p{margin: 30px 0;align-items: flex-start; } .contactDiv1 .hdDiv .leftDiv .p>span{margin-right: 13px;width: 40px;height: 40px;background: #fff;border-radius: 50%;margin-top: 4px; } .contactDiv1 .hdDiv .leftDiv .p .txt{width: calc(100% - 53px); } .contactDiv1 .hdDiv .leftDiv .p .txt span{font-size: 14px; } .contactDiv1 .hdDiv .rightDiv{width: 60%;padding: 60px 40px 50px; } .contactDiv1 .hdDiv .rightDiv .title{color: #666666;margin-bottom: 50px; } .contactDiv1 .hdDiv .rightDiv .row{margin: 0 -10px; } .contactDiv1 .hdDiv .rightDiv .row>div{padding: 0 10px;margin-bottom: 20px; } .contactDiv1 .hdDiv .rightDiv form{width: 100%;} .contactDiv1 .hdDiv .rightDiv form input{width: 100%;line-height: 46px;border: 1px solid #e6e6e6;padding: 0 14px;font-size: 14px;color: #999999;background: #fff; } .contactDiv1 .hdDiv .rightDiv form textarea{width: 100%;border: 1px solid #e6e6e6;padding: 10px 14px;font-size: 14px;color: #999999;resize: none;height: 168px;display: block; } .contactDiv1 .hdDiv .rightDiv form button{width: 120px;line-height: 48px;border: 0;color: #fff;background: #063d76;cursor: pointer;padding: 0; } .contactDiv1 .bdDiv{margin-bottom: 30px;line-height: 2; } .aboutDiv2 .bdDiv .blDiv{width: 53.43%; } .aboutDiv2 .bdDiv .brDiv{width: 42.3%; } .aboutDiv2 .bdDiv .brDiv .p1{margin: 25px 0 60px; } .aboutDiv2 .bdDiv .brDiv .p2 p{padding-left: 21px;background: url(../img/yuan.png) no-repeat left center;margin: 0 0 20px;color: #666666; } .aboutDiv2 .bdDiv .brDiv .p2 p strong{color: #333; } .aboutDiv3{background: #f7faf9; } .aboutDiv3 .rowDiv .textDiv{width: 55.7%; } .aboutDiv3 .rowDiv .textDiv span{color: #063d76; } .aboutDiv3 .rowDiv .textDiv .line{margin: 20px 0 30px;width: 64px;height: 4px;background: #063d76; } .aboutDiv3 .rowDiv .textDiv p{color: #666666;line-height: 1.8; } .aboutDiv3 .rowDiv .imgDiv{width: 40.7%;padding: 10px; } .aboutDiv3 .rowDiv .imgDiv img{width: 100%;box-shadow: 10px 10px 1px rgba(49,132,91,.1); } .aboutDiv3 .smallDiv{margin-top: 50px;position: relative; } .aboutDiv3 .smallDiv::before{content: "";width: 100%;height: 3px;background: rgba(0,0,0,.2);position: absolute;left: 0;top: 4px; } .aboutDiv3 .smallDiv .swiper-slide{padding-top: 5px; } .aboutDiv3 .smallDiv .year{padding-top: 20px;text-align: center;position: relative;font-size: 18px;font-weight: bold; } .aboutDiv3 .smallDiv .year::before{content: "";width: 11px;height: 11px;background: url(../img/yuan2.png) no-repeat center center;position: absolute;left: 50%;top: -5px;margin-left: -5.5px; } .aboutDiv3 .smallDiv .swiper-slide-thumb-active .year::before{background: url(../img/yuan1.png) no-repeat center top; } .aboutDiv4 .aTtitle{text-align: center; } .aboutDiv4 .bdDiv{margin-top: 10px;position: relative;} .aboutDiv4 .bdDiv .row{margin: 0 -12.5px;} .aboutDiv4 .bdDiv .row>div{padding: 0 12.5px;margin-top: 40px;flex: 0 0 20%;max-width: 20%; } .aboutDiv4 .bdDiv .conDiv{height: 100%;} .aboutDiv4 .bdDiv .imgDiv {position: relative;padding-top: 119.6%;} .aboutDiv4 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .aboutDiv4 .bdDiv .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover;} .aboutDiv4 .bdDiv .textDiv{text-align: center;padding-top: 20px; } .aboutDiv4 .bdDiv .textDiv span{font-size: 18px; } .aboutDiv4 .bdDiv .textDiv p{margin-top: 10px;font-size: 14px;color: #666666; } /*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:1420px) { .wrap{padding: 0 50px;width: 100%;} .indexDiv2 .bdDiv .row>div ul li .picDiv{height: 100px; } } @media (max-width:1220px) { .f40{font-size: 36px;} } @media (max-width:1100px) { header .rightDiv .menu>ul>li{margin: 0 1vw;} } @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 #eee;} /*.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:#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: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:#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} /*.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: 80%;} 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;color: #555; font-size:14px} /*.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 .otherDiv{position: relative;margin-left: 0;display: block;text-align: left;} header .rightDiv .otherDiv .telDiv{display: inline-block;line-height: 30px;margin-left: 15px;margin-right: 0;} header .rightDiv .ssDiv{justify-content: flex-start;} header .rightDiv .ssBtn{display: none;} header .rightDiv .searchDiv{opacity: 1;visibility: visible;transform: translate(0px);top: 0;position: relative;right: 0;} header .rightDiv .menu ul li .ulDiv{display: block;} .menu ul ul{height: initial;} .menu ul ul .ul{display: block;padding: 10px 10px 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;} header .logo{max-width: 50%; } header .rightDiv .otherDiv{right: 0;} header .rightDiv .searchDiv{padding: 0;} header .rightDiv .searchDiv form{margin: 0;width: 100%;} header .rightDiv .ssDiv.hover>.searchDiv{transform: translate(0);} .nyBody .main{margin-top: 50px; } .newsDiv ul li .textDiv .text{width: calc(100% - 90px);padding-right: 20px; } .newsDiv ul li .textDiv .date{width: 90px;padding-right: 5px; } } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { /* html, body{min-width: initial;overflow-x: hidden;} */ .hidden-xs{display: none;} .visible-xs{display: block;} .floatRightDiv{display: none;} .wrap{padding: 0 15px;width: 100%;} .indexTitle span { display: block; font-weight: bold; color: #333333; margin-bottom: 10px; } .f40{font-size: 24px;} .f36{font-size: 24px;} .f30{font-size: 18px;} .f24{font-size: 19px;} .f22{font-size: 18px;} .f20{font-size: 17px;} .f18{font-size: 16px;} .index-banner .img{height:50vw;} .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; } .index-banner .swiper-button-prev, .index-banner .swiper-button-next{width: 30px; } .pd80{padding: 40px 0; } .indexTitle{text-align: center; } .indexDiv1 .bdDiv{display: block; } .indexDiv1 .leftDiv{width: 100%;padding: 30px; } .indexDiv1 .leftDiv .p{font-size: 14px; } .indexDiv1 .rightDiv{width: 100%;margin-top: 20px; } .indexDiv2 .ihdDiv{display: block; } .indexDiv2 .bdDiv .row>div{margin-top: 20px; } .indexDiv2 .bdDiv .row>div:nth-child(2) a{padding: 20px 20px 20px; } .indexDiv2 .bdDiv .row>div:nth-child(2) span{margin-top: 20px; } .indexDiv2 .bdDiv .row>div ul li .textDiv .title{margin-bottom: 10px; } .indexDiv4 .bdDiv a{padding: 30px 20px 20px; } .indexDiv4 .bdDiv .textDiv .title{height: auto ; } .ihdDiv .ihdrDiv{margin-top: 10px;flex-direction: column;} .ihdDiv .ihdrDiv{width: inherit ; } .ihdDiv .ihdrDiv .aDiv{flex-wrap: wrap;justify-content: center;width: 100%; } .ihdDiv .ihdrDiv .aDiv a{margin-top: 10px ; } .ihdDiv .ihdrDiv .aDiv i{margin-top: 10px; } .ihdDiv .ihdrDiv .imoreBtn{margin-top: 15px; display:none } .indexDiv2 .bdDiv .row>div:nth-child(2) .textDiv .title{margin: 20px 0 10px;color: #fff; } .indexDiv2 .bdDiv .row>div ul li a{padding-bottom: 17px;margin-bottom: 17px;border-bottom: 1px solid #e4e5e7; } .indexDiv3 .bdDiv{margin-top: 30px; } .indexDiv3 .bdDiv .row>div a{padding: 30px; } .indexDiv3 .bdDiv .row>div .title{margin: 30px 0 15px; } .indexDiv3 .bdDiv .row>div .p{margin-bottom: 30px; } .footerDiv .hdDiv{padding: 20px 0 10px;} .footerDiv .hdDiv .flexbet{width: 100%;display: block;} .footerDiv .hdDiv .listDiv{width: 100%;margin-bottom: 20px;max-width: 100%;} .footerDiv .hdDiv .listDiv>span{margin-bottom: 10px;padding-bottom: 10px; } .footerDiv .hdDiv .aDiv{display: flex;flex-wrap: wrap; } .footerDiv .hdDiv .aDiv a{margin-right: 10px;margin-top: 5px; } .footerDiv .hdDiv .listDiv{width: 100%; display:none} .footerDiv .hdDiv .listDiv:last-child{width: 100%; display:block } .footerDiv .hdDiv .listDiv .lxDiv{display: block;} .footerDiv .hdDiv .listDiv .lxDiv .p{width: 100%;} .footerDiv .hdDiv .listDiv .ewmDiv{margin: 20px auto 0;} .footerDiv .bdDiv .flexbet{display: block;} .footerDiv .bdDiv .linkDiv{display: inline-block;margin-top: 10px;} .footerDiv .bdDiv .linkDiv .defaultDiv{line-height: 30px;} .nyBanner .wrap{height: 26vw;} .nyBanner .textDiv{padding-bottom: 20px;} .nyBanner .textDiv .line{width: 20px;margin: 10px 0;} .nyBanner .textDiv span{font-size: 18px;} .breadcrumbDiv{font-size: 14px;} .cyfzDiv{padding: 30px 0 40px; } .cyfzDiv .bdDiv .row{margin: 0 -5px 20px; } .cyfzDiv .bdDiv .row>div{padding: 0 5px;margin-bottom: 10px; } .cyfzDiv .bdDiv .row>div .textDiv{padding: 10px; } .cyfzDiv .bdDiv .row>div .textDiv .p{margin: 10px 0; font-size:14px; line-height:26px } .cyfzDiv .bdDiv .row>div .textDiv .title{font-size: 14px; } .pageDiv a, .pageDiv span{line-height: 30px;width: 32px;margin: 0; } .hgqsDiv{padding: 40px 0;} .hgqsDiv ul li a{padding: 0 0 20px;display: block;} .hgqsDiv ul li .imgDiv{width: 100%;height: initial;margin: 0; } .hgqsDiv ul li .textDiv{width: 100%;margin-top: 15px;} .hgqsDiv ul li .textDiv span{margin: 10px 0; font-size:16px} .hgqsDiv ul li .textDiv p{margin-bottom: 20px; font-size:14px } .twoMenuDiv1 .bdDiv{overflow-x: auto;white-space:nowrap; } .twoMenuDiv1 .bdDiv a{display: inline-block;float: initial;line-height: 50px;margin-right: 30px; } .twoMenuDiv1 a:last-child{margin-right: 0; } .detailDiv{padding: 40px 0;} .detailDiv .articleDiv .hd .title{font-size: 20px;} .detailDiv .articleDiv .hd .smTit{margin-top: 20px;padding-top: 10px;} .detailDiv .articleDiv .bd p,.detailDiv .otherPage>div{font-size: 16px; } .jszkDiv .hdDiv .row>div a{padding: 20px; } .jszkDiv .hdDiv .row>div .p{margin: 15px 0 30px; font-size:14px } .jszkDiv .bdDiv .row>div a{padding: 20px 0; } .contactDiv1{padding: 40px 0;} .contactDiv1 .hdDiv{display: block;} .contactDiv1 .hdDiv .leftDiv{width: 100%;border: 0;padding:40px 20px; } .contactDiv1 .hdDiv .leftDiv .title{padding-top: 0; } .contactDiv1 .hdDiv .leftDiv .p{margin-bottom: 20px;} .contactDiv1 .hdDiv .leftDiv .ewmDiv{text-align: center;} .contactDiv1 .hdDiv .rightDiv{width: 100%;padding: 40px 20px 30px; } .contactDiv1 .hdDiv .rightDiv .title{margin-bottom: 30px; } .contactDiv1 .hdDiv .rightDiv .row>div{margin-bottom: 15px; } .contactDiv1 .bdDiv{margin: 0 0 20px;font-size: 14px;} .aboutDiv1{padding: 5px 0 25px; } .aboutDiv1 .bdDiv{display: block; } .aboutDiv1 .bdDiv .blDiv{width: 100%; } .aboutDiv1 .bdDiv .brDiv{width: 100%;margin-top: 20px; } .aboutDiv2 .bdDiv{display: block; } .aboutDiv2 .bdDiv .blDiv{width: 100%; } .aboutDiv2 .bdDiv .brDiv{width: 100%;margin-top: 20px; } .aboutDiv2 .bdDiv .brDiv .p1{margin: 10px 0 30px; } .aboutDiv3 .rowDiv{display: block; } .aboutDiv3 .rowDiv .textDiv{width: 100%; } .aboutDiv3 .rowDiv .imgDiv{width: 100%;margin-top: 20px; } .aboutDiv4 .bdDiv .row>div{flex: 0 0 50%;max-width: 50%;margin-top: 20px; } .jszkDiv { padding: 20px 0 20px; } .indexDiv31{padding: 20px 0 20px;} .indexTitle small{font-size: 16px;color: #999999;text-transform: uppercase; } .indexDiv31 .bdDiv{position: relative; display:block} .indexDiv31 .bdDiv .leftDiv{width: 100%; margin-bottom:20px } .indexDiv31 .bdDiv .leftDiv .title{font-weight: bold;margin: 20px 0 10px;color: #0c53a5;} .indexDiv31 .bdDiv .leftDiv .p{color: #333333;line-height: 2; } .indexDiv31 .bdDiv .leftDiv a{width: 132px;height: 40px;background:#0c53a5;color: #fff;margin-top: 20px;border-radius: 2px; font-size:14px } .indexDiv31 .bdDiv .leftDiv a:hover{background: #1676bc;color: #fff; } .indexDiv31 .bdDiv .rightDiv{width: 100%; } .indexDiv31 .bdDiv .rightDiv img{box-shadow: 10px 10px 1px rgba(22,118,188,.1);} .indexDiv5 { padding: 20px 0; } .indexDiv5 .flexbet{ display:block} .indexDiv5 .leftDiv {width: 100%;} .indexDiv5 .leftDiv .nlDiv{width: 100%; margin-bottom:16px} .indexDiv5 .leftDiv .nrDiv{width: 100%;} .indexDiv5 .rightDiv{width: 100%;} .indexDiv5 .leftDiv .nrDiv ul li a.flexbet{ display: flex; } .indexDiv5 .leftDiv .nrDiv ul li a{padding: 0 23px 16px 0;margin-bottom: 16px; border-bottom: 1px solid #eeeeee; } .indexDiv5 .leftDiv .ndDiv{background: #f8f8f8;padding: 20px 0 0 20px;margin-top: 20px;align-items: initial; margin-bottom:20px } .indexDiv4 .bdDiv{margin-top: 30px;position: relative;} @media (max-width:320px) { } } .nyBanner img{ width:100% !important}