/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/ html,body{padding: 0;margin: 0;font-size: 16px;color: #000000;font-family: "微软雅黑"; /* overflow-x:hidden; *//*min-width: 1200px;*/} .wrap{margin: 0 auto;max-width: 1200px; } 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;} .ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} p{margin: 0;} i,em{font-style: initial;} .imgH{overflow: hidden;} .imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; } .imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .flexcen{display: flex;justify-content: center;align-items: center;} .flexsta{display: flex;justify-content: flex-start;align-items: center;} .flexend{display: flex;justify-content: flex-end;align-items: center;white-space: nowrap;} .flexbet{display: flex;justify-content: space-between;align-items: center;} /**导航菜单**/ header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;transition: all .5s; } header .headerTop{background: #313131;color: #999;font-size: 14px;} header .headerTop .wrap{height: 36px; } header .headerTop .loginBtn{color: #999;} header .headerTop .regBtn{color: #999;margin-left: 20px; } header .header-container{background: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); } header .logo a{height: 72px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;} header .logo img{max-height: 90%;} header .logo img.dImgCbs{max-height: 70%;} header .logo.fl { display: flex; } header .rightDiv{float: right;} header .rightDiv .menu{text-align: right;position: relative; } header .rightDiv .menu>ul{display: inline-block!important; } header .rightDiv .menu>ul>li{float: left;margin:0 50px 0 0; } header .rightDiv .menu>ul>li>a{height: 72px;text-align: left;color: #3C3C3C;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;position: relative; } header .rightDiv .menu>ul>li>a span{ transition: all .5s;} header .rightDiv .menu>ul>li:hover>a span, header .rightDiv .menu>ul>li:focus>a span, header .rightDiv .menu>ul>li.on>a span, header .rightDiv .menu>ul>li.active>a span{background: none;color: #175F97;font-weight: 700; } header .rightDiv .menu>ul>li>a::after{content: "";width: 32px;position: absolute;left: 50%;margin-left: -16px;background: #175F97;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 .zspt{height: 72px; } header .rightDiv .zspt a{width: 116px;height: 32px;background: #6D9430;border-radius: 20px;color: #fff;font-size: 14px; } header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 40pxheader .rightDiv .menu;right: 0;display: none;} header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;} .on-fixed header{top: -36px;} /****底部***/ .footerDiv{background: #313131;position: relative;color: #fff; } .footerDiv .hdDiv{position: relative;z-index: 1;padding: 30px 0; } .footerDiv .hdDiv .leftDiv{width: 45%;align-items: flex-start;color: #999;font-size: 14px;display: flex; } .footerDiv .hdDiv .rightDiv{width: 45%;max-width: 460px; } .footerDiv .hdDiv .leftDiv a{color: #999; } .footerDiv .hdDiv .leftDiv a:hover{color: #fff; } .footerDiv .hdDiv .leftDiv i{margin: 0 10px; } .footerDiv .hdDiv .leftDiv p{margin-top: 10px; } .footerDiv .hdDiv .leftDiv .banquan img{margin-right: 10px; } .footerDiv .hdDiv .rightDiv .ewmDiv{text-align: center;margin-left: 30px;max-width: 100px; } .footerDiv .hdDiv .rightDiv .ewmDiv img{width: 100px; } .footerDiv .hdDiv .rightDiv .ewmDiv span{font-size: 14px;margin-bottom: 10px;display: block; } .footerDiv .hdDiv .rightDiv .ewmDiv p{font-size: 12px;color: #999;margin-top: 8px; } /********************************* 首页 **********************************/ .main{margin-top: 108px;overflow: hidden; } /*banner轮播*/ .index-banner{width: 100%;position:relative;} .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 31.25vw;background: none no-repeat center;background-size: cover;} .index-banner .img img{height: 100%;width: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;} .index-banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #D8D8D8;background-size: 100%; opacity:.5;border-radius: 50%; } .index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;background: #fff; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} /* .index-banner .swiper-button-next,.index-banner .swiper-button-prev{width: 24px;height: 46px;margin-top: -23px; } .index-banner .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 6.25vw;} .index-banner .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 6.25vw;} */ /* .index-banner .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:center;color: #fff;text-align: left;position: absolute;z-index: 1;} .index-banner .textDiv{width: 70%;font-family: 'Franklin Gothic Medium';} .index-banner .textDiv .p1{font-size: 2.9167vw;line-height: 1.3; } .index-banner .textDiv .p2{font-size: 0.8333vw;margin: 2vw 0;} .index-banner .textDiv a{width: 7.8125vw;height: 2vw;background: rgba(255, 255, 255, 1);color: #000;border-radius: 2px;font-size: 0.8333vw; } */ .imgOver{position: relative;} .imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; } .imgOver .pic img{width: 100%;height: 100%;object-fit: cover; } .indexTitle{position: relative;font-size: 24px;color: #000;font-weight: bold; } .indexDiv1{padding: 40px 0 20px; } .indexDiv1 .hdDiv a.morebtn{font-size: 14px;color: #666666; } .indexDiv1 .bdDiv{margin-top: 30px; } .indexDiv1 .row{margin: 0 -10px; } .indexDiv1 .row>div{padding: 0 10px;margin-bottom: 20px; } .indexDiv1 .row>div a{border-radius: 6px;padding: 20px;height: 100%;position: relative;border:1px solid #E6E6E6;flex-direction: column;align-items: stretch; } .indexDiv1 .row>div a .imgDiv{padding-top: 42.8%; } .indexDiv1 .row>div a .textDiv{flex: 1;flex-direction: column;margin-top: 15px;align-items: stretch; } .indexDiv1 .row>div a .textDiv .text1{flex-direction: column;flex: 1; } .indexDiv1 .row>div a .textDiv .title{font-size: 18px;color: #000;font-weight: 600;text-align: justify; } .indexDiv1 .row>div a .textDiv .p{font-size: 14px;color: #8F8F8F;margin: 7px 0 15px; } .indexDiv1 .row>div a .textDiv .text2 .date{font-size: 14px;color: #8F8F8F; } .indexDiv1 .row>div a .textDiv .text2 span{font-size: 14px;color: #175F97; } .indexDiv1 .row>div a .textDiv .text2 span img{margin-left: 10px; } .indexDiv1 .row>div a:hover{border:1px solid #175F97; } .indexDiv1 .row>div a:hover .title{color: #175F97; } .indexDiv2 .bdDiv{margin: 30px 0; } .indexDiv2 .bdDiv .row{margin: 0 -10px; } .indexDiv2 .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px; } .indexDiv2 .bdDiv .row>div .conDiv{height: 100%;border-radius: 6px;overflow: hidden; } .indexDiv2 .bdDiv .row>div .conDiv .hd{height: 40px;font-size: 14px;font-weight: bold; } .indexDiv2 .bdDiv .row>div .conDiv .hd img{margin-right: 10px; } .indexDiv2 .bdDiv .row>div:nth-child(1) .conDiv .hd{color: #C58007;background-image: linear-gradient(-89deg, rgba(255,255,255,0.00) 2%, rgba(223,156,40,.15) 100%); } .indexDiv2 .bdDiv .row>div:nth-child(2) .conDiv .hd{color: #333;background-image: linear-gradient(-89deg, rgba(255,255,255,0.00) 2%, #EAEAEA 100%); } .indexDiv2 .bdDiv .row>div .conDiv .bd{padding: 20px; } #marquee1,#marquee2{width: 100%;overflow: hidden;height: 230px;} .indexDiv2 .bdDiv .row>div .conDiv .bd ul li a{color: #000;font-size: 14px;padding-left: 15px;position: relative;margin: 0 0 15px;;transition: all .5s; } .indexDiv2 .bdDiv .row>div .conDiv .bd ul li a:before{content: "";width: 6px;height: 6px;background: #ECAE16;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); } /* .indexDiv2 .bdDiv .row>div .conDiv .bd ul li a:hover{transform: translateX(10px); } */ .indexDiv2 .bdDiv .row>div:nth-child(2) .conDiv .bd ul li a:before{background: #999;} .floatRightDiv{position: fixed;right: 10px;bottom: 10px;z-index: 99;background: #FFFFFF;box-shadow: 0 0 12px 0 rgba(0,0,0,0.07);border-radius: 4px; } .floatRightDiv ul li{position: relative;} .floatRightDiv ul li a{text-align: center;height: 64px;width: 64px;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;} .floatRightDiv ul li:not(:last-child) a:after{content: "";width: 30px;height: 1px;background: #979797;opacity: .2;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); } .floatRightDiv ul li a img{width: 20px;} .floatRightDiv ul li a span{display: block;font-size: 12px;color: #000;margin-top: 5px;} .floatRightDiv ul li .ewmDiv{position: absolute;right: 110%;top: 0;min-width: 120px;background: #fff;box-shadow: 0px 0px 13px rgba(0,0,0,.08);z-index: 11;text-align: center;min-height: 64px;padding:10px;display: none;} .floatRightDiv ul li .ewmDiv2{position: absolute;right: 110%;top: -125%;min-width: 330px;background: #fff;box-shadow: 0px 0px 13px rgba(0,0,0,.08);z-index: 11;text-align: center;min-height: 64px;padding:10px;display: none;} .floatRightDiv ul li .ewmDiv2 img{width: 300px;} .floatRightDiv ul li:hover>div{display: block;} .nyBanner .wrap{height: 200px; } .nyBanner .textDiv p{font-weight: bold;font-size: 28px;color: #000;position: relative;margin-bottom: 5px; } .nyBanner .textDiv p span{position: relative;z-index: 1;display: block; } .nyBanner .textDiv p::before{content: "";width: 112px;height: 6px;background: url(../img/line.png) no-repeat center center/100%;position: absolute;left: 0;bottom: 3px;z-index: 0; } .nyBanner .textDiv small{color: #666666;font-size: 16px; } .casesDiv{padding: 40px 0 60px; } .casesDiv .row{margin: 0 -10px; } .casesDiv .row>div{padding: 0 10px;margin-bottom: 20px; } .casesDiv .row>div a{border-radius: 6px;padding: 12px;height: 100%;position: relative;border:1px solid #E6E6E6;display: block; } .casesDiv .row>div a .imgDiv{padding-top: 58.24%; } .casesDiv .row>div a .title{margin-top: 10px;text-align: center;color: #333; } .casesDiv .row>div a:hover{border:1px solid #175F97; } .casesDiv .row>div a:hover .title{color: #175F97; } .zczkDiv {padding: 40px 0 60px; } .pageDiv{margin-top: 20px;text-align: right; } .pageDiv a,.pageDiv span{display: inline-block;line-height: 34px;color: #000;width: 42px; border-radius: 4px;font-size: 14px;text-align: center;border: 1px solid rgba(0,0,0,0);white-space: nowrap; } .pageDiv span{border-color: #00609C;color: #00609C; } .detailDiv {padding:20px 0 60px;} .breadcrumbDiv{font-size: 14px;color: #000;padding-bottom: 20px;border-bottom: 1px solid #E6E6E6; } .breadcrumbDiv a{color: #000; } .breadcrumbDiv span{color: #666; } .detailDiv .articleDiv{padding-top: 40px; } .detailDiv .articleDiv .hd .title{font-size: 28px;font-weight: bold;} .detailDiv .articleDiv .hd .smTit{border-bottom: 1px dashed #E6E6E6;font-size: 14px;color: #999;;padding: 15px 0 20px;flex-wrap: wrap; } .detailDiv .articleDiv .hd .smTit i{color: #E6E6E6;margin: 0 12px; } .detailDiv .articleDiv .hd .smTit a{color: #2677AA; } .detailDiv .articleDiv .bd {text-align: center;padding: 30px 0 0; } .detailDiv .articleDiv .bd p{line-height: 1.8;text-align: left;} .cpfwDiv{padding: 90px 0 60px;background: url(../img/s-bg.jpg) no-repeat center center/cover; } .cpfwDiv .hdDiv{margin-bottom: 50px; } .cpfwDiv .hdDiv img:nth-child(1){width: 51.67%; } .cpfwDiv .hdDiv img:nth-child(2){width: 31.25%; } .cpfwDiv .itemDiv{position: relative;margin-top: 40px; } .cpfwDiv .itemDiv .back{background-image: linear-gradient(270deg, #69E1FF 0%, rgba(255, 255, 255, 0.00) 100%);border-radius: 0 24px;opacity: 0.3;position: relative;height: 95px;margin-bottom: -70px; } .cpfwDiv .itemDiv .ih{font-weight: 600;background: url(../img/title.png) no-repeat center;background-size: contain;position: absolute;width: 251px;height: 96px;font-size: 32px;color: #FFFFFF;text-align: center;line-height: 64px;z-index: 7; } .cpfwDiv .itemDiv .ib{background-image: linear-gradient(219deg, #ECF4FF 0%, #FFFFFF 100%);box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10);border-radius: 24px;padding: 40px;margin-top: 40px;position: relative; } .cpfwDiv .itemDiv1{border-radius: 24px;overflow: hidden; } .cpfwDiv .itemDiv1 .ih{font-weight: 600;height: 70px;background-image: linear-gradient(270deg, #24A7FB 0%, #0063D0 100%);color: #fff;font-size: 28px; } .cpfwDiv .itemDiv1 .ib{background-image: linear-gradient(219deg, #ECF4FF 0%, #FFFFFF 100%);padding: 40px;text-align: left;align-items: flex-start;position: relative; } .cpfwDiv .itemDiv1 .ib .p{font-size: 24px;padding: 0 50px;position: relative; } .cpfwDiv .itemDiv1 .ib .p2{color: #00609C;margin-top: 15px; } .cpfwDiv .itemDiv1 .ib img:first-child{position: absolute;left: 0;top: 0; } .cpfwDiv .itemDiv1 .ib img:last-child{position: absolute;right: 0;bottom: 0; } .cpfwDiv .itemDiv2 .item{margin: 25px 0; } .cpfwDiv .itemDiv2 .item .title{font-size: 26px;font-weight: 600;background: url(../img/t-line.png) no-repeat;background-position: left 22px;background-size: auto 12px; margin-bottom: 30px; } .cpfwDiv .itemDiv2 .item .p{background-image: linear-gradient(270deg, rgba(36,167,251,0.06) 0%, rgba(0,99,208,0.06) 100%);border-radius: 0 32px 0 32px;padding: 30px 24px;font-size: 22px;line-height: 1.54;color: #333; } .cpfwDiv .itemDiv2 .item .row{margin: 0 -12px; } .cpfwDiv .itemDiv2 .item .row>div{padding: 0 12px;margin-bottom: 24px; } .cpfwDiv .itemDiv2 .item .row>div .conDiv{background-image: linear-gradient(270deg, rgba(36,167,251,0.06) 0%, rgba(0,99,208,0.06) 100%);border-radius: 0 32px 0 32px;padding: 30px 24px;height: 100%;font-size: 20px; } .cpfwDiv .itemDiv2 .item .row>div .conDiv .tt{font-weight: 600; } .cpfwDiv .itemDiv2 .item .row>div .conDiv .line{height: 1px;background-image: linear-gradient(270deg, #F4FAFF 0%, #697D8D 100%);margin: 15px 0; } .cpfwDiv .itemDiv2 .item .row>div .conDiv .p1{color: #333; } .cpfwDiv .itemDiv2 .item .row>div .conDiv .p{background: transparent;padding: 0; } .cpfwDiv .itemDiv3 .title{margin: 25px 0;font-size: 24px;font-weight: bold; } .cpfwDiv .itemDiv3 .title span{margin: 0 30px; } .cpfwDiv .itemDiv4 .p2{padding-left: 40px;background: url(../img/sj.png) no-repeat left 10px;font-size: 24px;margin-top: 20px; } .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} /*.menu.align-center>ul{font-size:0;text-align:center} .menu.align-center>ul>li{display:inline-block;float:none} .menu.align-center ul ul{text-align:left} .menu.align-right>ul>li{float:right} .menu.align-right ul ul{text-align:right}*/ .menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} .menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff} .menu>ul>li.has-sub>a{padding-right:0} /*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;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} .indexHeader .menu>ul>li.has-sub>a::after{border-color: #fff;} .on-fixed .indexHeader .menu>ul>li.has-sub>a::after{border-color: #333;} .menu>ul>li.has-sub:hover>a::after{border-color:#f80e02!important;} .menu>ul>li.has-sub.on>a::after{border-color:#f80e02;}*/ .menu ul ul{position:absolute;left:-9999px;text-align: center;width: max-content;} .menu li:hover>ul{left:0;} /*.menu.align-right li:hover>ul{right:0}*/ .menu ul ul ul{right:100%;top:10px;min-width: initial;} .menu ul ul li:hover>ul{left: 100%;margin-left: 0;} /*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/ .menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;margin-right: 60px;} .menu ul ul{padding: 0 13px;background: #fff;} .menu ul ul li a .iconDiv{margin-bottom: 30px;} .menu ul ul li>a{font-size: 16px;color:#fff;text-decoration:none;-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 ul li .alist a{display: block;font-size: 16px;color: #666666;margin-top: 15px;text-decoration:none;-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 ul li>a:hover,.menu ul ul li a:hover{opacity: .8;} header .rightDiv .menu>ul>li{position: relative;} header .rightDiv .menu>ul>li ul{min-width: 180px;box-shadow: 0px 0px 7px rgba(0,0,0,.1);} header .rightDiv .menu>ul>li:hover>ul{left: 0;} header .rightDiv .menu>ul>li li{display: block;float: initial;width: 100%;border-bottom: 1px solid #d2d2d2;} header .rightDiv .menu>ul>li li a{font-size: 15px;color: #333333;margin: 0;font-weight: normal;text-align: left;text-transform: capitalize;padding: 15px 0;} header .rightDiv .menu>ul>li li a:hover {color: #0e6437;} .menu ul .default ul{padding: 0;} /*.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:1220px) { .wrap{padding: 0 30px;} } @media (max-width:1100px) { } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ .wrap{padding: 0 30px;} .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,.2);height:52px;width:52px;cursor:pointer} .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99} /*.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 { position: fixed !important; z-index: 9999; top: 0; left: auto; right: 0; width: 100%; height: 50px; transition: right 300ms !important; } header .logo a{height: 50px;} header .logo a img{max-height: 70%;} header .mbtn {display: block;} body.on-menu header .mbtn{z-index: 1;} header .rightDiv .menu { float: right; position: fixed; top: 86px; right: 0; width: 100%; height: calc(100% - 50px); padding-top: 0; background:#fff; /*border-bottom: 1px solid #f8f8f847;*/ transition: right 300ms; right: -100%; padding: 0; overflow-y: auto; } 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: center; font-size: 16px; } /*header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}*/ header .rightDiv .menu>ul>li>a small{display: none;} header .rightDiv .menu>ul {display: block;padding-top: 0;} body.on-menu header .rightDiv .menu {right: 0;} body.on-menu .main {right: 0;} header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;} header .rightDiv .menu>ul>li>a::after{bottom: 5px; } header .rightDiv .menu>ul>li>a span{display: inline-block;line-height: 34px;} header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;} .menu ul ul{box-shadow: none;} .menu ul ul li a .iconDiv{display: none;} .menu ul ul li>a{margin-bottom: 0;} .menu ul ul li .alist a{margin: 0;} .main {position: relative;right: 0;transition: right 300ms !important;margin-top: 86px; } header .rightDiv .menu>ul>li ul{box-shadow: none;} header .rightDiv .menu>ul>li li{border-bottom: 0;} header .rightDiv .menu>ul>li li a{padding: 0 20px 0 30px;} header .rightDiv .menu>ul>li li.has-sub>a,header .rightDiv .menu>ul>li li.has-sub:hover>a{background: none;} .menu ul ul li:hover>ul{left: 0;} html, body{min-width: 100%;} .on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 50px;} .on-fixed header .rightDiv .menu{top: 50px;} header .rightDiv .zspt{float: initial;height: initial; } } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { .hidden-xs{display: none;} .visible-xs{display: block;} header .headerTop{font-size: 12px; } header .headerTop .regBtn{margin-left: 10px; } html, body{font-size: 14px;} .index-banner .img{height: 40vw; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px; } .index-banner .swiper-pagination-bullet{width: 5px;height: 5px; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px; } header .headerTop{display: block; } .indexTitle{font-size: 20px; } .indexTitle span{line-height: 1.1;} .indexTitle p{font-size: 14px;margin-top: 10px; } .floatRightDiv{right: 0;bottom: 0;width: 100%;border-radius: 0; } .floatRightDiv ul{display: flex;justify-content: space-between; } .floatRightDiv ul li{width: 25%;position: initial; } .floatRightDiv ul li a{width: 100%; } .floatRightDiv ul li:not(:last-child) a:after{width: 1px;height: 50%;right: 0;bottom: 50%;transform: translateY(50%);left: initial; } .floatRightDiv ul li .ewmDiv{top: initial;bottom: 100%;right: initial;left: 0;width: 100px; } .floatRightDiv ul li .ewmDiv2{top: initial;bottom: 100%;right: initial;left: 50%;transform: translateX(-50%); } .wrap{padding: 0 15px;} .indexDiv1{padding: 20px 0; } .indexDiv1 .row{margin: 0 -5px; } .indexDiv1 .row>div{padding: 0 5px;margin-bottom: 15px; } .indexDiv1 .row>div a{padding: 15px; } .indexDiv1 .row>div a .textDiv .title{font-size: 16px; } /* .indexDiv1 .row>div a .textDiv .text2{display: block; } .indexDiv1 .row>div a .textDiv .text2 span{margin-top: 15px; } */ .footerDiv{padding-bottom: 65px; } .footerDiv .hdDiv{flex-wrap: wrap;display: block; } .footerDiv .hdDiv .leftDiv{width: 100%;display: block;text-align: center; } .footerDiv .hdDiv .leftDiv .aDiv{justify-content: center; } .footerDiv .hdDiv .rightDiv{width: 100%;justify-content: center;margin-top: 20px; } .footerDiv .hdDiv .rightDiv .ewmDiv:nth-child(1){margin-left: 0; } .nyBanner .wrap{height: 30vw; } .nyBanner .textDiv p{font-size: 20px; } .nyBanner .textDiv small{font-size: 12px; } .nyBanner .textDiv p::before{height: 3px; } .casesDiv .row{margin: 0 -5px; } .casesDiv .row>div{padding: 0 5px;margin-bottom: 15px; } .casesDiv .row>div a{padding: 7px; } .detailDiv .articleDiv .hd .title{font-size: 20px; } .cpfwDiv{padding-top: 30px; } .cpfwDiv .hdDiv{margin-bottom: 20px; } .cpfwDiv .hdDiv img:nth-child(1){width: 65%; } .cpfwDiv .itemDiv1 .ih{font-size: 24px;height: 60px; } .cpfwDiv .itemDiv1 .ib{padding: 30px 20px; } .cpfwDiv .itemDiv1 .ib .p{font-size: 17px;padding: 0 30px; } .cpfwDiv .itemDiv1 .ib .p img{width: 18px; } .cpfwDiv .itemDiv .ih{width: 150px;height: 60px;font-size: 20px;line-height: 44px; } .cpfwDiv .itemDiv .ib{margin-top: 22px;padding: 20px; } .cpfwDiv .itemDiv2 .item{margin: 15px 0; } .cpfwDiv .itemDiv2 .item .title{font-size: 19px;margin-bottom: 15px; } .cpfwDiv .itemDiv2 .item .p{padding: 20px;font-size: 16px; } .cpfwDiv .itemDiv2 .item .row>div .conDiv{font-size: 16px;padding: 20px; } .cpfwDiv .itemDiv2 .item .row>div .conDiv .line{margin: 10px 0; } .cpfwDiv .itemDiv3 .title{font-size: 20px; } .cpfwDiv .itemDiv3 .title span{margin: 0 15px; } .cpfwDiv .itemDiv3 .title img{width: 80px; } .cpfwDiv .itemDiv4 .p2{font-size: 17px; } /* .m{background: url(../img/16.png);background-size: cover; } */ @media (max-width:320px) { } } .pc_kf{width:65px; position:fixed; right:0; bottom:20%; z-index:99999;} .pc_kf .nr{width:66px; padding:10px 0; height:66px; border-radius:5px 0 0 5px; background-color:#005f9c; box-shadow:0 0 10px 0 rgba(0,0,0,.1); text-align:center; margin-bottom:6px; cursor:pointer; position:relative;} .pc_kf .nr:last-child{margin-bottom:0;} .pc_kf .nr img{width:28px; height:auto; display:inline-block;} .pc_kf .nr p{font-size:12px; line-height:20px; color:#fff; margin-top:6px;} .pc_kf .ewm{width:120px; padding:5px; border-radius:5px; box-shadow:0 2px 20px 0 rgba(0,2,33,.1); background-color:#fff; position:absolute; top:-2px; right:70px; opacity:0; visibility:hidden; transform:translateX(-10px); -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); -o-transform:translateX(-10px); transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} .pc_kf .ewm.tel{width:220px; padding:10px 20px;} .pc_kf .nr:hover .ewm{opacity:1; visibility:inherit; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0);} .pc_kf .ewm img{width:100%;} .pc_kf .ewm p{font-size:16px; line-height:26px; color:#333; text-align:left; padding-left:36px; background:url(../../static/imgs/dh.png) no-repeat left top;} .pc_kf .ewm strong{color:#094aab; font-size:18px;} .pc_kf .fh{width:66px; padding:10px 0; height:66px; border-radius:5px 0 0 5px; background-color:#005f9c; box-shadow:0 0 10px 0 rgba(0,0,0,.1); text-align:center; margin-bottom:6px; cursor:pointer; position:relative;} .pc_kf .fh p{font-size:12px; line-height:20px; color:#fff; margin-top:6px;} .pc_kf .fh img{width:28px; height:auto; display:inline-block;} @media only screen and (max-width:640px){ .pc_kf{width:100%; background-color:#005f9c; position:fixed; right:0; bottom:0;} .pc_kf .nr{width:20%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left ; height:auto;} .pc_kf .tel{display:none;} .pc_kf .ewm{display:none;} .pc_kf .nr a{display:block; width:100%; border-radius:0; box-shadow:none;} .pc_kf .nr i{color:#fff;} .pc_kf .nr a:hover i{color:#fff;} .pc_kf .fh{width:20%; box-shadow:none; font-size:22px; float:left;} .pc_kf .nr p{font-size:12px; line-height:20px; color:#fff; margin-top:0px;} .pc_kf .fh p{font-size:12px; line-height:20px; color:#fff; margin-top:0px;} } .e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;} .e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .e_m .n_r img{width:100%; height:auto; display:block;} .e_m .n_r p{font-size:15px; color:#888; margin-top:10px;} @media only screen and (max-width:992px){ .e_m .n_r{width:230px; padding:15px;} .e_m .n_r p{font-size:15px; } }