/*@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;} .img video{width:100%!important;} .video_btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; justify-content: center; align-items: center; } .tabsCon table{ width: 100%!important; font-size: 14px; } .tabsCon table tr, td { padding: 5px 10px; border: 1px solid #DDD; } .wrap{max-width: 1320px;margin: 0 auto;} .p80{padding: 0 4.166666vw;} 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;} /**导航菜单**/ header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #333333;text-align: center;height: 76px;} header .logo a{height: 76px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;width: 16.35vw;} header .logo img{max-height: 100%;} header .logo .dImg{display: block;} header .logo .hImg{display: none;} header .rightDiv{float: right;} header .rightDiv .menu{} header .rightDiv .menu>ul{display: inline-block!important;} header .rightDiv .menu>ul>li{float: left;margin-right: 1.5vw;} header .rightDiv .menu>ul>li>a{height: 76px;text-align: left;color: #fff;position: relative;font-size: 18px;display: flex;justify-content: center;align-items: center;} header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{background:transparent;} header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0;background: #fff;height: 4px;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;} header .rightDiv .menu>ul>li:hover>a::after, header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);} header .rightDiv .otherDiv{font-size: 14px;height: 76px;color: #fff; } header .rightDiv .otherDiv i{display: block;margin: 0 1.5vw 0 0;} header .rightDiv .ssDiv{display: block;} header .rightDiv .ssDiv .dImg{display: block;} header .rightDiv .ssDiv .hImg{display: none;} header .rightDiv .telDiv{font-size: 1.14583vw;color: #fff;position: relative;font-family: Impact;} header .mbtn {display: inline-block;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;} 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{background: #fff;border-bottom: 1px solid #e1e2e5;} .on-fixed header:before{display: none;} .on-fixed header .logo .dImg{display: none;} .on-fixed header .logo .hImg{display: block;} .on-fixed header .rightDiv .menu>ul>li>a{color: #000;} .on-fixed header .rightDiv .menu>ul>li:hover>a, .on-fixed header .rightDiv .menu>ul>li:focus>a, .on-fixed header .rightDiv .menu>ul>li.on>a, .on-fixed header .rightDiv .menu>ul>li.active>a{color: #0054A3;} .on-fixed header .rightDiv .menu>ul>li>a::after{background: #0054A3;} .on-fixed header .rightDiv .otherDiv{color: #000;} .on-fixed header .rightDiv .otherDiv i{background: #000;} .on-fixed header .rightDiv .ssDiv .dImg{display: none;} .on-fixed header .rightDiv .ssDiv .hImg{display: block;} .on-fixed header .rightDiv .telDiv{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 #e1e2e5;} .onFixed header:before{opacity: 0;} .onFixed header .logo .dImg{display: none;} .onFixed header .logo .hImg{display: block;} .onFixed header .rightDiv .menu>ul>li>a{color: #000;} .onFixed header .rightDiv .menu>ul>li:hover>a, .onFixed header .rightDiv .menu>ul>li:focus>a, .onFixed header .rightDiv .menu>ul>li.on>a, .onFixed header .rightDiv .menu>ul>li.active>a{color: #0054A3;} .onFixed header .rightDiv .menu>ul>li>a::after{background: #0054A3;} .onFixed header .rightDiv .otherDiv{color: #000;} .onFixed header .rightDiv .otherDiv i{background: #000;} .onFixed header .rightDiv .ssDiv .dImg{display: none;} .onFixed header .rightDiv .ssDiv .hImg{display: block;} .onFixed header .rightDiv .telDiv{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 .otherDiv{color: #000;} .on-menu header .rightDiv .otherDiv i{background: #000;} .on-menu header .rightDiv .telDiv{color: #333;} .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;text-align: left;background: #f5f5f5; padding:0 0;width: -webkit-max-content;top: 100%;left:50%;transform: translate(-50%,-10px);opacity: 0;visibility: hidden;transition: transform .4s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); width: max-content;} /* .menu ul li:nth-child(2) ul{transform: translate(-50%,0);} */ /* .menu ul ul:before{content: "";width: 100vw;height: 100%;background: #f5f5f5;position: absolute;left: 90%;top: 0;z-index: -1;display: none; } .menu ul ul:after{content: "";width: 100vw;height: 100%;background: #f5f5f5;position: absolute;right: 90%;top: 0;z-index: -1;display: none; } */ .menu ul ul a{color: #666666;display: block;text-align: center;line-height: 40px;border-bottom: 1px solid #eee;padding: 0 20px;} .menu ul ul a:hover{color: #0054a3;} .menu li:hover>ul{opacity: 1;visibility: visible;transform: translate(-50%,0);} .menu li:hover>ul:before,.menu li:hover>ul:after{display: block;} .menu ul ul ul{left:-9999px;top:0px;width: calc(1200px - 450px);z-index: 11;} .menu ul ul li:hover>ul{left:100%;} .menu ul ul .ullDiv{width: 65.12%;padding: 45px 0;} .menu ul ul .ullDiv .title{font-size: 28px;color: #0054A3;margin-bottom: 25px;} .menu ul ul .ullDiv .row{margin: 0 -5px;} .menu ul ul .ullDiv .row>div{padding: 0 5px;margin-bottom: 10px;} .menu ul ul .ullDiv .row>div a{color:#666666;font-size: 18px;padding: 4.3% 8.6%;background: #f4f4f5;display: flex;} .menu ul ul .ullDiv .row>div i{width: 30px;height: 30px;background: url(../img/yjt_b.png) no-repeat center center;border: 1px solid #0054A3;display: block;} .menu ul ul .ullDiv .row>div a:hover i{background: url(../img/yjt_.png) #0054A3 no-repeat center center;} .menu ul ul .ulrDiv{width: 25.9%;text-align: right;position: absolute;right: 0;height: 100%;overflow: hidden;} /* .menu ul ul .ulrDiv img{width: 100%;height: 100%;object-fit: cover;} */ .menu ul ul>li>a{border-left: 3px solid #f9f9f9;line-height:56px;font-size:16px;text-decoration:none;color:#666;text-align: center;} .menu ul ul>li:hover>a{color:#a40000;background: #fff;border-left: 3px solid #a40000;} .modal {display: none;position: fixed;z-index: 66666;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);} .modal-content {display: flex;flex-direction: column;position: relative;background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 654px;animation: topDown 0.4s;} @keyframes topDown { from {top: -300px;opacity: 0;} to {top: 0;opacity: 1;} } /*模态框头部*/ .modal-header {display: block;flex-direction: row;align-items: center;justify-content: space-between;text-align: right;border-bottom: 0;} /*关闭X 样式*/ .close {float: right;color: #aaa;font-size: 28px;font-weight: bold;transition: all ease 0.36s;display: block;width: 32px;height: 32px;background: url("../img/menu-hide1.png") no-repeat center center;} .close:hover {color: black;text-decoration: none;cursor: pointer;transform: rotate(360deg);transition: all ease 0.36s;} .modal-body {padding-top: 20px;padding-bottom: 30px;margin-top: 10px;} .modal-body .stxt {float: left;width: 500px;height: 50px;border: #CCC solid 1px;padding-left: 30px;font-size: 14px;} .modal-body .sbtn {width: 80px;height: 50px;background: url("../img/search_btn.png") no-repeat center center #477de2;border: none;cursor: pointer;} /****底部***/ .footerDiv{color: #333;} .footerDiv .hd{background: #fff;padding: 60px 0 40px;} .footerDiv .hd .rowDiv{align-items: flex-start;} .footerDiv .hd .listDiv{text-align: left;display: inline-block;margin: 0 3vw;vertical-align: top;min-width: 6.25vw;} .footerDiv .hd .listDiv span{display: block;font-size: 18px;margin-bottom: 15px;} .footerDiv .hd .listDiv .line{width: 100%;height: 1px;background: #cccccc;position: relative;} .footerDiv .hd .listDiv .line:before{content: "";width: 35px;height: 1px;background: #0054a3;position: absolute;left: 0;top: 0; } .footerDiv .hd .listDiv .aDiv{max-height: 300px;overflow-y: auto;margin-top: 15px;} .footerDiv .hd .listDiv a{display: block;color: #666666;margin-bottom: 10px;font-size: 14px;} .footerDiv .hd .listDiv a:hover{color: #0054a3;} .footerDiv .bd{color: #647c92;padding: 10px 0;font-size: 14px;background: #0a243d;text-align: center;} .footerDiv .bd a{color: #647c92;} .footerDiv .bd a:hover{color: #fff;} ::-webkit-scrollbar { width: 2px; height: 10px; } ::-webkit-scrollbar-track { border-radius: 4px; background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0054a3; } /********************************* 首页 **********************************/ .main{margin-top: 0;position: relative; } .main:before{content: "";width: 100%;height: 131px;/*background: url(../img/yy.png) no-repeat center center/cover;*/z-index: 0;position: absolute;left: 0;top: 0;} /*banner轮播*/ .index-banner{width: 100%;position:relative;} .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 48.958vw;background: none no-repeat center;background-size: cover;} .index-banner .img .wrap{position: relative;} .index-banner .gridVideo{width: 100%;display: block;height: 48.95vw;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: 20px;} .index-banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius:4px;opacity:1;transition: width .8s;} .index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 60px;} .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} /* .index-banner .wrap{height: 100%;display:flex;justify-content:center;align-items:center;color: #fff;text-align: center;} .index-banner .textDiv span{font-size: 3.125vw;font-weight: bold;} .index-banner .textDiv p{font-size: 1.25vw;margin-top: 0.5vw;} */ .indexTitle{position: relative;line-height: 1;} .indexTitle span{position: relative;font-size: 2.1875vw;display: block;margin-left: 20px;font-weight: bold; } .indexDiv1{padding:80px 0px 0px 0px;} .indexDiv1 .bdDiv .leftDiv{width: 42.7vw;} .indexDiv1 .bdDiv .leftDiv .textDiv{margin: 5vw 0 4vw;} .indexDiv1 .bdDiv .leftDiv .textDiv span{font-size: 1.45vw;color: #0054a3; } .indexDiv1 .bdDiv .leftDiv .textDiv p{font-size: 18px;line-height: 1.8;margin: 10px 0 30px; } .indexDiv1 .bdDiv .leftDiv .dateDiv .numDiv {color: #0054a3;} .indexDiv1 .bdDiv .leftDiv .dateDiv .numDiv span{font-size: 3.64583vw;line-height: 1;font-family: Helvetica;font-weight: bold;} .indexDiv1 .bdDiv .leftDiv .dateDiv .numDiv sub{font-size: 18px;} .indexDiv1 .bdDiv .leftDiv .dateDiv p{font-size: 18px;color: #666666;} .indexDiv1 .bdDiv .rightDiv .row{margin: 0.6vw -2px 0;} .indexDiv1 .bdDiv .rightDiv .row>div{padding: 0 2px;} .indexDiv1 .bdDiv .rightDiv .row>div a{background: #f5f5f5;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #333;height: 100px;} .indexDiv1 .bdDiv .rightDiv .row>div a .dImg{display: block; } .indexDiv1 .bdDiv .rightDiv .row>div a .hImg{display: none; } .indexDiv1 .bdDiv .rightDiv .row>div a span{margin-left: 1vw;} .indexDiv1 .bdDiv .rightDiv .row>div a:hover{background: #0054a3;color: #fff;} .indexDiv1 .bdDiv .rightDiv .row>div a:hover .dImg{display: none;} .indexDiv1 .bdDiv .rightDiv .row>div a:hover .hImg{display: block;} .indexDiv1 .bdDiv .rightDiv{width: 43.75vw;} .indexDiv1 .bdDiv .rightDiv .pic{position: relative;padding-top: 30%;} .indexDiv1 .bdDiv .rightDiv .pic .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;} .indexDiv1 .bdDiv .rightDiv .pic .img img{width: 100%;/*height: 100%;*/object-fit: cover;} .imgDiv img{ height: 200px; width: 300px; object-fit: contain; } .indexDiv2{background: #f5f5f5;padding: 0 0 0 4.166666vw;} .indexDiv2 .leftDiv{width: 92px;padding-top: 80px;} .indexDiv2 .leftDiv .indexTitle{flex-direction: column;max-width: 42px;text-align: center; } .indexDiv2 .leftDiv .indexTitle span{margin-left: 0;margin-top: 20px;} .indexDiv2 .rightDiv{width: calc(100% - 92px);} .indexDiv2 .rightDiv .row{margin: 0;} .indexDiv2 .rightDiv .row>div{padding: 0;border-right: 1px solid #c4dff8;} .indexDiv2 .rightDiv .row>div:last-child{border: 0;} .indexDiv2 .rightDiv .row>div a{height: 100%;display: block;position: relative;} .indexDiv2 .rightDiv .row>div .imgDiv{position: relative;padding-top: 114.85%;} .indexDiv2 .rightDiv .row>div .pic{position: absolute;width: 100%;bottom: 0;left: 0;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;} .indexDiv2 .rightDiv .row>div .pic img{width: 100%;height: 100%;object-fit: cover;opacity: .1;filter:url('data:image/svg+xml;utf8,#grayscale');filter:gray; -webkit-filter: grayscale(100%);-webkit-transition: all .6s ease;-webkit-backface-visibility: hidden;} .indexDiv2 .rightDiv .row>div .textDiv{padding: 17px 1.4vw 7.8125vw;z-index: 1;position: relative;} .indexDiv2 .rightDiv .row>div .textDiv small{font-size: 0.9375vw;color: #666;display: block;margin-top: 10px;} .indexDiv2 .rightDiv .row>div .textDiv span{font-size: 1.875vw;color: #333333;display: block;margin: 8px 0 16px;font-weight: bold; } .indexDiv2 .rightDiv .row>div .textDiv .p{font-size: 0.9375vw;color: #888888;line-height: 1.8;letter-spacing: 0.05rem; } .indexDiv2 .rightDiv .row>div .mark{position: absolute;left: 0;bottom: 0;width: 100%;height: 150px; background: linear-gradient(to top,rgba(245,245,245,1),rgba(245,245,245,0));} .indexDiv2 .rightDiv .row>div a:hover .pic img{filter: none;-webkit-filter: grayscale(0%);opacity: 1;} .indexDiv2 .rightDiv .row>div a:hover .textDiv{background: url(../img/i-s-bg.png) no-repeat top center/101%;} .indexDiv2 .rightDiv .row>div a:hover .textDiv small,.indexDiv2 .rightDiv .row>div a:hover .textDiv span,.indexDiv2 .rightDiv .row>div a:hover .textDiv .p{color: #fff;} .indexDiv2 .rightDiv .row>div a:hover:after{content: "";width: 100%;height: 20%;background: #0054a3;position: absolute;left: 0;bottom: 0;} .indexDiv3{padding: 80px 0px 0px 0px;} .indexDiv3 .hd{margin: 50px 0 44px;font-size: 20px;} .indexDiv3 .hd a{color: #333333;background: #f5f5f5;width: 40%;text-align: center;height: 86px;display: flex;justify-content: center;align-items: center;position: relative;} .indexDiv3 .hd a img{margin-right: 20px;} .indexDiv3 .hd a.on{background: #fff;box-shadow: 0px 0px 24px rgba(245,245,245,1);font-weight: bold;} .indexDiv3 .hd a.on:before{content: "";width: 100%;left: 0;top: 0;height: 4px;background: #0054a3;position: absolute;} .indexDiv3 .bd .rowDiv{position: absolute;width: 100%;left: 0;top: 0;opacity: 0;transform: translateY(100px);visibility: hidden;transition: all 1s;} .indexDiv3 .bd .rowDiv.on{position: relative;opacity: 1;transform: translateY(0);visibility: visible;} .indexDiv3 .bd .row>div{padding: 0;} .indexDiv3 .bd .row>div .conDiv{height: 90%;} .indexDiv3 .bd .row>div .leftDiv{background: #0054a3;color: #fff;padding: 2.16vw 3.16vw 1.125vw;} .indexDiv3 .bd .row>div .leftDiv .title{font-size: 1.875vw;} .indexDiv3 .bd .row>div .leftDiv .p{font-size: 0.9375vw;color: #c4d2df;margin: 1vw 0 2.5vw;line-height: 1.8;} .indexDiv3 .bd .row>div .leftDiv ul{padding-bottom: 4vw;border-bottom: 1px solid #8fabc5;} .indexDiv3 .bd .row>div .leftDiv ul li{width: 33.3%;float: left;font-size: 0.9375vw;margin-bottom: 1vw;} .indexDiv3 .bd .row>div .leftDiv ul li a{color: #fff;display: block;} .indexDiv3 .bd .row>div .leftDiv ul li a:hover{opacity: .8;} .indexDiv3 .bd .row>div .leftDiv .moreBtn{color: #fff;display: inline-block;margin-top: 25px;transition: all .6s;} .indexDiv3 .bd .row>div .leftDiv .moreBtn:hover{opacity: .8;transform: translateX(10px);} .indexDiv3 .bd .row>div .rightDiv img{width: 100%;height: 100%;object-fit: cover;} .indexDiv4{padding: 80px 0;background: url(../img/i-bg1.jpg) no-repeat center center/cover; } .indexDiv4 .hdDiv .tabsDiv a{display: inline-block;font-size: 20px;color: #333333;padding-bottom: 3px;margin-left: 3vw;} .indexDiv4 .hdDiv .tabsDiv a.on{color: #0054a3;border-bottom: 2px solid #0054a3;} .indexDiv4 .bdDiv{margin-top: 50px;position: relative;} .indexDiv4 .bdDiv .lunboDiv{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;opacity: 0;} .indexDiv4 .bdDiv .lunboDiv.on{position: relative;z-index: 1;opacity: 1;width: 100%;} .indexDiv4 .bdDiv a{display: block; } .indexDiv4 .bdDiv .pic{position: relative;padding-top: 75.3%;} .indexDiv4 .bdDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;} .indexDiv4 .bdDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .indexDiv4 .bdDiv .textDiv{background: #fff;padding: 3vw 1.5vw;} .indexDiv4 .bdDiv .textDiv .date{font-size: 1.45vw;color: #0054a3;font-family: Helvetica; } .indexDiv4 .bdDiv .textDiv .title{font-size: 1.14vw;color: #333;line-height: 1.8;padding: 10px 0 20px;border-bottom: 1px solid #0054a3; } .indexDiv4 .bdDiv .textDiv span{color: #333;margin-top: 20px;display: inline-block;} .indexDiv4 .bdDiv a:hover .textDiv span{color: #0054a3;} .indexDiv4 .swiper-container{padding-bottom: 60px;} .indexDiv4 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;} .indexDiv4 .swiper-pagination-bullet{width: 10px;height: 10px;background: #b2b2b2;border-radius: 10px;opacity:1;} .indexDiv4 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px;background: #0054a3;} .indexDiv4 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .bottomDiv{padding-top: 80px;position: relative;} .bottomDiv:before{content: "";width: 100%;height: 70%;background: #0054a3;position: absolute;left: 0;top: 0;} .bottomDiv .indexTitle span{color: #fff;} .bottomDiv .bdDiv{background: #f5f5f5;position: relative;z-index: 1;margin-top: 50px;padding: 3vw;align-items: flex-start; } .bottomDiv .bdDiv .itemDiv{min-width: 20%;} .bottomDiv .bdDiv .itemDiv .title{font-size: 20px;color: #0054a3;line-height: 1;} .bottomDiv .bdDiv .itemDiv .title .line{width: 30px;height: 2px;background: #333;margin: 20px 0;} .bottomDiv .bdDiv .itemDiv .p{font-size: 18px;} .bottomDiv .bdDiv .itemDiv .p .flexsta{align-items: flex-start;} .bottomDiv .bdDiv .itemDiv .p p{margin-bottom: 5px;} .bottomDiv .bdDiv .itemDiv .p span{min-width: 90px;color: #888;} .bottomDiv .bdDiv .itemDiv .wxDiv{margin-right: 1vw;cursor: pointer;position: relative;} .bottomDiv .bdDiv .itemDiv .wxDiv .ewmDiv{position: absolute;width: 120px;height: 126px;padding-top: 6px;background: url(../img/ewm-bg.png) no-repeat center center/100% 100%;left: 0;top: 110%;box-shadow: 0px 10px 10px rgba(0,0,0,.1); display: none; } .bottomDiv .bdDiv .itemDiv .wxDiv .ewmDiv img{width: 120px;height: 120px;} .bottomDiv .bdDiv .itemDiv .wxDiv:hover .ewmDiv{display: block;} .hhh{ margin-left: 60%; width: 100%; margin-bottom: -1vw; } .ny-banner{position: relative;margin-top:76px} .ny-banner video{height: 100%;width: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} .ny-banner .wrap{width: 100%;position:relative;height: 35vw;align-items: flex-end;} .ny-banner span{font-size: 3.125vw;color: #fff;margin-bottom: 9.375vw;max-width:90%} .newsDiv{padding: 80px 0; } .newsDiv .hdDiv{margin-bottom: 60px;} .newsDiv .hdDiv a{font-size: 20px;color: #333;display: inline-block;margin-right: 57px;border-bottom: 2px solid #fff;} .newsDiv .hdDiv a.on{border-bottom: 2px solid #0054A3;color: #0054A3;} .newsDiv .bdDiv .row{margin: 0 -20px 10px;} .newsDiv .bdDiv .row>div{padding: 0 20px;margin-bottom: 40px;} .newsDiv .bdDiv .row>div a{display: block;height: 100%;background: #f4f4f5;} .newsDiv .bdDiv .pic{position: relative;padding-top: 75.3%;} .newsDiv .bdDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;} .newsDiv .bdDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .newsDiv .bdDiv .textDiv{padding: 30px; } .newsDiv .bdDiv .textDiv .date{font-size: 28px;color: #0054a3;font-family: Helvetica; } .newsDiv .bdDiv .textDiv .title{font-size: 22px;color: #333;line-height: 1.8;padding: 10px 0 20px; } .newsDiv .bdDiv .textDiv span{color: #333;margin-top: 20px;display: inline-block;} .newsDiv .bdDiv a:hover .textDiv span{color: #0054a3;} .pageDiv{text-align: center;} .pageDiv a{display: inline-block;line-height: 54px;margin: 0 5px;color: #333;padding: 0 20px;font-size: 18px; } .pageDiv a.cur span{color: #0054A3;border-bottom: 1px solid #0054A3; } .pageDiv a.prev_a,.pageDiv a.next_a{border: 1px solid #0054a3;color: #0054A3;} .pageDiv a.prev_a:hover,.pageDiv a.next_a:hover{background: #0054A3;color: #fff; } .bgf5f5f5{background: #f5f5f5;} .crumbs{margin: 25px 0 0;color: #666;} .crumbs a{color: #666;border-bottom: 1px solid #fff;} .crumbs a:hover{color: #0054A3;border-bottom: 1px solid #0054A3;} .newsDetailDiv{padding: 80px 0;} .newsDetailDiv .leftDiv{width: calc(100% - 380px);} .newsDetailDiv .leftDiv .titleDiv{text-align: center;font-size: 2.1875vw;} .newsDetailDiv .leftDiv .smTit{text-align: center;font-size: 18px;color: #666;margin: 20px 0 60px;} .newsDetailDiv .leftDiv .articleDiv p{margin-bottom: 20px;color: #555;line-height: 1.8;} .newsDetailDiv .leftDiv .shareDiv{margin: 40px 0;font-weight: bold;color: #0054A3;font-size: 20px; } .newsDetailDiv .leftDiv .shareDiv a{margin-left: 10px;} .newsDetailDiv .leftDiv .otherDiv{border-top: 1px solid #0054A3;padding-top: 38px;} .newsDetailDiv .leftDiv .otherDiv a{color: #333333;} .newsDetailDiv .leftDiv .otherDiv a img{margin-right: 10px;} .newsDetailDiv .leftDiv .otherDiv a:hover{color: #0054A3;} .newsDetailDiv .rightDiv{width: 300px;} .newsDetailDiv .rightDiv .searchDiv form{position: relative;box-shadow: 0px 0px 10px rgba(0,0,0,.2);} .newsDetailDiv .rightDiv .searchDiv form input{width: 100%;line-height: 46px;border: 0;padding: 0 20px;} .newsDetailDiv .rightDiv .searchDiv form button{position: absolute;width: 46px;height: 46px;right: 0;top: 0;background: #0054A3;border: 0;padding: 0;cursor: pointer;font-size: 18px; } .newsDetailDiv .rightDiv .categoryDiv{margin: 60px 0; } .newsDetailDiv .rightDiv .categoryDiv ul{margin-top: 30px;} .newsDetailDiv .rightDiv .categoryDiv ul li{margin-bottom: 2px;} .newsDetailDiv .rightDiv .categoryDiv ul li a{display: block;line-height: 54px;background: #f4f4f5;color: #333333;font-size: 18px;padding: 0 30px;position: relative; } .newsDetailDiv .rightDiv .categoryDiv ul li.on a{color: #0054A3;} .newsDetailDiv .rightDiv .categoryDiv ul li.on a:before{content: "";width: 4px;height: 100%;background: #0054A3;left: 0;top: 0;position: absolute; } .nyTitle1{font-size: 22px;font-weight: bold;} .newsDetailDiv .rightDiv .aboutNewsDiv ul li{margin-top: 30px;} .newsDetailDiv .rightDiv .aboutNewsDiv ul li a{display: block;padding-bottom: 40px;border-bottom: 1px solid #cccccc;} .newsDetailDiv .rightDiv .aboutNewsDiv ul li .title{font-size: 18px;color: #666666;margin-bottom: 10px;line-height: 1.8; } .newsDetailDiv .rightDiv .aboutNewsDiv ul li .date{color: #999999;} .newsDetailDiv .rightDiv .aboutNewsDiv ul li a:hover .title{color: #0054A3;} .nyTitle span{font-size: 2.3vw;font-weight: bold;} .nyTitle p{font-size: 0.9375vw;} .contactDiv1{padding: 80px 0 150px;} .contactDiv1 .leftDiv{width: 47.7%;} .contactDiv1 .rightDiv{width: 47.7%; } .contactDiv1 .bdDiv .itemDiv{margin-top: 50px; } .contactDiv1 .bdDiv .itemDiv .title{font-size: 20px;color: #0054a3;line-height: 1;} .contactDiv1 .bdDiv .itemDiv .title .line{width: 30px;height: 2px;background: #333;margin: 20px 0;} .contactDiv1 .bdDiv .itemDiv .p{font-size: 18px;} .contactDiv1 .bdDiv .itemDiv .p .flexsta{align-items: flex-start;} .contactDiv1 .bdDiv .itemDiv .p p{margin-bottom: 5px;} .contactDiv1 .bdDiv .itemDiv .p span{min-width: 90px;color: #000;} .contactDiv1 .bdDiv .itemDiv .wxDiv{margin-right: 10vw;cursor: pointer;position: relative;} .contactDiv1 .bdDiv .itemDiv .wxDiv .ewmDiv{position: absolute;width: 120px;height: 126px;padding-top: 6px;background: url(../img/ewm-bg.png) no-repeat center center/100% 100%;left: 0;top: 110%;box-shadow: 0px 10px 10px rgba(0,0,0,.1); } .contactDiv1 .bdDiv .itemDiv .wxDiv .ewmDiv img{width: 120px;height: 120px;} .contactDiv1 .bdDiv .itemDiv .wxDiv:hover .ewmDiv{display: block;} .contactDiv2{padding: 0 0 80px;} .contactDiv2 .formDiv{margin-top: 50px;} .contactDiv2 .row>div{margin-bottom: 20px;} .contactDiv2 .row>div .conDiv{align-items: flex-start; } .contactDiv2 .row>div span{display: block;line-height: 56px;width: 83px;font-size: 18px;} .contactDiv2 .row>div span i{color: #e62129;display: inline-block;width: 8.2px; } .contactDiv2 .row>div .inputDiv{width: calc(100% - 83px);} .contactDiv2 input{width: 100%;display: block;line-height: 57px;background: #f4f4f5;padding: 0 15px;border: 0;font-size: 18px;} .contactDiv2 textarea{width: 100%;display: block;height: 200px;background: #f4f4f5;padding: 15px;border: 0;resize: none;font-size: 18px;} .contactDiv2 button{display: block;width: 340px;line-height: 62px;background: #0054A3;color: #fff;border: 0;text-align: center;margin:60px auto 0;cursor: pointer;font-size: 18px;} .contactDiv2 .yzmDiv input{max-width: 284px;} .contactDiv2 .yzmDiv a{color: #999999;font-size: 18px;} .aboutDiv1{padding: 80px 0 0;} .aboutDiv1 .rowDiv{margin: 60px 0;} .aboutDiv1 .rowDiv .leftDiv{font-size: 18px;line-height: 1.8;width: 34.92%;} .aboutDiv1 .rowDiv .leftDiv p{margin: 20px 0;} .aboutDiv1 .rowDiv .rightDiv{width: 60.6%;} .aboutDiv1 .lunboDiv{position: relative;} .aboutDiv1 .swiper-button-next, .aboutDiv1 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 60px;height: 60px;margin-top: -30px;} .aboutDiv1 .swiper-button-prev{background: url(../img/left.png) #cccccc no-repeat center center;left: calc((100% - 1320px) / 2);} .aboutDiv1 .swiper-button-next{background: url(../img/right.png) #cccccc no-repeat center center;right: calc((100% - 1320px) / 2);} .aboutDiv1 .swiper-button-prev:hover{background: url(../img/left.png) #0054A3 no-repeat center center;} .aboutDiv1 .swiper-button-next:hover{background: url(../img/right.png) #0054A3 no-repeat center center;} .aboutDiv2{padding: 80px 0;background: #f4f4f5;} .aboutDiv2 .listDiv{position: relative;max-height: 810px;overflow: hidden;margin-bottom: 30px;} .aboutDiv2 .listDiv ul{position: relative;padding: 60px 0 10px;margin-top: 50px;padding-left: 7px;} .aboutDiv2 .listDiv ul:before{content: "";width: 1px;height: 100%;background: #cccccc;position: absolute;left: 7px;top: 0;} .aboutDiv2 .listDiv ul li{margin-bottom: 60px;padding-left: 44px;position: relative;} .aboutDiv2 .listDiv ul li:before{content:"";width: 9px;height: 9px;background: #0054A3;border-radius: 50%;position: absolute;left: -4px;top: 17px;z-index: 1; } .aboutDiv2 .listDiv ul li span{font-size: 30px;font-weight: bold;color: #0054A3;} .aboutDiv2 .listDiv ul li p{font-size: 18px;line-height: 1.8;margin-top: 5px;} .aboutDiv2 a.moreBtn span{font-size: 18px;display: inline-block;color: #333;display: inline-block;border-bottom: 1px solid #333;margin-left: 10px;} .aboutDiv2 a.moreBtn:hover span{color: #0054A3;border-color: #0054A3; } .aboutDiv3{padding: 80px 0;} .aboutDiv3 .bdDiv{margin-top: 40px;} .aboutDiv3 .swiper-container{padding: 10px 10px 60px;} .aboutDiv3 .swiper-slide{text-align: center;box-shadow: 0px 0px 10px rgba(0,0,0,.1);} .aboutDiv3 .swiper-slide span{color: #666666;display: block;margin-top: 15px;} .aboutDiv3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;} .aboutDiv3 .swiper-pagination-bullet{width: 10px;height: 10px;background: #b2b2b2;border-radius: 10px;opacity:1;transition: width .6s;} .aboutDiv3 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 30px;background: #0054a3;} .aboutDiv3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .aboutDiv3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;} .aboutDiv4{padding: 80px 0;background: url(../img/a-bg.jpg) no-repeat center center/cover; } .aboutDiv4 .nyTitle{padding-left: 97px;} .aboutDiv4 .wrap{max-width: 1514px;} .aboutDiv4 .bdDiv{padding: 0 97px;position: relative;margin-top: 60px;} .aboutDiv4 .swiper-slide{text-align: center;} .aboutDiv4 .swiper-slide .pic{position: relative;padding-top: 137.5%;} .aboutDiv4 .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .aboutDiv4 .swiper-slide .pic .imgDiv img{max-width: 100%;max-height: 100%;} .aboutDiv4 .swiper-slide span{color: #333333;display: block;margin-top: 15px;font-size: 18px;} .aboutDiv4 .swiper-button-next, .aboutDiv4 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 60px;height: 60px;margin-top: -30px;} .aboutDiv4 .swiper-button-prev{background: url(../img/left.png) #cccccc no-repeat center center;left: 0;} .aboutDiv4 .swiper-button-next{background: url(../img/right.png) #cccccc no-repeat center center;right: 0;} .aboutDiv4 .swiper-button-prev:hover{background: url(../img/left.png) #0054A3 no-repeat center center;} .aboutDiv4 .swiper-button-next:hover{background: url(../img/right.png) #0054A3 no-repeat center center;} .twoMenuDiv{background: #0054a3;} .twoMenuDiv.onFixed{top: 76px;left: 0;position: fixed;z-index: 99;width: 100%;} .twoMenuDiv ul li{width: 20%;} .twoMenuDiv ul li a{display: block;line-height: 90px;color: #fff;font-size: 24px;text-align: center;position: relative;} .twoMenuDiv ul li a.top_dh_in::after{content: "";width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;left: 50%;margin-left: -3px;bottom: 15px; } .zkhklDiv1 .row{margin: 0;} .zkhklDiv1 .row>div{padding: 0;} .zkhklDiv1 .row>div .conDiv{height: 100%;} .zkhklDiv1 .row>div .leftDiv img{width: 100%;height: 100%;object-fit: cover;} .zkhklDiv1 .row>div .rightDiv{padding: 4.16vw calc((100vw - 1320px) / 2) 4.16vw 4.16vw;} .zkhklDiv1 .row>div .rightDiv .p{margin: 2vw 0;font-size: 0.9375vw;line-height: 1.8;} .zkhklDiv1 .row>div .rightDiv .p p{margin: 10px 0;} .zkhklDiv1 .row>div .rightDiv .dataDiv{padding-top: 3vw;font-size: 0.9375vw;} .zkhklDiv1 .row>div .rightDiv .dataDiv .numDiv{color: #0054a3;display: inline-block;} .zkhklDiv1 .row>div .rightDiv .dataDiv .numDiv span{font-size: 2.6vw;font-weight: bold;} .zkhklDiv2{padding:80px 0;background: #f5f5f5;} .zkhklDiv2 .nyTitle{padding-left: 97px;} .zkhklDiv2 .wrap{max-width: 1514px;} .zkhklDiv2 .bdDiv{padding: 0 97px;position: relative;margin-top: 60px;} .zkhklDiv2 .swiper-slide a{background: #fff;padding: 25px 30px;display: block;} .zkhklDiv2 .swiper-slide a .title{font-size: 1.25vw;color: #333333;} .zkhklDiv2 .swiper-slide a .p{font-size: 0.9375vw;color: #666666;margin: 20px 0;line-height: 1.8;} .zkhklDiv2 .swiper-slide a span{color: #0054a3;} .zkhklDiv2 .swiper-button-next, .zkhklDiv2 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 60px;height: 60px;margin-top: -30px;} .zkhklDiv2 .swiper-button-prev{background: url(../img/left.png) #cccccc no-repeat center center;left: 0;} .zkhklDiv2 .swiper-button-next{background: url(../img/right.png) #cccccc no-repeat center center;right: 0;} .zkhklDiv2 .swiper-button-prev:hover{background: url(../img/left.png) #0054A3 no-repeat center center;} .zkhklDiv2 .swiper-button-next:hover{background: url(../img/right.png) #0054A3 no-repeat center center;} .zkhklDiv3{padding: 80px 0;} .zkhklDiv3 .bdDiv{position: relative;margin-top: 35px;} .zkhklDiv3 .swiper-container{padding: 0 0 60px;} .zkhklDiv3 .swiper-slide{text-align: center;} .zkhklDiv3 .swiper-slide .pic{position: relative;padding-top: 142.8%;} .zkhklDiv3 .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .zkhklDiv3 .swiper-slide .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .zkhklDiv3 .swiper-slide a span{color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 1.25vw;padding: 1.5vw;} .zkhklDiv3 .swiper-slide a:hover span{background: #0054A3;} .zkhklDiv3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;} .zkhklDiv3 .swiper-pagination-bullet{width: 10px;height: 10px;background: #b2b2b2;border-radius: 10px;opacity:1;transition: width .6s;} .zkhklDiv3 .swiper-pagination-bullet-active{opacity: 1;position: relative;width: 60px;background: #0054a3;} .zkhklDiv3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .zkhklDiv3 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;} .zkhklDiv4{padding: 80px 0;background: #f4f4f5;} .zkhklDiv4 .bdDiv{margin-top: 60px;position: relative;} .zkhklDiv4 .swiper-container{overflow: initial;} .zkhklDiv4 .swiper-slide{text-align: center;position: relative;opacity: .2;} .zkhklDiv4 .swiper-slide-active,.zkhklDiv4 .swiper-slide-prev,.zkhklDiv4 .swiper-slide-next{opacity: 1;} .zkhklDiv4 .swiper-slide .pic{position: relative;padding-top: 75%;} .zkhklDiv4 .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .zkhklDiv4 .swiper-slide .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .zkhklDiv4 .swiper-slide span{color: #333333;display: block;margin-top: 10px;font-size: 18px;} .zkhklDiv4 .swiper-button-next, .zkhklDiv4 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 60px;height: 60px;margin-top: -30px;} .zkhklDiv4 .swiper-button-prev{background: url(../img/left.png) #cccccc no-repeat center center;left: 0;} .zkhklDiv4 .swiper-button-next{background: url(../img/right.png) #cccccc no-repeat center center;right: 0;} .zkhklDiv4 .swiper-button-prev:hover{background: url(../img/left.png) #0054A3 no-repeat center center;} .zkhklDiv4 .swiper-button-next:hover{background: url(../img/right.png) #0054A3 no-repeat center center;} .zdhcxDiv1{padding: 80px 0;} .zdhcxDiv1 .bdDiv{margin-top: 50px;} .zdhcxDiv1 .row{margin: 0 -20px;} .zdhcxDiv1 .row>div{padding: 0 20px;} .zdhcxDiv1 .row>div .conDiv{height: 100%;} .zdhcxDiv1 .conDiv .pic{position: relative;padding-top: 75%;} .zdhcxDiv1 .conDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .zdhcxDiv1 .conDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .zdhcxDiv1 .conDiv span{display: block;font-size: 1.25vw;color: #0054A3;margin: 10px 0 5px;} .zdhcxDiv1 .conDiv p{font-size: 0.9375vw;color: #666666;line-height: 1.8;} .zdhcxDiv2{background: #fff;position: relative;padding-bottom: 0;} .zdhcxDiv2:before{content: "";width: 100%;height: 94%;background: #0054A3;position: absolute;left: 0;top: 0;z-index: 0;} .zdhcxDiv2 .nyTitle{color: #fff;} .zdhcxDiv2 .swiper-slide a{background: #f4f4f5;} .zdhcxDiv2 .bdDiv{position: relative;} .zdhcxDiv2 .bdDiv::after{content: "";width:100%;height: 100%;position: absolute;left: calc(100% - 97px);top: 0;background: #f4f4f5;} .zdhcxDiv4{padding: 80px 0;background: url(../img/zdh-bg.jpg) no-repeat center center/cover;color: #fff;} .zdhcxDiv4 .bdDiv{margin-top: 50px;text-align: center;position: relative;} /* .zdhcxDiv4 .bdDiv .row{margin: 0 -11px;} .zdhcxDiv4 .bdDiv .row>div{padding: 0 11px;margin-bottom: 35px;text-align: center;} */ .zdhcxDiv4 .bdDiv .pic{position: relative;padding-top: 75%;} .zdhcxDiv4 .bdDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .zdhcxDiv4 .bdDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .zdhcxDiv4 .bdDiv span{color: #fff;font-size: 1.25vw;margin-top: 10px;display: block;} .zdhcxDiv4 .swiper-button-next, .zdhcxDiv4 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 60px;height: 60px;margin-top: -30px;} .zdhcxDiv4 .swiper-button-prev{background: url(../img/left.png) #cccccc no-repeat center center;left: -90px;} .zdhcxDiv4 .swiper-button-next{background: url(../img/right.png) #cccccc no-repeat center center;right: -90px;} .zdhcxDiv4 .swiper-button-prev:hover{background: url(../img/left.png) #0054A3 no-repeat center center;} .zdhcxDiv4 .swiper-button-next:hover{background: url(../img/right.png) #0054A3 no-repeat center center;} .znwlDiv1{padding: 80px 0;} .znwlDiv1 .rowDiv{position: relative;} .znwlDiv1 .rowDiv .leftDiv{width: 56%;position: relative;z-index: 1;} .znwlDiv1 .rowDiv .leftDiv .row{margin-top: 3vw;margin-bottom: 3vw;} .znwlDiv1 .rowDiv .leftDiv .row>div{margin-bottom: 30px;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv{height: 100%;background: #0054a3;color: #fff;padding: 30px;text-align: center;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv span{display: block;font-size: 1.25vw;margin-top: 5px;} .znwlDiv1 .rowDiv .rightDiv{width: 49.9%;position: absolute;height: 100%;right: 0;top: 0;} .znwlDiv1 .rowDiv .rightDiv img{width: 100%;height: 100%;object-fit: cover;} /* .znwlDiv1 .rowDiv .pic{position: relative;padding-top: 85.4%;} .znwlDiv1 .rowDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .znwlDiv1 .rowDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} */ .znwlDiv1 .bdDiv{margin-top: 58px;} .znwlDiv1 .bdDiv .hd{border: 6px solid #ebf0f5;text-align: center;font-size: 1.25vw;padding: 20px 0;margin-bottom: 30px;} .znwlDiv1 .bdDiv .bd .row>div{margin-top: 30px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv{height: 100%;align-items: flex-start; } .znwlDiv1 .bdDiv .bd .row>div .conDiv .iconDiv{width: 48px;margin-right: 18px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv{width: calc(100% - 66px);max-width: 534px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv span{font-size: 1.25vw;color: #0054A3;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv p{font-size: 0.9375vw;color: #666666;line-height: 1.8;margin-top: 3px;} .znwlDiv2{padding: 80px 0;background: #f4f4f5;} .znwlDiv2 .bdDiv{position: relative;margin-top: 50px; } .znwlDiv2 .swiper-container{overflow: initial;} .znwlDiv2 .swiper-slide{text-align: center;position: relative;opacity: .2;} .znwlDiv2 .swiper-slide-active,.znwlDiv2 .swiper-slide-next,.znwlDiv2 .swiper-slide-next+.swiper-slide{opacity: 1;} .znwlDiv2 .swiper-slide .pic{position: relative;padding-top: 75%;} .znwlDiv2 .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #fff;} .znwlDiv2 .swiper-slide .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .znwlDiv2 .swiper-slide .pic span{position: absolute;left: 0;width: 187px;line-height: 32px;background: url(../img/zn-bg1.png) no-repeat center center/cover;color: #fff;padding-left: 1vw;bottom: 0;text-align: left; } .znwlDiv2 .swiper-slide .textDiv{background: #fff;} .znwlDiv2 .swiper-slide .textDiv .title{font-size: 1.25vw;color: #333;padding: 25px 10px 15px;border-bottom: 1px solid #e5e5e5;} .znwlDiv2 .swiper-slide .textDiv span{color: #0054A3;padding: 15px 20px;display: block;text-align: left;} .znwlDiv2 .swiper-button-next, .znwlDiv2 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 60px;height: 60px;margin-top: -30px;z-index: 111;} .znwlDiv2 .swiper-button-prev{background: url(../img/left.png) #cccccc no-repeat center center;left: 0;} .znwlDiv2 .swiper-button-next{background: url(../img/right.png) #cccccc no-repeat center center;right: 0;} .znwlDiv2 .swiper-button-prev:hover{background: url(../img/left.png) #0054A3 no-repeat center center;} .znwlDiv2 .swiper-button-next:hover{background: url(../img/right.png) #0054A3 no-repeat center center;} .znwlDiv3 .swiper-slide a span{width: 78%;background: #fff;bottom: 30px;margin: 0 auto;color: #333;left: 11%;padding: 0.7vw;border-radius: 5vw;} .znwlDiv3 .swiper-slide a:hover span{color: #fff;} .znwlDiv4{background: #f4f4f5;padding: 80px 0; } .znwlDiv4 .leftDiv{width: 42.42%;} .znwlDiv4 .leftDiv .lunboDiv{position: relative;padding-bottom: 100px;} .znwlDiv4 .leftDiv .swiper-container{margin: 60px 0 0;height: 480px;} .znwlDiv4 .leftDiv .swiper-slide a{border-bottom: 1px solid #dedfe0;padding: 1vw 1.5625vw;font-size: 1.25vw;color: #333;} .znwlDiv4 .leftDiv .swiper-slide i{width: 40px;height: 40px;background: url(../img/yjt.png) #fff no-repeat center center;border: 1px solid #dedfe0;} .znwlDiv4 .leftDiv .swiper-slide a:hover{background: #dedfe0;color: #0054A3;} .znwlDiv4 .leftDiv .swiper-slide a:hover i{background: url(../img/yjt_.png) #0054A3 no-repeat center center;} /* .znwlDiv4 .leftDiv .morebtn{width: 160px;line-height: 48px;background: #fff;border: 1px solid #dedfe0;font-size: 16px;color: #333;text-align: center;display: inline-block;} .znwlDiv4 .leftDiv .morebtn:hover{background: #0054A3;color: #fff;} */ .znwlDiv4 .swiper-button-next, .znwlDiv4 .swiper-button-prev{opacity: 1;background-size: 100% 100%;width: 50px;height: 50px;margin-top: initial;z-index: 111;top: initial;bottom: 0;border-radius: 50%;} .znwlDiv4 .swiper-button-prev{background: url(../img/up.png) #fff no-repeat center center;left: 52%;} .znwlDiv4 .swiper-button-next{background: url(../img/down.png) #fff no-repeat center center;right: 52%;} .znwlDiv4 .swiper-button-prev:hover{background: url(../img/up_.png) #0054A3 no-repeat center center;} .znwlDiv4 .swiper-button-next:hover{background: url(../img/down_.png) #0054A3 no-repeat center center;} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .5;} .znwlDiv4 .rightDiv{width: 48.5%;position: relative; } .znwlDiv4 .rightDiv .pic{position: relative;padding-top: 111.5625%;} .znwlDiv4 .rightDiv .pic .imgDiv{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;box-shadow: 30px -30px 1px #0054a3;} .znwlDiv4 .rightDiv .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .znwlListDiv{padding: 80px 0 0;} .znwlListDiv .rowDiv{margin-bottom: 80px;} .znwlListDiv .leftDiv{width: 50%;} .znwlListDiv .leftDiv .title{font-size: 2.1875vw;font-weight: bold;} .znwlListDiv .leftDiv .p{font-size: 0.9375vw;color: #666666;margin: 5px 0 40px;line-height: 1.8; } .znwlListDiv .leftDiv ul li{padding-left: 38px;background: url(../img/dui.png) no-repeat left 5px;font-size: 0.9375vw;color: #333;margin: 15px 0;} .znwlListDiv .leftDiv .btnDiv{margin-top: 40px;} .znwlListDiv .leftDiv .btnDiv a{display: flex;width: 140px; height: 46px;font-size: 0.9375vw;justify-content: center;align-items: center;border-radius: 30px;} .znwlListDiv .leftDiv .btnDiv a.detail_a{color: #0054A3;border: 1px solid #0054A3;margin-right: 20px; } .znwlListDiv .leftDiv .btnDiv a.detail_a:hover{background: #0054A3;color: #fff;} .znwlListDiv .leftDiv .btnDiv a.zx_a{color: #e62129;border: 1px solid #e62129;} .znwlListDiv .leftDiv .btnDiv a.zx_a:hover{background: #E62129;color: #fff;} .znwlListDiv .rightDiv{width: 43.94%;} .znwlListDiv .swiper-container {width: 100%;margin-left: auto;margin-right: auto;} .znwlListDiv .swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;} .znwlListDiv .swiper-slide .pic{padding-top: 65.5%;position: relative;width: 100%;} .znwlListDiv .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;} .znwlListDiv .swiper-slide .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .znwlListDiv .gallery-top {/*height: 80%;*/width: 100%;} /*.znwlListDiv .gallery-top .swiper-slide {height: 380px;}*/ .znwlListDiv .gallery-thumbs {/*height: 20%;*/box-sizing: border-box;text-align: center;margin-top: 8px;} .znwlListDiv .gallery-thumbs .swiper-slide {width: 25%;opacity: 0.4;} .znwlListDiv .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .znwlListDiv .swiper-button-next, .znwlListDiv .swiper-button-prev{width: 15px;height: 100%;margin-top: 0;top: 0;} .znwlListDiv .swiper-button-next{background: url(../img/z-r.png) no-repeat right center;right: 20px;} .znwlListDiv .swiper-button-prev{background: url(../img/z-l.png) no-repeat left center;left: 20px;} .znwlDetailDiv{padding: 20px 0;} .znwlDetailDiv .leftDiv{width: 50%;} .znwlDetailDiv .leftDiv .title{font-size: 2.1875vw;font-weight: bold;} .znwlDetailDiv .leftDiv .p{font-size: 0.9375vw;color: #666666;margin: 5px 0 40px;line-height: 1.8; } .znwlDetailDiv .leftDiv ul li{padding-left: 38px;background: url(../img/dui.png) no-repeat left 5px;font-size: 0.9375vw;color: #333;margin: 15px 0;} .znwlDetailDiv .leftDiv .btnDiv{margin-top: 40px;} .znwlDetailDiv .leftDiv .btnDiv a{display: flex;width: 140px; height: 46px;font-size: 0.9375vw;justify-content: center;align-items: center;border-radius: 30px;} .znwlDetailDiv .leftDiv .btnDiv a.detail_a{color: #0054A3;border: 1px solid #0054A3;margin-right: 3.125vw; } .znwlDetailDiv .leftDiv .btnDiv a.detail_a:hover{background: #0054A3;color: #fff;} .znwlDetailDiv .leftDiv .btnDiv .telDiv .text{color: #0054A3;margin-left: 10px;} .znwlDetailDiv .leftDiv .btnDiv .telDiv span{font-size: 14px;} .znwlDetailDiv .leftDiv .btnDiv .telDiv p{font-size: 1.35vw;} .znwlDetailDiv .rightDiv{width: 43.94%;} .znwlDetailDiv .swiper-container {width: 100%;margin-left: auto;margin-right: auto;} .znwlDetailDiv .swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;} .znwlDetailDiv .swiper-slide .pic{padding-top: 65.5%;position: relative;width: 100%;} .znwlDetailDiv .swiper-slide .pic .imgDiv{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;} .znwlDetailDiv .swiper-slide .pic .imgDiv img{width: 100%;height: 100%;object-fit: contain;} .znwlDetailDiv .gallery-top {/*height: 80%;*/width: 100%;} /*.znwlListDiv .gallery-top .swiper-slide {height: 380px;}*/ .znwlDetailDiv .gallery-thumbs {/*height: 20%;*/box-sizing: border-box;text-align: center;margin-top: 8px;} .znwlDetailDiv .gallery-thumbs .swiper-slide {width: 25%;opacity: 0.4;} .znwlDetailDiv .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .znwlDetailDiv .swiper-button-next, .znwlDetailDiv .swiper-button-prev{width: 15px;height: 100%;margin-top: 0;top: 0;} .znwlDetailDiv .swiper-button-next{background: url(../img/z-r.png) no-repeat right center;right: 20px;} .znwlDetailDiv .swiper-button-prev{background: url(../img/z-l.png) no-repeat left center;left: 20px;} .znwlDetailDiv .bdDiv{margin-top: 80px;} .znwlDetailDiv .bdDiv .hd{border-bottom: 1px solid #0054A3;} .znwlDetailDiv .bdDiv .hd a{line-height: 54px;width: 35%;color: #333;text-align: center;font-size: 20px;background: #eee;} .znwlDetailDiv .bdDiv .hd a.on{background: #0054A3;color: #fff;} .znwlDetailDiv .bdDiv .bd{padding-top: 50px;} .znwlDetailDiv .bdDiv .bd p{font-size: 18px;line-height: 1.8;} .znwlDetailDiv .bdDiv .bd img{display: block;margin: 20px auto;} .fwtxDiv .rowDiv{padding: 80px 0;} .fwtxDiv .rowDiv .leftDiv{width: 43.86%;} .fwtxDiv .rowDiv .leftDiv .row{margin-top: 25px;} .fwtxDiv .rowDiv .leftDiv .row>div .conDiv{padding: 30px 0;border-bottom: 1px solid #cccccc;height: 100%;position: relative;} .fwtxDiv .rowDiv .leftDiv .row>div .conDiv:after{content: "";width: 46px;height: 1px;background: #0054A3;position: absolute;left: 0;bottom: -1px; } .fwtxDiv .rowDiv .leftDiv .row>div .conDiv span{font-size: 18px;margin-left: 20px;} .fwtxDiv .rowDiv .rightDiv{width: 50%;} .rjDiv1{padding: 80px 0;} .rjDiv1 .rowDiv{margin-top: 50px;} .rjDiv1 .rowDiv .leftDiv{width: 41.4%;} .rjDiv1 .rowDiv .rightDiv{width: 52.3%;} .rjDiv1 .rowDiv .rightDiv .p{padding-left: 29px;background: url(../img/yuan.png) no-repeat left 7px;align-items: flex-start;font-size: 18px;line-height: 1.8;color: #666666;margin-bottom: 25px; } .rjDiv1 .rowDiv .rightDiv .p span{color: #0054a3;font-weight: bold;} .rjDiv2{padding: 80px 0;background: #f5f5f5;} .rjDiv2 .row>div{margin-top: 50px;text-align: center;font-size: 18px;} .rjDiv2 .row>div span{display: block;color: #0054A3;margin: 20px 0 0;} .rjDiv2 .row>div p{color: #666;} .sczzDiv1{padding: 80px 0;} .sczzDiv1 .rowDiv{margin-top: 50px;} .sczzDiv1 .rowDiv .leftDiv{width: 24.5%;} .sczzDiv1 .rowDiv .leftDiv .p{padding: 15px 0 20px 20px;border-bottom: 1px solid #ccc;position: relative;font-size: 18px;line-height: 1.8;} .sczzDiv1 .rowDiv .leftDiv .p img{position: absolute;left: 0;top: 0;z-index: -1;} .sczzDiv1 .rowDiv .leftDiv ul li{font-size: 18px;padding-left: 29px;background: url(../img/yuan.png) no-repeat left 5px;margin-top: 25px; } .sczzDiv1 .rowDiv .rightDiv{width: 65.15%;position: relative;} .sczzDiv1 .rowDiv .rightDiv .imgDiv{position: absolute;width: 46.8%;left: -13.4%;bottom: -10%;} .sczzDiv1 .rowDiv .rightDiv .imgDiv img{box-shadow: 10px -10px 1px #0054A3;} .sczzDiv2{background: #f4f4f5;padding: 80px 0; } .sczzDiv2 .rowDiv{margin: 0 0 60px;align-items: flex-end;} .sczzDiv2 .rowDiv .leftDiv{width: 39.5%;} .sczzDiv2 .rowDiv .leftDiv .p{margin: 40px 0;line-height: 1.8;font-size: 18px; } .sczzDiv2 .rowDiv .rightDiv{width: 55.9%;} .sczzDiv2 .bdDiv .hd{padding-left: 17px;border-left: 6px solid #0054A3;line-height: 1;font-size: 1.45vw;color: #0054A3;} .sczzDiv2 .bdDiv .row{margin-top: 50px;} .sczzDiv2 .bdDiv .row>div{margin-top: 30px;} .sczzDiv2 .bdDiv .row>div a{display: block;position: relative;} .sczzDiv2 .bdDiv .row>div .pic{padding-top: 65.5%;position: relative;width: 100%;} .sczzDiv2 .bdDiv .row>div .pic .imgDiv{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;} .sczzDiv2 .bdDiv .row>div .pic .imgDiv img{width: 100%;height: 100%;object-fit: cover;} .sczzDiv2 .bdDiv .row>div .bgDiv{position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;font-size: 1vw;color: #fff;background: rgba(0, 0, 0, .4);width: 100%;height: 100%;} .sczzDiv2 .bdDiv .row>div a:hover .bgDiv{display: none;} .sczzDiv2 .bdDiv .row>div /*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:1600px) { header .rightDiv .menu>ul>li{margin-right: 1.5vw; } header .rightDiv .otherDiv i{margin-right: 1.5vw; } header .rightDiv .telDiv{font-size: 20px;} } @media (max-width:1500px) { .menu ul ul{max-width: 100vw;} .menu ul ul a{font-size: 14px;} } @media (max-width:1400px) { .wrap{padding: 0 30px;} header .rightDiv .menu>ul>li>a{font-size: 16px; } header .rightDiv .telDiv{font-size: 18px;} .menu ul ul .ullDiv .title{font-size: 22px;} .menu ul ul .ullDiv .row>div a{font-size: 16px;} .indexDiv1 .bdDiv .leftDiv .row>div a{font-size: 16px;} .indexDiv1 .bdDiv .leftDiv .row>div a span{margin-left: 10px; } .indexDiv4 .hdDiv .tabsDiv a,.bottomDiv .bdDiv .itemDiv .title{font-size: 18px; } .bottomDiv .bdDiv .itemDiv .p{font-size: 16px; } .footerDiv .hd .listDiv{margin: 0 1.5vw; } .newsDiv .bdDiv .textDiv .date{font-size: 22px;} .newsDiv .bdDiv .textDiv .title{font-size: 18px;} .aboutDiv4 .wrap{max-width: 1320px;} .aboutDiv4 .nyTitle{padding-left: 0;} .aboutDiv2 .listDiv ul li span{font-size: 24px;} .twoMenuDiv ul li a{font-size: 20px;line-height: 70px;} .zkhklDiv1 .row>div .rightDiv .p,.zkhklDiv1 .row>div .rightDiv .dataDiv{font-size: 16px;} .zkhklDiv1 .row>div .rightDiv .dataDiv .numDiv span{font-size: 36px;} .zkhklDiv1 .row>div .rightDiv{padding-right: 30px;} .zkhklDiv2 .swiper-slide a .title{font-size: 20px;} .zkhklDiv2 .swiper-slide a .p{font-size: 16px;} .zkhklDiv2 .wrap{max-width: 1320px;} .zkhklDiv2 .nyTitle{padding-left: 0;} .zdhcxDiv1 .conDiv span{font-size: 20px;} .zdhcxDiv1 .conDiv p{font-size: 16px;} .zdhcxDiv4 .bdDiv span{font-size: 18px;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv img{height: 38px;} .znwlListDiv .leftDiv .p{font-size: 16px;} .znwlListDiv .leftDiv ul li{font-size: 16px;} .znwlListDiv .leftDiv .btnDiv a{font-size: 16px;} .znwlDetailDiv .leftDiv .p{font-size: 16px;} .znwlDetailDiv .leftDiv ul li{font-size: 16px;} .znwlDetailDiv .leftDiv .btnDiv a{font-size: 16px;} .znwlDetailDiv .leftDiv .btnDiv .telDiv p{font-size: 20px;} .sczzDiv2 .bdDiv .hd{font-size: 24px;} .sczzDiv2 .bdDiv .row>div .bgDiv{font-size: 18px;} } @media (max-width:1370px) { .indexTitle span{font-size: 30px; } .nyTitle span{font-size: 30px; } .nyTitle p{font-size: 16px; } .indexDiv1 .bdDiv .leftDiv .textDiv span{font-size: 20px; } .indexDiv2 .rightDiv .row>div .textDiv small{font-size: 12px; } .indexDiv2 .rightDiv .row>div .textDiv span{font-size: 24px; } .indexDiv2 .rightDiv .row>div .textDiv .p{font-size: 12px; } .indexDiv2 .rightDiv .row>div a:hover:after{height: 40%; } .newsDetailDiv .rightDiv .categoryDiv ul li a,.newsDetailDiv .rightDiv .aboutNewsDiv ul li .title{font-size: 16px;} .newsDetailDiv .rightDiv{width: 240px;} .newsDetailDiv .leftDiv{width: calc(100% - 280px);} .aboutDiv1 .swiper-button-next{right: 30px;} .aboutDiv1 .swiper-button-prev{left: 30px;} .zdhcxDiv1 .conDiv span{font-size: 18px;} .zdhcxDiv1 .conDiv p{font-size: 14px;} .zkhklDiv2 .swiper-slide a .title{font-size: 18px;} .zkhklDiv2 .swiper-slide a .p{font-size: 14px;} .zdhcxDiv4 .bdDiv span{font-size: 16px;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv span{font-size: 18px;} .znwlDiv1 .bdDiv .hd{font-size: 24px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv span{font-size: 20px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv p{font-size: 16px;} .znwlDiv2 .swiper-slide .textDiv .title{font-size: 18px;} .znwlDiv4 .leftDiv ul li a{font-size: 18px;} .znwlListDiv .leftDiv .title,.znwlDetailDiv .leftDiv .title{font-size: 28px;} .sczzDiv2 .bdDiv .hd{font-size: 22px;} .sczzDiv2 .bdDiv .row>div .bgDiv{font-size: 16px;} } @media (max-width:1220px) { .wrap{padding: 0 15px;} .p80{padding: 0 15px; } header .rightDiv .menu>ul>li>a{font-size: 15px; } .menu ul ul .ullDiv .title{font-size: 20px;} .menu ul ul .ullDiv .row>div a{font-size: 15px;} .index-banner .img{height: 50vw;} .aboutDiv1 .swiper-button-prev{left: 15px;} .aboutDiv1 .swiper-button-next{right: 15px;} } @media (max-width:1100px) { } @media (min-width:992px) and (max-width:1024px) { header .rightDiv .menu>ul>li{margin-right: 1.5vw; } header .rightDiv .otherDiv i{margin-right: 1.5vw; } } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ .menu{width:100%} .menu ul{width:100%;display: block;} .menu>ul>li>a{padding: 0 20px;} .menu.align-center>ul,.menu.align-right ul ul{text-align:left} .menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);} /*.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: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;} 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: #333;}*/ 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; } .hhh{ margin-left: 8%; font-size: 23px; } .ny-banner{ margin-top: 50px; } header .logo a{height: 50px;width: initial;} header .logo a img{max-height: 50%;} 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;} /*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;color: #333;} 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{color: #0054A3;} 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;} .menu ul ul .ullDiv{width: 100%;padding: 15px;} .menu ul ul .ullDiv .title{display: none;} .menu ul ul .ullDiv .row>div a{padding: 5px 10px;} .menu ul ul .ulrDiv{display: none;} .main {position: relative;right: 0;transition: right 300ms !important;} header .rightDiv .otherDiv{height: 50px;justify-content: flex-start;float: initial; } header .rightDiv .ssDiv .dImg{display: none;} header .rightDiv .ssDiv .hImg{display: block;} .modal-content{width: 100%;max-width: 654px;margin: 40% auto;} .modal-body .stxt{width: calc(100% - 60px);padding-left: 10px;} .modal-body{padding: 20px 0;} .modal-body .sbtn{width: 60px;} .twoMenuDiv.onFixed{top: 50px;} .twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;} .menu ul ul:before{display: none;} .menu ul ul:after{display: none;} .menu ul ul a{padding: 0 30px;border-top: 1px solid #eee;margin: 0;} .menu li:hover>ul{transform: translate(0);} } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { .hidden-xs{display: none;} .visible-xs{display: block;} .floatRightDiv{display: none;} .index-banner .img,.index-banner .gridVideo{height: 50vw;} .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;} .index-banner .swiper-pagination-bullet{width: 6px;height: 6px; } .index-banner .swiper-pagination-bullet-active{width: 30px;} .indexTitle span{font-size: 22px;margin-left: 10px; } .indexTitle img{width: 6px;} .indexDiv1{padding: 40px 0; } .indexDiv1 .bdDiv .leftDiv{width: 100%;} .indexDiv1 .bdDiv .leftDiv .textDiv span{font-size: 18px; } .indexDiv1 .bdDiv .leftDiv .textDiv p{font-size: 14px; } .indexDiv1 .bdDiv .leftDiv .dateDiv p{font-size: 12px; } .indexDiv1 .bdDiv .leftDiv .dateDiv .numDiv sub{font-size: 12px; } .indexDiv1 .bdDiv .leftDiv .dateDiv .numDiv span{font-size: 30px; } .indexDiv1 .bdDiv .leftDiv .row{margin-top: 20px; } .indexDiv1 .bdDiv .leftDiv .row>div {margin-bottom: 4px; } .indexDiv1 .bdDiv .leftDiv .row>div a{height: 50px;font-size: 14px; } .indexDiv1 .bdDiv .leftDiv .row>div a img{width: 25px;} .indexDiv1 .bdDiv .rightDiv{width: 100%;margin-top: 20px; } .indexDiv2{padding: 0 15px; } .indexDiv2 .leftDiv .indexTitle span{margin-top: 0;} .indexDiv2 .leftDiv .indexTitle img{transform: rotate(-90deg);width: initial;height: 6px;} .indexDiv2 .leftDiv{float: initial;width: 100%;padding: 30px 0; } .indexDiv2 .leftDiv .indexTitle{flex-direction: row;max-width: initial;justify-content: flex-start; } .indexDiv2 .rightDiv{width: 100%;} .indexDiv2 .rightDiv .row>div .textDiv img{height: 30px; } .indexDiv2 .rightDiv .row>div .textDiv span{font-size: 18px;margin: 4px 0 8px; } .indexDiv2 .rightDiv .row>div .pic img{filter: none;-webkit-filter: grayscale(0%);opacity: 1;} .indexDiv3{padding: 40px 0; } .indexDiv3 .hd{margin: 25px 0 20px;font-size: 15px; } .indexDiv3 .hd a{height: 50px; } .indexDiv3 .hd a img{display: none; } .indexDiv3 .hd a.on:before{height: 2px; } .indexDiv3 .bd .row>div .leftDiv{padding: 20px; } .indexDiv3 .bd .row>div .leftDiv .title{font-size: 20px; } .indexDiv3 .bd .row>div .leftDiv .p{font-size: 14px;margin: 10px 0 20px; } .indexDiv3 .bd .row>div .leftDiv ul li{width: 50%;font-size: 14px;margin-bottom: 10px; } .indexDiv3 .bd .row>div .leftDiv .moreBtn{margin-top: 15px;font-size: 14px; } .indexDiv4{padding: 40px 0; } .indexDiv4 .hdDiv{display: block; } .indexDiv4 .hdDiv .tabsDiv{margin-top: 20px;width: 100%;justify-content: space-around; } .indexDiv4 .hdDiv .tabsDiv a, .bottomDiv .bdDiv .itemDiv .title{font-size: 16px; } .indexDiv4 .bdDiv{margin-top: 20px; } .indexDiv4 .swiper-container{padding-bottom: 40px; } .indexDiv4 .bdDiv .textDiv{padding: 20px 15px; } .indexDiv4 .bdDiv .textDiv .date{font-size: 18px; } .indexDiv4 .bdDiv .textDiv .title{font-size: 14px;padding: 5px 0 15px; } .indexDiv4 .bdDiv .textDiv span{font-size: 14px;margin-top: 10px; } .bottomDiv{padding-top: 40px; } .bottomDiv .bdDiv{margin-top: 25px;display: block;padding: 20px; } .bottomDiv .bdDiv .itemDiv{margin-bottom: 20px;} .bottomDiv .bdDiv .itemDiv .wxDiv{margin-right: 20px; } .bottomDiv .bdDiv .itemDiv .wxDiv img{width: 50px;} .footerDiv .hd{padding: 30px 0 20px; } .footerDiv .hd .rowDiv{display: block;} .footerDiv .hd .listDiv{width: 100%;margin: 0 0 10px;padding: 0 10px; } .footerDiv .hd .listDiv>span{background: url(../img/cd.png) no-repeat right center;display: block;background-size: 13px;margin-bottom: 10px;font-size: 15px; } .footerDiv .hd .listDiv .aDiv{display: none;} .footerDiv .hd .listDiv .aDiv a{margin-top: 0;margin-bottom: 10px;} .footerDiv .bd{font-size: 12px; } .ny-banner .wrap{height: 40vw;} .ny-banner span{font-size: 24px;} .newsDiv{padding: 40px 0;} .newsDiv .hdDiv{margin-bottom: 30px;justify-content: space-between;} .newsDiv .hdDiv a{margin-right: 0;font-size: 15px;} .newsDiv .bdDiv .row>div{margin-bottom: 20px; } .newsDiv .bdDiv .textDiv{padding: 20px 15px; } .newsDiv .bdDiv .textDiv .date{font-size: 18px; } .newsDiv .bdDiv .textDiv .title{font-size: 14px;padding: 5px 0 15px; } .newsDiv .bdDiv .textDiv span{font-size: 14px;margin-top: 10px; } .pageDiv a{line-height: 30px;padding: 0 10px;margin: 0;font-size: 16px;} .crumbs{font-size: 14px;} .newsDetailDiv{padding: 40px 0;} .newsDetailDiv .leftDiv{width: 100%;} .newsDetailDiv .leftDiv .titleDiv{font-size: 20px;} .newsDetailDiv .leftDiv .smTit{font-size: 14px;margin: 10px 0 30px;} .newsDetailDiv .leftDiv .shareDiv{font-size: 16px;} .newsDetailDiv .rightDiv{width: 100%;margin-top: 40px;} .newsDetailDiv .rightDiv .categoryDiv{margin: 30px 0;} .nyTitle1{font-size: 20px;} .newsDetailDiv .rightDiv .categoryDiv ul{margin-top: 20px;} .newsDetailDiv .rightDiv .categoryDiv ul li a{line-height: 40px;} .newsDetailDiv .rightDiv .aboutNewsDiv ul li{margin-top: 20px;} .newsDetailDiv .rightDiv .aboutNewsDiv ul li a{padding-bottom: 20px;} .nyTitle span{font-size: 22px;} .nyTitle p{font-size: 14px;} .contactDiv1{padding: 40px 0;} .contactDiv1 .leftDiv{width: 100%;} .contactDiv1 .bdDiv .itemDiv{margin-top: 25px;} .contactDiv1 .bdDiv .itemDiv .title{font-size: 18px;} .contactDiv1 .bdDiv .itemDiv .p{font-size: 16px;} .contactDiv1 .bdDiv .itemDiv .wxDiv{margin-right: 100px; } .contactDiv1 .bdDiv .itemDiv .wxDiv img{width: 50px;} .contactDiv1 .bdDiv .itemDiv .wxDiv .ewmDiv img,.contactDiv1 .bdDiv .itemDiv .wxDiv .ewmDiv{ width: 90px; height: 90px; } .contactDiv1 .rightDiv{width: 100%;margin-top: 170px;} .contactDiv2{padding-bottom: 40px;} .contactDiv2 .formDiv{margin-top: 25px;} .contactDiv2 .row>div{margin-bottom: 10px;} .contactDiv2 .row>div span{width: 60px;font-size: 16px;line-height: 46px; } .contactDiv2 .row>div .inputDiv{width: calc(100% - 65px);} .contactDiv2 input{line-height: 46px;font-size: 16px;padding: 0 10px;} .contactDiv2 textarea{height: 140px;font-size: 16px;padding: 10px;} .contactDiv2 .row>div .yzmDiv{display: block;} .contactDiv2 .row>div .yzmDiv input{width: 100%;display: block;margin-bottom: 10px;} .contactDiv2 .row>div .yzmDiv img{width: calc(100% - 120px);display: inline-block;} .contactDiv2 .yzmDiv a{font-size: 14px;display: inline-block;} .contactDiv2 button{line-height: 40px;width: 60%;margin-top: 20px;} .aboutDiv1{padding: 40px 0 0;} .aboutDiv1 .rowDiv{margin: 0;} .aboutDiv1 .rowDiv .leftDiv{font-size: 14px;margin-bottom: 20px;width: 100%;} .aboutDiv1 .rowDiv .rightDiv{width: 100%;margin-bottom: 20px;} .aboutDiv1 .swiper-button-next, .aboutDiv1 .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;background-size: 8px; } .aboutDiv2{padding: 40px 0;} .aboutDiv2 .listDiv{margin-bottom: 20px;} .aboutDiv2 .listDiv ul{padding: 30px 0 10px;margin-top: 25px;padding-left: 7px;} .aboutDiv2 .listDiv ul li{margin-bottom: 30px;padding-left: 20px;} .aboutDiv2 .listDiv ul li span{font-size: 18px;} .aboutDiv2 .listDiv ul li p{font-size: 14px;} .aboutDiv2 .listDiv ul li:before{width: 6px;height: 6px;top: 10px;left: -2.6px; } .aboutDiv2 a.moreBtn span{font-size: 15px;} .aboutDiv3{padding: 40px 0;} .aboutDiv3 .bdDiv{margin-top: 20px;} .aboutDiv3 .swiper-container{padding-bottom: 40px;} .aboutDiv3 .swiper-pagination-bullet{width: 7px;height: 7px; } .aboutDiv3 .swiper-pagination-bullet-active{width: 20px;} .aboutDiv4{padding: 40px 0;} .aboutDiv4 .bdDiv{padding: 0 40px;margin-top: 30px;} .aboutDiv4 .swiper-button-next, .aboutDiv4 .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;background-size: 8px; } .aboutDiv4 .swiper-slide span{font-size: 14px;margin-top: 10px;} .twoMenuDiv ul li a{font-size: 16px;line-height: 50px;} .zkhklDiv1 .row>div .rightDiv .p,.zkhklDiv1 .row>div .rightDiv .dataDiv{font-size: 14px;} .zkhklDiv1 .row>div .rightDiv .dataDiv .numDiv{display: block;} .zkhklDiv1 .row>div .rightDiv .dataDiv .numDiv span{font-size: 30px;} .zkhklDiv1 .row>div .rightDiv{padding-right: 30px;} .zkhklDiv2{padding: 40px 0;} .zkhklDiv2 .swiper-slide a .title{font-size: 20px;} .zkhklDiv2 .swiper-slide a .p{font-size: 16px;} .zkhklDiv2 .bdDiv{padding: 0 40px;margin-top: 30px;} .zkhklDiv2 .swiper-button-next, .zkhklDiv2 .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;background-size: 8px; } .zkhklDiv2 .swiper-slide a{padding: 10px 15px;} .zkhklDiv2 .swiper-slide a .title{font-size: 18px;} .zkhklDiv2 .swiper-slide a .p{font-size: 14px;margin: 10px 0;} .zkhklDiv2 .swiper-slide a span{font-size: 12px;} .zkhklDiv3{padding: 40px 0;} .zkhklDiv3 .swiper-slide a span{font-size: 15px;} .zkhklDiv3 .swiper-container{padding-bottom: 40px;} .zkhklDiv3 .swiper-pagination-bullet{width: 7px;height: 7px; } .zkhklDiv3 .swiper-pagination-bullet-active{width: 20px;} .zkhklDiv4{padding: 40px 0;} .zkhklDiv4 .bdDiv{margin-top: 30px;} .zkhklDiv4 .swiper-slide-active{opacity: 1;} .zkhklDiv4 .swiper-slide-prev, .zkhklDiv4 .swiper-slide-next{opacity: .2;} .zkhklDiv4 .swiper-slide span{font-size: 15px;} .zdhcxDiv1{padding: 40px 0 20px;} .zdhcxDiv1 .bdDiv{margin-top: 25px;} .zdhcxDiv1 .row>div{margin-bottom: 20px;} .zdhcxDiv2{padding-bottom: 0;} .zdhcxDiv4{padding: 40px 0 10px;} .zdhcxDiv4 .bdDiv .row>div{margin-bottom: 20px;} .znwlDiv1{padding: 40px 0;} .znwlDiv1 .rowDiv .leftDiv{width: 100%;float: initial;} .znwlDiv1 .rowDiv .rightDiv{position: relative;width: 100%;} .znwlDiv1 .rowDiv .leftDiv .row{margin: 20px -6px;} .znwlDiv1 .rowDiv .leftDiv .row>div{padding: 0 6px;margin-bottom: 12px;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv{padding: 10px;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv img{height: 28px;} .znwlDiv1 .rowDiv .leftDiv .row>div .conDiv span{font-size: 14px;} .znwlDiv1 .bdDiv{margin-top: 30px;} .znwlDiv1 .bdDiv .hd{font-size: 20px;padding: 10px;} .znwlDiv1 .bdDiv .bd .row>div{margin-top: 15px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .iconDiv{width: 30px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv span{font-size: 18px;} .znwlDiv1 .bdDiv .bd .row>div .conDiv .textDiv p{font-size: 15px;} .znwlDiv2{padding: 40px 0;} .znwlDiv2 .bdDiv{margin-top: 25px;} .znwlDiv2 .swiper-button-next, .znwlDiv2 .swiper-button-prev,.znwlDiv2 .swiper-button-next:hover, .znwlDiv2 .swiper-button-prev:hover{width: 30px;height: 30px;margin-top: -15px;background-size: 8px; } .znwlDiv2 .swiper-slide .pic span{width: 100%;font-size: 12px; background: url(../img/zn-bg1.png) no-repeat center center/100%;} .znwlDiv2 .swiper-slide .textDiv .title{padding: 10px 5px 5px;font-size: 16px;} .znwlDiv2 .swiper-slide .textDiv span{font-size: 14px;padding: 10px;} .znwlDiv4{padding: 40px 0;} .znwlDiv4 .leftDiv{width: 100%;} .znwlDiv4 .leftDiv .lunboDiv{padding-bottom: 80px;} .znwlDiv4 .leftDiv .swiper-container{margin: 30px 0 0;height: 320px;} .znwlDiv4 .leftDiv .swiper-slide a{font-size: 16px;padding: 10px;} .znwlDiv4 .leftDiv .swiper-slide i{width: 30px;height: 30px;} /* .znwlDiv4 .leftDiv .morebtn{width: 120px;line-height: 38px;font-size: 15px;} */ .znwlDiv4 .swiper-button-next, .znwlDiv4 .swiper-button-prev{width: 40px;height: 40px;} .znwlDiv4 .rightDiv{width: 100%;margin-top: 40px;} .znwlDiv4 .rightDiv .pic .imgDiv{box-shadow: 15px -15px 1px #0054a3;} .znwlListDiv{padding-top: 40px;} .znwlListDiv .rowDiv{margin-bottom: 40px;} .znwlListDiv .rightDiv{float: initial;width: 100%;} .znwlListDiv .leftDiv{width: 100%;float: initial;margin-top: 20px;} .znwlListDiv .leftDiv .title{font-size: 20px;} .znwlListDiv .leftDiv .p{font-size: 14px;margin-bottom: 20px;} .znwlListDiv .leftDiv ul li{font-size: 14px;margin: 10px 0;} .znwlListDiv .leftDiv .btnDiv{margin-top: 20px;} .znwlListDiv .leftDiv .btnDiv a{width: 120px;height: 36px;font-size: 14px;} .znwlDetailDiv{padding: 40px 0;} .znwlDetailDiv .rightDiv{float: initial;width: 100%;} .znwlDetailDiv .leftDiv{width: 100%;float: initial;margin-top: 20px;} .znwlDetailDiv .leftDiv .title{font-size: 20px;} .znwlDetailDiv .leftDiv .p{font-size: 14px;margin-bottom: 20px;} .znwlDetailDiv .leftDiv ul li{font-size: 14px;margin: 10px 0;} .znwlDetailDiv .leftDiv .btnDiv{margin-top: 20px;display: block;} .znwlDetailDiv .leftDiv .btnDiv a{width: 120px;height: 36px;font-size: 14px;margin-bottom: 20px;} .znwlDetailDiv .bdDiv{margin-top: 40px;} .znwlDetailDiv .bdDiv .hd a{line-height: 40px;font-size: 16px;} .znwlDetailDiv .bdDiv .bd{padding-top: 25px;} .znwlDetailDiv .bdDiv .bd p{font-size: 14px;} .fwtxDiv .rowDiv{padding: 40px 0;} .fwtxDiv .rowDiv .rightDiv{width: 100%;} .fwtxDiv .rowDiv .leftDiv{width: 100%;margin-top: 20px;} .fwtxDiv .rowDiv .leftDiv .row{margin-top: 10px;} .fwtxDiv .rowDiv .leftDiv .row>div .conDiv{padding: 15px 0;} .fwtxDiv .rowDiv .leftDiv .row>div .conDiv span{font-size: 16px;margin-left: 10px;} .rjDiv1{padding: 40px 0;} .rjDiv1 .rowDiv{margin-top: 25px;} .rjDiv1 .rowDiv .leftDiv{width: 100%;} .rjDiv1 .rowDiv .rightDiv{width: 100%;margin-top: 20px;} .rjDiv1 .rowDiv .rightDiv .p{font-size: 16px;margin-bottom: 15px;} .rjDiv2{padding: 40px 0;} .rjDiv2 .row>div{margin-top: 30px;font-size: 16px;} .rjDiv2 .row>div img{height: 40px;} .rjDiv2 .row>div p{font-size: 14px;} .sczzDiv1{padding: 40px 0;} .sczzDiv1 .rowDiv{margin-top: 25px;} .sczzDiv1 .rowDiv .leftDiv{width: 100%;} .sczzDiv1 .rowDiv .rightDiv .imgDiv{left: -15px;} .sczzDiv1 .rowDiv .rightDiv{width: 100%;margin-top: 40px;} .sczzDiv1 .rowDiv .leftDiv .p{font-size: 16px;} .sczzDiv1 .rowDiv .leftDiv ul li{font-size: 16px;} .sczzDiv2{padding: 40px 0;} .sczzDiv2 .rowDiv{display: block;margin-bottom: 30px;} .sczzDiv2 .rowDiv .leftDiv{width: 100%;} .sczzDiv2 .rowDiv .leftDiv .p{font-size: 14px;margin: 20px 0; } .sczzDiv2 .rowDiv .rightDiv{width: 100%;margin-top: 20px;} .sczzDiv2 .bdDiv .hd{font-size: 20px;padding-left: 12px;border-left: 4px solid #0054A3;} .sczzDiv2 .bdDiv .row{margin: 10px -6px 0;} .sczzDiv2 .bdDiv .row>div{margin-top: 12px;padding: 0 6px;} @media (max-width:320px) { } } /********11-30修改********/ @font-face { font-family:'bebasNeue'; src: url(../fonts/BebasNeue.otf); } .znwlccDiv1{position: relative;padding: 90px 0; } .znwlccDiv1 .bdDiv{position: relative; } .znwlccDiv1 .bdDiv .mainImg{position: absolute;width: 60%;left: 50%;bottom: -40px;transform: translate(-50%,0);z-index: 1; } .znwlccDiv1 .bdDiv ul li{margin: 70px 0 0; } .znwlccDiv1 .bdDiv ul li .conDiv{width: 21%; } .znwlccDiv1 .bdDiv ul li .conDiv .hd .num{font-size: 70px;color: #0054a3;font-family: bebasNeue;line-height: 1;margin-right: 2%; } .znwlccDiv1 .bdDiv ul li .conDiv .hd .text{position: relative; top: -5px; } .znwlccDiv1 .bdDiv ul li .conDiv .hd .text span{font-size: 24px;color: #333333;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .text p{font-size: 18px;color: #333333;} .znwlccDiv1 .bdDiv ul li .conDiv .bd{background: #0054a3;padding: 10px 30px;color: #fff;min-height: 103px;font-size: 14px;line-height: 1.8; } .znwlccDiv2{padding: 90px 0;background: #f4f4f5;} .znwlccDiv2 .hdDiv{background: #ebebed;padding: 10px 30px;margin: 40px 0 60px;} .znwlccDiv2 .hdDiv .row>div{margin: 5px 0;flex: 0 0 20%;max-width: 20%;} .znwlccDiv2 .hdDiv .row>div .conDiv{height: 100%;} .znwlccDiv2 .hdDiv .row>div .conDiv a{color: #333333;} .znwlccDiv2 .hdDiv .row>div .conDiv a i{display: block;width: 17px;height: 17px;margin-right: 10px;border-radius: 50%;position: relative;} .znwlccDiv2 .hdDiv .row>div .conDiv a i:before{content: "";width: 7px;height: 7px;border: 1px solid #333333;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;} .znwlccDiv2 .hdDiv .row>div.active .conDiv a{color: #0054a3;} .znwlccDiv2 .hdDiv .row>div.active .conDiv a i{background: rgba(0,84,163,.1);} .znwlccDiv2 .hdDiv .row>div.active .conDiv a i:before{border-color: #0054a3;background: #0054a3;} .znwlccDiv2 .bdDiv .row{margin: 0 -18px 30px;} .znwlccDiv2 .bdDiv .row>div{padding: 0 18px;margin-bottom: 30px;text-align: center; } .znwlccDiv2 .bdDiv .row>div a{display: block;} .znwlccDiv2 .bdDiv .row>div a .imgDiv{overflow: hidden;} .znwlccDiv2 .bdDiv .row>div a .titleDiv{color: #333;margin-top: 10px;font-size: 18px;} .znwlccDiv2 .bdDiv .row>div a:hover .titleDiv{color: #0054a3;} .znwlccDiv2 .bdDiv a.moreBtn{width: 200px;line-height: 46px;background: #0054a3;color: #fff;border-radius: 23px;text-align: center;margin: 0 auto;display: block;font-size: 18px; } .znwlccDiv2 .bdDiv a.moreBtn:hover{opacity: .8;} .znwlccDiv3{padding: 90px 0;} .znwlccDiv3 .bdDiv{margin-top: 60px; } .znwlccDiv3 .bdDiv .row{margin: 0 -10px;} .znwlccDiv3 .bdDiv .row>div{padding: 0 10px;} .znwlccDiv3 .bdDiv .row>div .conDiv{height: 100%;} .znwlccDiv3 .bdDiv .row>div .conDiv a{ display: block;position: relative;height: 100%;} .znwlccDiv3 .bdDiv .row>div .conDiv a:before{content: "";width: 100%;height: 50%;background: linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0));position: absolute;left: 0;bottom: 0; } .znwlccDiv3 .bdDiv .row>div .conDiv a img{width: 100%;height: 100%;object-fit: cover; } .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv{position: absolute;width: calc(100% - 50px);bottom: 0;left: 0;padding: 20px 30px;color: #fff;} .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv span{font-size: 24px;border-bottom: 1px solid #fff;padding-bottom: 15px;margin-bottom: 15px; } .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv p{font-size: 14px;line-height: 1.8;display: none; } .znwlccDiv3 .bdDiv .row>div:nth-child(2) .conDiv a{height: calc((100% - 20px) / 2); } .znwlccDiv3 .bdDiv .row>div:nth-child(2) .conDiv a:nth-child(2){margin-top: 20px; } .znwlccDiv3 .bdDiv .row>div .conDiv a:hover .textDiv{background: #0054a3;} .znwlccDiv3 .bdDiv .row>div .conDiv a:hover .textDiv p{display: -webkit-box;} @media (max-width:1400px ) { .znwlccDiv1 .bdDiv ul li{margin-top: 6vw;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .num{font-size: 60px;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .text span{font-size: 20px;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .text p{font-size: 15px;} .znwlccDiv1 .bdDiv .mainImg{bottom: -3vw;} .znwlccDiv1 .bdDiv ul li .conDiv .bd{font-size: 12px;min-height: 93px;} .img video{width:100%!important;} } @media (max-width:1300px ) { .znwlccDiv1 .bdDiv ul li{margin-top: 5vw;} } @media (max-width:1200px ) { .znwlccDiv1 .bdDiv ul li{margin-top: 4vw;} .znwlccDiv1 .bdDiv ul li .conDiv .bd{padding: 10px 20px;} .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv{padding: 15px;} .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv span{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;} .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv p{font-size: 12px;} .img video{width:100%!important;} } @media (max-width:1110px ) { .znwlccDiv1 .bdDiv ul li{margin-top: 4vw;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .num{font-size: 46px;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .text span{font-size: 16px;} .znwlccDiv1 .bdDiv ul li .conDiv .hd .text p{font-size: 12px;} .znwlccDiv1 .bdDiv .mainImg{bottom: -3vw;} } @media (max-width:992px ) { .znwlccDiv1 .bdDiv ul li{margin-top: 2vw;} .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv span{font-size: 18px;} } @media (max-width:768px ) { .znwlccDiv1{padding: 45px 0;} .znwlccDiv1 .bdDiv .mainImg{display: none;} .znwlccDiv1 .bdDiv ul li{display: block; } .znwlccDiv1 .bdDiv ul li .conDiv{width: 100%;margin-top: 20px; } .znwlccDiv1 .bdDiv ul li .conDiv .bd{min-height: initial; } .znwlccDiv2{padding: 45px 0;} .znwlccDiv2 .hdDiv{margin: 20px 0 30px;padding: 10px 20px;} .znwlccDiv2 .hdDiv .row{margin: 0 -7px;} .znwlccDiv2 .hdDiv .row>div{flex: 0 0 50%;max-width: 50%;padding: 0 7px; } .znwlccDiv2 .hdDiv .row>div .conDiv a{font-size: 14px;} .znwlccDiv2 .hdDiv .row>div .conDiv a i{margin-right: 5px;} .znwlccDiv2 .bdDiv .row{margin: 0 -9px;} .znwlccDiv2 .bdDiv .row>div{padding: 0 9px;margin-bottom: 20px; } .znwlccDiv2 .bdDiv .row>div a .titleDiv{font-size: 16px;margin-top: 5px;} .znwlccDiv2 .bdDiv a.moreBtn{width: 140px;line-height: 40px;font-size: 14px; } .znwlccDiv3{padding: 45px 0 25px;} .znwlccDiv3 .bdDiv{margin-top: 30px;} .znwlccDiv3 .bdDiv .row>div{margin-bottom: 20px;} .znwlccDiv3 .bdDiv .row>div .conDiv .textDiv span{font-size: 16px;margin-bottom: 5px;padding-bottom: 5px;} } @media (max-width:390px ) { .img video{width:100%!important;} } /********12-26修改*******/ .znwlccDiv2{padding: 90px 0;background: #f4f4f5;} .znwlccDiv2 .bdDiv{margin-top: 20px; } .znwlccDiv2 .bdDiv .row{margin: 0 -10px; } .znwlccDiv2 .bdDiv .row>div{margin-top: 20px;padding: 0 10px;flex: 0 0 20%;max-width: 20%;} .znwlccDiv2 .bdDiv .row>div a{display: block;overflow: hidden;position: relative;color: #fff;font-size: 18px; } .znwlccDiv2 .bdDiv .row>div .navContent {position: absolute;top: 20px;left: 20px;} .znwlccDiv2 .bdDiv .row>div .rod {width: 20px;height: 4px;background: #fff;margin-top: 10px;display: block;} .znwlccDiv2 .bdDiv .row>div .navNum {position: absolute;bottom: 20px;right: 20px;} .znwlccDiv2 .bdDiv .row>div .listIntroduce {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);bottom: -100%;text-align: center;} .znwlccDiv2 .bdDiv .row>div .listIntroduce {transition: all 0.6s;} .znwlccDiv2 .bdDiv .row>div a:hover .listIntroduce {bottom: 0;} .znwlccDiv2 .bdDiv .row>div a:hover .navContent, .znwlccDiv2 .bdDiv .row>div a:hover .navNum {display: none;} .znwlccDiv2 .bdDiv .row>div .num {color: #5d6069;position: absolute;right: 35px;bottom: 20px;font-size: 70px;font-weight: bold;} .znwlccDiv2 .bdDiv .row>div .writeMain {width: 85%;top: 50%;left: 7.5%;position: absolute;transform: translateY(-50%);font-size: 18px;} .znwlccDiv2 .bdDiv .row>div .detailContent {font-size: 16px;} .znwlccDiv2 .bdDiv .row>div .listNum {width: 100%;} .znwlccDiv2 .bdDiv .row>div .listTitle {margin: 15px 0;} .znwlccDiv2 .bdDiv .row>div .listTitle span {width: 20px;height: 4px;background: #fff;margin: 0 auto;margin-top: 15px;display: block;} .xnyznsbDiv{position: relative;background-color: #edf1f5;} .xnyznsbDiv .leftDiv{position: absolute;left: 0;top: 0;width: 22.86vw;border-right: 1px solid #e5e5e5;} .xnyznsbDiv .leftDiv ul{padding-top: 90px;} .xnyznsbDiv .leftDiv ul li a{display: block;padding-left: 3.2vw;line-height: 60px;border-bottom: 1px solid #e5e5e5;} .xnyznsbDiv .leftDiv ul li>a{color: #333;background: url(../img/sj1.png) no-repeat right 3.2vw center; } .xnyznsbDiv .leftDiv ul li.on>a{color: #fff;background: url(../img/sj1_.png) #0054a3 no-repeat right 3.2vw center; } .xnyznsbDiv .leftDiv ul li .aDiv{display: none;overflow: hidden;flex-wrap: wrap;background: #fff;padding-left: 2vw;} .xnyznsbDiv .leftDiv ul li.on .aDiv{display: flex!important;} .xnyznsbDiv .leftDiv ul li .aDiv>a{color: #666;background: #fff;padding: 0 0 0 1vw;font-size: 15px;line-height: 40px;border: 0;} .xnyznsbDiv .leftDiv ul li .aDiv>a.on{color: #0054a3;} .xnyznsbDiv .rightDiv{width: calc(100% - 22.86vw);margin: 0 0 0 auto;} .xnyznsbDiv .rightDiv .indexTitle span{font-size: 38px;} .xnyznsbDiv .rightDiv .rowDiv:nth-of-type(odd){background: #fff;} .xnyznsbDiv .rightDiv .rowDiv:nth-of-type(even){background: #f5f5f5;} .xnyznsbDiv .rightDiv .rowDiv {padding: 90px calc((100vw - 1320px) / 2) 90px 80px;} .xnyznsbDiv .rightDiv .rowDiv .row{margin: 40px 0 0;} .xnyznsbDiv .rightDiv .rowDiv .row>div{padding: 0;} .xnyznsbDiv .rightDiv .rowDiv .row>div a{display: block;position: relative;padding: 30px 30px 40px; } .xnyznsbDiv .rightDiv .rowDiv .row>div a:hover{box-shadow: 0px 0px 20px rgba(229,229,229,.5);background: #fff; } .xnyznsbDiv .rightDiv .rowDiv .row>div span{font-size: 20px;padding-left: 25px;background: url(../img/sjx.png) no-repeat left center;color: #333;margin: 15px 0 10px;display: block; } .xnyznsbDiv .rightDiv .rowDiv .row>div p{font-size: 14px;color: #666666;line-height: 1.8; } .xnyznsbDiv .rightDiv .rowDiv .row>div a:hover span{color: #0054a3;} .numProduct{padding: 90px 0 0;background: #f5f5f5;} .idea.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {touch-action: pan-y;} .idea.swiper-container {margin: 0 auto;position: relative;list-style: none;padding: 0;z-index: 1;} .idea, .renListWrap, .sliderBox {transition-timing-function: cubic-bezier(.215, .61, .355, 1);} .ideaBg {background: #f5f5f5;position: absolute;top: 0;width: 100%;height: 100%;z-index: 0;min-height: 600px;} .idea.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {touch-action: pan-y;} .idea .swiper-wrapper {z-index: 1;display: flex;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;box-sizing: content-box;} .idea .swiper-slide, .idea .swiper-wrapper {height: 100%;position: relative;width: 100%;} .idea .swiper-slide {flex-shrink: 0;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;min-height: 550px;} .ideaContentList > li .ideaItem {display: flex;align-items: center;justify-content: space-between;} .ideaContentL {width: 31%;z-index: 2;} .ideaConMainTit {font-size: 38px;line-height: 2;margin-bottom: 20px;} .ideaList {font-size: 16px;color: #666;line-height: 2;} .ideaList{width: 100%;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 90px;} .ideaContentR {/*flex: 1 1 auto;*/width: 62.88%;position: relative;/*overflow: hidden;*/} .ideaContentR img {width: 100%;box-shadow: 0px 0px 10px rgba(171,169,169,.5);border-radius: 5px;} .ideaContentRNum {position: absolute;bottom: -65px;right: 0px;font-family: BureauEagleBook, auto;font-size: 138px;color: #fff;line-height: 138px;} .ideaBtnAct {padding: 10px;border-radius: 50%;border: 2px solid #fff;position: absolute;top: 0;left: 0;-webkit-transform: scale(0);transform: scale(0);} .ideaBtnAct, .ideaCount {transition: all .3s ease-out;} .ideaBtnList li.on .ideaCount {visibility: visible;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} .ideaCount {font-size: 20px;line-height: 20px;visibility: hidden;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);font-family: HELVETICANEUETHN, "微软雅黑", arial;} .ideaBg2 {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 95%;max-width: 1560px;height: 90%;background: linear-gradient(172deg, rgba(234, 29, 44, 0) 50%, #0054a3 50%);/*background: url(../img/xny-bg.png) no-repeat bottom center/100%;*/z-index: 0;} .ideaContentB {padding-bottom: 160px;height: 64px;} .ideaCon {width: 95%;max-width: 1560px;margin: 0 auto;position: relative;z-index: 2;} .ideaContentB, .ideaMainTit, .ideaSubTit {text-align: center;} .ideaBtnList li .ideaBtnbox {width: 31px;height: 31px;display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;margin-bottom: 14px;} .ideaCon>*{box-sizing: content-box!important;} .ideaContentB .line {position: absolute;bottom: 126px;left: 0;height: 1px;width: 100%;background-color: rgba(255, 255, 255, .2);z-index: 0;} .ideaBtnList {display: inline-block;position: relative;height: 100%;color: #fff;} .ideaBtnList li {float: left;margin-right: 0.4rem;} .ideaBtnAct .ideaInner {width: 7px;height: 7px;background: #fff;border-radius: 50%;} .ideaBtnList .ideaBtnbox:hover .ideaBtnAct, .ideaBtnList li.on .ideaBtnbox .ideaBtnAct {-webkit-transform: scale(1);transform: scale(1);} .ideaBtnAct, .ideaCount {transition: all .3s ease-out;} .ideaBtn {height: 5px;width: 5px;border-radius: 50%;background: #fff;} .goDetails {display: block;font-size: 16px;text-align: center;color: #0054a3;width: 243px;height: 44px;border: 1px solid #0054a3;line-height: 42px;position: relative;border-radius: 50px;} .goDetails p {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;justify-content: center;align-items: center;} .goDetails img{margin-left: 10px;} .goDetails .dImg{display: block;} .goDetails .hImg{display: none;} .goDetails:hover{/*background: #0054a3;*/color: #fff; } .goDetails:hover .dImg{display: none;} .goDetails:hover .hImg{display: block;} .goDetails::after {content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: #0054a3;transition-duration: 0.5s;border-radius: 50px;opacity: 0;} .goDetails:hover::after {width: 100%;opacity: 1;} .zdhscxDiv2 .rowDiv .conDiv{padding: 90px 0; } .zdhscxDiv2 .rowDiv:nth-of-type(even){background: #f5f5f5;} .zdhscxDiv2 .rowDiv:nth-of-type(odd) .conDiv{flex-direction: row-reverse; } .zdhscxDiv2 .rowDiv.on{position: relative;z-index: 1501;background: none;} .zdhscxDiv2 .rowDiv .imgDiv{width: 46.89%;} .zdhscxDiv2 .rowDiv .textDiv{width: 46.89%;} .zdhscxDiv2 .rowDiv .textDiv span{font-size: 38px;color: #333333;} .zdhscxDiv2 .rowDiv .textDiv .p{color: #666666;margin: 20px 0 30px;line-height: 2;} .zdhscxDiv2 .rowDiv .textDiv .detailBtn{font-size: 16px;text-align: center;color: #0054a3;width: 243px;height: 44px;border: 1px solid #0054a3;line-height: 42px;position: relative;border-radius: 50px;} /*.zdhscxDiv2 a:hover .goDetails{color: #fff; } .zdhscxDiv2 a:hover .goDetails::after{width: 100%;opacity: 1;} .zdhscxDiv2 a:hover .goDetails .dImg{display: none;} .zdhscxDiv2 a:hover .goDetails .hImg{display: block;}*/ @media (max-width:1420px ) { .xnyznsbDiv .rightDiv .rowDiv{padding: 90px 40px;} .ideaBg2{width: 100%;} .idea .swiper-slide{min-height: 500px;} } @media (max-width:1220px ) { .xnyznsbDiv .leftDiv ul li a{padding-left: 3vw;} .xnyznsbDiv .leftDiv ul li>a{background: url(../img/sj1.png) no-repeat right 1.6vw center;} .xnyznsbDiv .leftDiv ul li.on>a{background: url(../img/sj1_.png) #0054a3 no-repeat right 1.6vw center;} .xnyznsbDiv .rightDiv .indexTitle span,.ideaConMainTit,.zdhscxDiv2 .rowDiv .textDiv span{font-size: 30px;} .idea .swiper-slide{min-height: 450px;} .ideaContentRNum{font-size: 100px;} } @media (max-width:768px ) { .swiper-button-next{background-image:none;} .swiper-button-prev{background-image:none;} .xnyznsbDiv .rightDiv .indexTitle span, .ideaConMainTit, .zdhscxDiv2 .rowDiv .textDiv span{font-size: 24px;} .znwlccDiv2{padding: 45px 0; } .znwlccDiv2 .bdDiv .row{margin: 0 -6px; } .znwlccDiv2 .bdDiv .row>div{margin-top: 10px;padding: 0 6px;flex: 0 0 50%;max-width: 50%; } .xnyznsbDiv .leftDiv{position: relative!important;width: 100%;z-index: 1; } .xnyznsbDiv .leftDiv ul{padding-top: 0px;} .xnyznsbDiv .leftDiv ul li a{line-height: initial;height: 50px;display: flex;justify-content: flex-start;align-items: center;font-size: 13px;padding-right: 15px;padding-left: 15px; } .xnyznsbDiv .leftDiv ul li>a{background: url(../img/sj1.png) no-repeat right 15px center/6px;} .xnyznsbDiv .leftDiv ul li.on>a{background: url(../img/sj1_.png) #0054a3 no-repeat right 15px center/9px;} .xnyznsbDiv .rightDiv{width: 100%;} .xnyznsbDiv .rightDiv .rowDiv{padding: 60px 20px;height: 100%!important;} .xnyznsbDiv .rightDiv .rowDiv .row{margin-top: 20px;} .xnyznsbDiv .rightDiv .rowDiv .row>div a{padding: 15px 10px;} .xnyznsbDiv .rightDiv .rowDiv .row>div span{font-size: 16px;} .zdhscxDiv2 .rowDiv .conDiv{padding: 45px 0;display: block;} .numProduct{padding-top: 45px;} .ideaContentList > li .ideaItem{display: block;} .ideaContentL{width: 100%;} .ideaContentR{width: 100%;margin-top: 30px; } .ideaConMainTit, .zdhscxDiv2 .rowDiv .textDiv span{font-size: 20px;} .ideaConMainTit{margin-bottom: 10px;} .ideaList{margin-bottom: 20px;font-size: 14px;} .goDetails{width: 160px;height: 34px;line-height: 32px;font-size: 14px;} .ideaContentRNum {font-size: 60px;} .ideaContentB{padding-bottom: 100px;} .ideaContentB .line{bottom: 66px;} .idea .swiper-slide{min-height: 410px;} .zdhscxDiv2 .rowDiv a{padding: 45px 0;display: block;} .zdhscxDiv2 .rowDiv .imgDiv{width: 100%;} .zdhscxDiv2 .rowDiv .textDiv{width: 100%;margin-top: 30px;} .zdhscxDiv2 .rowDiv .textDiv .p{font-size: 14px;} }