/* @font-face{ font-family: fontR; src: url('../fonts/Oswald-Regular.ttf');} @font-face{ font-family: fontB; src: url('../fonts/Oswald-Bold.otf');} */ /* @font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');} */ html,body{padding: 0;margin: 0;font-family: 'Times New Roman';font-size: 16px;color: #2F2A28;/*min-width: 1200px;*/ /* overflow-x: hidden; */} .wrap{margin: 0 auto;max-width: 1300px;} 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;} .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;height: 140px;transition: all .5s;background: #fff;box-shadow: 0px 0px 10px rgba(3,3,3,.1); } header .headerTop{background: #FFF8F1;} header .headerTop .wrap{height: 50px; } header .headerTop a{font-size: 14px;color: #333; } header .headerTop a img{margin-right: 9px; } header .headerTop a:hover{text-decoration: underline;text-underline-offset: 4px; } header .logo a{height: 90px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;max-width: 235px;} header .logo img{max-height: 80%;} header .rightDiv{text-align: right;} header .rightDiv .menu>ul{display: inline-block!important; } header .rightDiv .menu>ul>li{float: left;margin: 0 1.56vw 0 0; } header .rightDiv .menu>ul>li>a{height: 90px;text-align: left;color: #333;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center;padding: 0 10px; } header .rightDiv .menu>ul>li:hover>a{color: #D98BA1;} header .rightDiv .menu>ul>li.on>a{color: #D98BA1;font-weight: 700; } header .rightDiv .menu>ul>li>a::after{content: "";width: 0%;position: absolute;left: 0; background: #D98BA1;height: 4px;bottom: 0;-webkit-transition: all 0.4s;transition: all 0.4s; } /* header .rightDiv .menu>ul>li:hover>a::after, */ header .rightDiv .menu>ul>li.on>a::after{width: 100%; } header .rightDiv .menu>ul>li>a i{width: 16px;height: 16px;background: url(../img/xia.png) no-repeat center center;position: absolute;left: calc(100% - 10px);top: 50%;transform: translateY(-50%); } header .rightDiv .menu>ul>li:hover>a i, header .rightDiv .menu>ul>li.on>a i{background: url(../img/xia_.png) no-repeat center center; } /* header .langDiv{position: relative; } header .langDiv>a{color: #666;height: 90px; } header .langDiv>a i{font-size: 24px; } header .langDiv .aDiv{position: absolute;left: 50%;width: 90px;box-shadow: 0px 0px 20px 0px rgba(1,104,183,0.1);background: rgba(255,255,255,.9);top: 100%;transform: translateX(-50%);display: none;padding: 5px 10px; } header .langDiv .aDiv a{color: #333;display: block;line-height: 40px;text-align: center; } header .langDiv .aDiv a:last-child{border-bottom: 0; } header .langDiv .aDiv a:hover{color: #0E3572; } header .langDiv:hover>a{color: #0E3572; } header .langDiv:hover .aDiv{display: block; } */ header .othersDiv .ssBtn{height: 90px;cursor: pointer; } header .othersDiv .langDiv{margin-right: 1.5vw;position: relative; } header .othersDiv .langDiv>a{color: #333;height: 90px; } header .othersDiv .langDiv>a:hover{color: #D98BA1; } /* header .othersDiv .langDiv .aDiv{position: absolute;left: 50%;width: 100px;box-shadow: 0px 6px 16px rgba(89,89,89,.11);background: rgba(255,255,255,1);top: 100%;transform: translateX(-50%);border-radius: 3px;font-size: 14px;display: none; } header .othersDiv .langDiv .aDiv a{color: #333;display: block;line-height: 40px;text-align: center; } header .othersDiv .langDiv .aDiv a.on{color: #D02229;font-weight: 700; } header .othersDiv .langDiv:hover .aDiv{display: block; } */ .searchDiv{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.5);z-index: 9999;display: none; } .searchDiv form{width: 98%;max-width: 520px;left: 50%;top: 30%;transform: translate(-50%,-50%);position: relative; } .searchDiv form a{position: absolute;right: 10px;top: -40px;width: 20px; } .searchDiv form input{width: 100%;line-height: 48px;background: #fff;border-radius: 10px;padding: 0 120px 0 20px;border: 0; } .searchDiv form button{width: 100px;height: 100%;border: 0;background: #D98BA1;position: absolute;right: 0;top: 0;border-radius: 0 6px 6px 0;cursor: pointer;color: #fff; } header .mbtn {width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;} header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;} .menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .menu #menu-button{display:none} .menu{width:auto;} #menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} .menu>ul>li{float:left;position: relative;} .menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} .menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff} /*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/ .menu ul ul{position:absolute;background: rgba(255,255,255,1);text-align: left; width: max-content;min-width: 115px; top: 80%;left:50%;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 0px 20px 0px rgba(1,104,183,0.1);transform: translateX(-50%);} .menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; } .menu>ul>li li a{line-height: 40px;text-align: center;display: block;color: #0E1621;position: relative;z-index: 1;font-size: 14px;border-bottom: 1px solid #EEEEEE;padding: 0 20px; } .menu>ul>li li:last-child a{border-bottom: 0; } .menu>ul>li li a:hover{color: #D98BA1; } /****底部***/ .footerDiv{background: #D98BA1;color: #fff; } .footerDiv .hdDiv{padding: 84px 0;align-items: flex-start;border-bottom: 1px solid rgba(255, 255, 255, .1); } .footerDiv .hdDiv .lxDiv{margin-right: 40px;width: 36.54%; } .footerDiv .hdDiv .lxDiv:nth-child(2){width: 30.46%; } .footerDiv .hdDiv .lxDiv .p{margin-top: 30px;align-items: flex-start; } .footerDiv .hdDiv .lxDiv .p p{width: calc(100% - 40px); } .footerDiv .hdDiv .ewmWrap{width: 306px; } .footerDiv .hdDiv .ewmDiv{width: 140px;text-align: center;padding: 8px;border-radius: 14px;background: rgba(0,0,0,.4); } .footerDiv .hdDiv .ewmDiv:nth-child(1){margin-right: 10px; } .footerDiv .hdDiv .ewmDiv img{width: 100%;border-radius: 14px; } .footerDiv .hdDiv .ewmDiv p{margin: 15px 0 10px;color: #fff; } .footerDiv .bdDiv{padding: 20px 0; } .footerDiv .bdDiv .banquan{color: #fff;font-size: 14px; } .footerDiv .bdDiv .shareDiv a{margin-left: 28px; } .footerDiv .bdDiv .shareDiv a:hover{opacity: .8; } .floatRightDiv{position: fixed;right: 0;z-index: 999;bottom: 5vw; } .floatRightDiv ul {border-radius: 25px;background: #fff;padding: 10px 0;box-shadow: 0px 2px 20px 0px rgba(20,61,143,0.14); } .floatRightDiv ul li{position: relative; } .floatRightDiv ul li:last-child{display: none; } /* .floatRightDiv ul li:not(:first-child)::before{content: "";width: 24px;height: 1px;background: rgba(255, 255, 255, .6);position: absolute;left: 50%;top: 0;transform: translateX(-50%); } */ .floatRightDiv ul li a{width: 50px;padding: 13px; } .floatRightDiv ul li .textDiv{position: absolute;right: 55px;top: 10px;background: #fff;width: max-content;height: 50px;display: flex;justify-content: center;align-items: center;color: #333;transition: all .5s;padding: 0 20px;font-size: 14px;border-radius: 6px;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);display: none; } /* .floatRightDiv ul li .textDiv::after{content: "";width: 15px;height: 23px;background: url(../img/sj.png) no-repeat center center;position: absolute;right: -12px;top: 50%;transform: translateY(-50%); } */ .floatRightDiv ul li .ewmDiv{position: absolute;right: 55px;top: 0;width: 128px;padding: 10px;background: #fff;transition: all .5s;text-align: center;z-index: -1;font-size: 14px;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);display: none; } /* .floatRightDiv ul li .ewmDiv::after{content: "";width: 15px;height: 23px;background: url(../img/sj.png) no-repeat center center;position: absolute;right: -12px;top: 27px; } */ /* .floatRightDiv ul li .ewmDiv p{margin-top: 5px;color: #666; } .floatRightDiv ul li a i{font-size: 32px; } */ .floatRightDiv ul li:hover .textDiv{display: flex; } .floatRightDiv ul li:hover .ewmDiv{display: block; } /* .floatRightDiv ul li:hover a i{color: rgba(255, 255, 255, 1); } .floatRightDiv ul li.backTop{opacity: 0; } */ .floatRightDiv a.zxzxBtn{width: 50px;padding: 15px;color: #0E1621;background: #fff;text-align: center;flex-direction: column;border-radius: 25px;line-height: 1.2;font-style: 14px;margin-top: 15px;box-shadow: 0px 2px 20px 0px rgba(20,61,143,0.14); } .floatRightDiv a.zxzxBtn img{margin-bottom: 10px; } /*::-webkit-scrollbar { width: 2px; height: 2px; } ::-webkit-scrollbar-track { border-radius: 4px; background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #0E50D1; }*/ /********************************* 首页 **********************************/ .main{margin-top: 140px; } /*banner轮播*/ .index-banner{width: 100%;position:relative;} .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 48.953vw;} .index-banner .img .wrap{position: relative;} .index-banner .img .imgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1);transition: transform 10s ease, -webkit-transform 10s ease;z-index: 1; } .index-banner .img .imgDiv img{width: 100%;height: 100%;object-fit: cover; } /* .index-banner .swiper-slide-active .imgDiv{ transform: scale(1.15); } */ /*.index-banner .gridVideo{width: 100%;display: block;height: 50.46875vw;position: relative;position: absolute;left: 0;top: 0;} .index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}*/ .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 14px; } .index-banner .swiper-pagination-bullet{width: 32px;height: 6px;border-radius: 0;opacity:1;background: #FFFFFF;border: 1px solid rgba(255,255,255,0.5);position: relative; } .index-banner .swiper-pagination-bullet-active{position: relative;background: #D98BA1; } .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:flex-start;color: #fff; } .index-banner .textDiv{z-index: 2;position: relative;padding-top: 13.5vw; } .index-banner .textDiv .p1{font-size: 2.3vw;font-weight: 600;text-shadow: 0px 2px 4px rgba(0,0,0,0.5); } .index-banner .textDiv a{width: 144px;height: 31px;background: rgba(255, 255, 255, .2);opacity: 0.2;color: #fff;font-size: 14px;margin: 2vw auto 0; } .index-banner .textDiv a img{margin-left: 6px; } /* .index-banner .swiper-button-prev,.index-banner .swiper-button-next{width: 50px; height: 50px;color: #fff;display: flex;align-items: center;justify-content: center;background: rgba(51, 51, 51, 0.2);border-radius: 50%;margin-top: -25px; } .index-banner .swiper-button-prev i{font-size: 16px; } .index-banner .swiper-button-next i{transform: rotate(-180deg);display: block;font-size: 16px; } .index-banner .swiper-button-prev{left: 1.6vw;} .index-banner .swiper-button-next{right: 1.6vw;} .index-banner .swiper-button-prev:hover,.index-banner .swiper-button-next:hover{background: #D02229; } */ .swiper-button-prev,.swiper-button-next{background: none; } .indexTitle{position: relative;} .indexTitle span{color: #0E1621;font-weight: 600; } .indexTitle .line{width: 100%;height: 4px;background: #D98BA1;margin-top: 25px; } a.imoreBtn,.imoreBtn{width: 114px;height: 31px;background: #F5D6DD;font-size: 14px;color: #D98BA1; } a.imoreBtn img,.imoreBtn img{margin-left: 10px;transition: all .5s; } a.imoreBtn:hover,.imoreBtn:hover{background: #F7EDE2; } .f64{font-size: 64px;} .f48{font-size: 48px;} .f46{font-size: 46px;} .f40{font-size: 40px;} .f38{font-size: 38px;} .f36{font-size: 36px;} .f32{font-size: 32px;} .f30{font-size: 30px;} .f28{font-size: 28px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f22{font-size: 22px;} .f20{font-size: 20px;} .f18{font-size: 18px;} .bold{font-weight: bold; } .imgOver{position: relative; } .imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgOver .pic img{width: 100%;height: 100%;object-fit: cover; } .imgObj{position: relative; } .imgObj .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .imgObj .pic img{max-width: 100%;max-height: 100%;object-fit: contain; } .indexDiv1{padding: 65px 0 70px;overflow: hidden; } .indexDiv1 .bdDiv .imgDiv{width: 45.8%; } .indexDiv1 .bdDiv .textDiv{width: 49.23%; } .indexDiv1 .bdDiv .textDiv .indexTitle .line{width: 114px; } .indexDiv1 .bdDiv .textDiv .p{margin: 30px 0;line-height: 1.78; } /* .indexDiv1 .bdDiv .textDiv a{width: 114px;height: 31px;background: #F5D6DD;font-size: 14px;color: #D98BA1; } .indexDiv1 .bdDiv .textDiv a img{margin-left: 10px; } */ /* .indexDiv1 .swiper-button-prev,.indexDiv1 .swiper-button-next{width: 48px; height: 48px;color: #999;display: flex;align-items: center;justify-content: center;margin-top: 0;position: relative;background: #fff;border: 1px solid #D9D9D9;top: initial;right: initial;left: initial; } .indexDiv1 .swiper-button-prev{margin-right: 20px; } .indexDiv1 .swiper-button-prev i{font-size: 24px; } .indexDiv1 .swiper-button-next i{transform: rotate(-180deg);display: block;font-size: 24px; } .indexDiv1 .swiper-button-prev:hover,.indexDiv1 .swiper-button-next:hover{background: #D02229;border-color: #D02229;color: #fff; } */ .indexDiv2{padding: 130px 0 160px; } .indexDiv2 .row{margin: 0 -10px; } .indexDiv2 .row>div{padding: 0 10px;margin-top: 33px; } .indexDiv2 .row>div a{flex-direction: column;align-items: stretch;height: 100%; } .indexDiv2 .row>div a .imgDiv{padding-top: 100%;overflow: hidden; } .indexDiv2 .row>div a .textDiv{flex: 1;flex-direction: column;align-items: stretch; } .indexDiv2 .row>div a .textDiv .text{flex: 1;margin: 20px 0 40px; } .indexDiv2 .row>div a .textDiv .title{color: #0E1621;font-weight: 500; } .indexDiv2 .row>div a .textDiv .p{color: #808080;margin-top: 10px;line-height: 1.5; } .indexDiv2 .row>div a:hover .textDiv .title{color: #D98BA1; } .indexDiv3{padding: 100px 0 110px;overflow: hidden;background: #FFF8F1; } .indexDiv3 .row{margin: 0 -10px; } .indexDiv3 .row>div{padding: 0 10px;margin-top: 33px; } .indexDiv3 .row>div .conDiv{height: 100%; } .indexDiv3 .row>div .imgDiv{padding-top: 45.3125%;background: #fff; } .indexDiv3 .row>div .textDiv{padding-top: 15px;line-height: 1.8; } .nyBanner .wrap{position:relative;height: 15.625vw;color: #fff; } .nyBanner span{font-size: 2.3vw;text-shadow: 0px 2px 4px rgba(0,0,0,0.5); } .nyBanner p{font-size: 0.9375vw;margin-top: 1.3vw;font-weight: 300; } .nyBanner .wrap.flexcen{text-align: center; } /* .nyHead{background: #FAFAFA; } .nyHead .wrap{flex-wrap: wrap; } .breadcrumbDiv{color: #666;padding: 16px 0;font-size: 14px; } .breadcrumbDiv i{font-size: 18px;color: #666;margin-right: 10px; } .breadcrumbDiv a{color: #666;} .breadcrumbDiv a:hover,.breadcrumbDiv span{color: #D02229; } .nyTitle{text-align: center; } .nyTitle span{font-weight: 700; } .nyTitle p{font-family: fontR;text-transform: uppercase;color: #999;letter-spacing: 2px; } */ /* .twoMenuDiv{overflow-x: auto;white-space:nowrap;text-align: left; } .twoMenuDiv a{padding: 15px 10px;color: #222222;margin: 0 0 0 20px;position: relative;display: inline-block;} .twoMenuDiv a:first-child{margin-left: 0; } .twoMenuDiv a.on{color: #0E3572;font-weight: bold;} .twoMenuDiv a:hover{color: #0E3572;} .twoMenuDiv a.on::after{content: "";width: 100%;height: 1px;background: #0E3572;position: absolute;left: 0;bottom: 0; } */ .aboutDiv{padding: 60px 0;font-weight: 300; line-height: 1.78; font-size: 18px; } .aboutDiv ul{padding: revert; } .aboutDiv ul li{list-style: initial;} .commonDiv{padding: 60px 0 100px;align-items: flex-start; } .commonDiv .bdDiv{align-items: flex-start; } .commonDiv .comLeftDiv{width: 30.77%;padding: 30px 20px 40px; } .commonDiv .comLeftDiv .formDiv{margin-top: 30px; } .commonDiv .comLeftDiv .groupDiv{margin-bottom: 20px; } .commonDiv .comLeftDiv .groupDiv p{font-size: 14px;margin-bottom: 5px; } .commonDiv .comLeftDiv .groupDiv input{width: 100%;line-height: 60px;border-radius: 4px;background: #fff;padding: 0 10px;border: 0; } .commonDiv .comLeftDiv .groupDiv textarea{width: 100%;height: 120px;padding: 10px;border-radius: 4px;background: #fff;border: 0;resize: none; } .commonDiv .comLeftDiv button{width: 100%;line-height: 60px;margin-top: 32px;background: #D98BA1;border-radius: 4px;color: #fff;border: 0;cursor: pointer; } .commonDiv .comRightDiv{width: 66.15%; } .qianzhengDiv{font-weight: 300;line-height: 1.78;font-size: 18px; } .liuxueDiv1{padding: 60px 0 10px;overflow: hidden; } .liuxueDiv1 .row{margin: 0 -30px; } .liuxueDiv1 .row>div{padding: 0 30px;margin-bottom: 70px; } .liuxueDiv1 .row>div a{flex-direction: column;align-items: stretch;height: 100%; } .liuxueDiv1 .row>div a .imgDiv{padding-top: 50%;overflow: hidden; } .liuxueDiv1 .row>div a .imgDiv .title{position: absolute;left: 0;bottom: 0;width: 100%;padding: 14px 20px;color: #fff;background: linear-gradient( 90deg, #D98BA1 0%, rgba(20,61,143,0) 100%); } .liuxueDiv1 .row>div a .textDiv{flex: 1;flex-direction: column;align-items: stretch; } .liuxueDiv1 .row>div a .textDiv .text{flex: 1;margin: 30px 0;color: #0E1621;line-height: 1.78;text-align: justify;font-weight: 300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden; } .nyTitle{text-align: center;color: #D98BA1;font-weight: 500; } .liuxueDiv2{padding: 36px 0 54px; } .liuxueDiv2 .bdDiv{margin-top: 40px; } .liuxueDiv2 .bdDiv .groupDiv{margin-bottom: 20px; } .liuxueDiv2 .bdDiv .groupDiv p{font-size: 14px;margin-bottom: 5px; } .liuxueDiv2 .bdDiv .groupDiv input{width: 100%;line-height: 60px;border-radius: 4px;background: #fff;padding: 0 10px;border: 0; } .liuxueDiv2 .bdDiv .groupDiv textarea{width: 100%;height: 60px;padding: 10px;border-radius: 4px;background: #fff;border: 0;resize: none; } .liuxueDiv2 .bdDiv button{width: 100%;max-width: 590px;line-height: 60px;margin: 12px auto 0;background: #D98BA1;border-radius: 4px;color: #fff;border: 0;cursor: pointer; } .liuxueDiv3{padding: 60px 0; } .liuxueDiv3 .bdDiv{margin-top: 40px;text-align: center; } .liuxueDiv4{padding: 100px 0;background: #F3F4F4; } .liuxueDiv4 .bdDiv{margin-top: 80px;position: relative; } .liuxueDiv4 .imgDiv{padding-top: 29%; } .liuxueDiv4 .swiper-button-prev,.liuxueDiv4 .swiper-button-next{width: 48px;height: 48px;margin-top: -24px; } .liuxueDiv4 .swiper-button-prev{background: url(../img/left.png) no-repeat center center;left: -100px; } .liuxueDiv4 .swiper-button-next{background: url(../img/right.png) no-repeat center center;right: -100px; } .newsDiv{padding: 65px 0 140px; } .newsDiv ul{margin: 40px 0 60px; } .newsDiv ul li a{border-top: 1px solid #D98BA1;padding: 30px 0;display: block; } .newsDiv ul li:last-child a{border-bottom: 1px solid #D98BA1; } .newsDiv ul li .date{font-weight: 700;color: #333; } .newsDiv ul li .title{color: #D98BA1;font-weight: 600; } .newsDiv ul li .p{color: #666;margin: 10px 0 20px; } .newsDiv ul li span{color: #333;text-decoration: underline;text-underline-offset: 4px;text-decoration-color: #D98BA1; font-weight: 700;} .newsDiv ul li a:hover .title{text-decoration: underline; } .pageDiv{text-align: center;} .pageDiv a,.pageDiv span{display: inline-block;margin: 0 2px;color: #999;padding: 7px 14.5px;border: 1px solid #D9D9D9;border-radius: 2px; } .pageDiv span{color: #fff;background: #D98BA1;border-color: #D98BA1; } .newsDetailDiv {padding: 100px 0;} .newsDetailDiv .articleDiv .hd{text-align: center; } .newsDetailDiv .articleDiv .hd .title{margin-bottom: 10px; } .newsDetailDiv .articleDiv .hd .smTitle {flex-wrap: wrap; } .newsDetailDiv .articleDiv .hd .smTitle span{font-size: 14px;color: #999;margin-right: 30px; } .newsDetailDiv .articleDiv .hd .smTitle span i{font-size: 16px;margin-right: 5px; } .newsDetailDiv .articleDiv .bd{padding: 30px 0;border-top: 1px solid #E5E5E5;margin: 15px 0 25px;border-bottom: 1px solid #E5E5E5;font-weight: 300; line-height: 1.78; font-size: 18px; } .newsDetailDiv .articleDiv .bd p{color: #333;line-height: 2;} .newsDetailDiv .articleDiv .fd a{color: #333;margin-top:10px; } .newsDetailDiv .articleDiv .fd a:hover{color: #D98BA1; } .contactDiv{padding: 60px 0 120px; } .contactDiv #allmap{height: 434px; margin-top: 40px;} .contactDiv .bdDiv{margin-top: 50px; } .contactDiv .bdDiv .formDiv{margin-top: 40px; } .contactDiv .bdDiv .formDiv .row{margin: 0 -18px; } .contactDiv .bdDiv .formDiv .row>div{padding: 0 18px;margin-bottom: 16px; } .contactDiv .bdDiv .formDiv form{width: 100%; } .contactDiv .bdDiv .formDiv form .inputDiv{background: #F6F6F6;border-radius: 4px;padding: 0 20px; } .contactDiv .bdDiv .formDiv form .inputDiv input{width: 100%;line-height: 54px;border: 0;padding: 0;font-size: 16px;color: #333;background: #F6F6F6; } .contactDiv .bdDiv .formDiv form .textareaDiv{background: #F6F6F6;border-radius: 4px;padding: 10px 20px;font-size: 14px; } .contactDiv .bdDiv .formDiv form textarea{width: 100%;border: 0;padding: 10px 0 0;font-size: 16px;color: #333;resize: none;height: 100px;display: block;background: #F6F6F6; } .contactDiv .bdDiv .formDiv form button{width: 220px;height: 56px;border: 0;color: #fff;background: #D98BA1;cursor: pointer;padding: 0;border-radius: 4px;margin: 0 auto;font-size: 20px; } /*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:1560px) { .liuxueDiv4 .bdDiv{padding: 0 80px; } .liuxueDiv4 .swiper-button-next{right: 0; } .liuxueDiv4 .swiper-button-prev{left: 0; } } @media (max-width:1320px) { .wrap{padding: 0 30px;} /* .f64{font-size: 50px;} .f48{font-size: 42px;} .f46{font-size: 40px;} .f40{font-size: 34px;} .f38{font-size: 32px;} .f36{font-size: 30px;} .f32{font-size: 28px;} .f30{font-size: 26px;} .f28{font-size: 25px;} .f26{font-size: 24px;} .f24{font-size: 23px;} */ } @media (max-width:1120px) { .f64{font-size: 46px;} .f48{font-size: 38px;} .f46{font-size: 36px;} .f40{font-size: 32px;} .f38{font-size: 30px;} .f36{font-size: 28px;} .f32{font-size: 27px;} .f30{font-size: 24px;} .f28{font-size: 23px;} .f26{font-size: 22px;} .f24{font-size: 21px;} .f22{font-size: 20px;} .f20{font-size: 19px;} header .rightDiv .menu>ul>li>a{padding: 0 7px; } header .rightDiv .menu>ul>li>a i{left: calc(100% - 7px); } } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ /* .wrap,header .wrap{padding: 0 20px;} */ .menu{width:100%} .menu ul{width:100%;display: block;} .menu>ul>li>a{padding: 0 20px;} .menu.align-center>ul,.menu.align-right ul ul{text-align:left} .menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.1);} /*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/ /*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/ .menu ul li a,.menu ul ul li a{width:100%} .menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block} .menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0} .menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333} .indexHeader .menu ul ul li a{color:#fff;} .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff} .on-fixed .indexHeader .menu ul ul li a{color:#333;} .on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333} .menu ul ul ul li a{padding-left:40px} .menu ul ul, .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0} .menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none} #menu-line{display:none} .menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase} .menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000} .menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #fff} .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer} .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99} .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;;z-index:99} /*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer} .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99} .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/ /*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer} .on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/ .menu .submenu-button.submenu-opened:after{display:none} .menu ul ul{background: transparent;border-bottom:none;padding: 0;} .menu ul ul ul{top: 0;} .menu li:hover>ul{left: auto;margin-left: auto;} .menu ul ul .wrap{padding:0 15px;} .menu ul ul .hd{display: none;} .menu ul ul .bd{padding: 0;} header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;} /*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/ .on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;} header:before{display: none;} header { position: fixed !important; z-index: 9999; top: 0; left: auto; right: 0; width: 100%; height: 50px; transition: right 300ms !important; } header .header-container{height: 50px;} header .logo a{height: 50px;width: initial;} header .logo a img{max-height: 60%;} header .mbtn {display: block;} body.on-menu header{background: #fff;} body.on-menu.on-fixed header{background: #fff;} body.on-menu header .mbtn{z-index: 1;} header .rightDiv .menu { float: right; position: fixed; top: 50px; right: 0; width: 100%; height: calc(100% - 50px); padding-top: 0; background-color: #fff; /*border-bottom: 1px solid #f8f8f847;*/ transition: right 300ms; right: -100%; padding: 0; overflow-y: auto; } .on-fixed header .rightDiv .menu{ background-color: #fff; } header .rightDiv .menu ul{float: initial;height: initial;} /*header .rightDiv .menu ul.open{background: #000;}*/ header .rightDiv .menu ul li { padding: 0; margin: 0; /*border-bottom: 1px solid #f8f8f847;*/ float: initial; position: relative; } header .rightDiv .menu ul li a { display: block; line-height: 50px; height: 50px; text-align: left; font-size: 16px; } header .rightDiv .menu>ul {display: block;padding-top: 0;} body.on-menu header .rightDiv .menu {right: 0;} body.on-menu .main {right: 0;} header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;} header .rightDiv .menu>ul>li>a::after{display: none;} header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;} header .rightDiv .menu>ul>li>a span{line-height: 50px;} .menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;} /* header .rightDiv .menu>ul>li>a{color: #333;} */ .main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px; } header .rightDiv .otherDiv{height: 50px;justify-content: center;float: initial; } header .rightDiv .searchDiv{margin: 0 auto;} header .rightDiv .ssDiv .dImg{display: none;} header .rightDiv .ssDiv .hImg{display: block;} .menu ul ul .ul span{margin-top: 0;} /* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */ header .rightDiv .menu>ul>li li{border: 0;} header .rightDiv .menu>ul>li li a:hover{color: #fff;} /*.twoMenuDiv.onFixed{top: 50px;} .twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/ .menu ul ul:before{display: none!important;} .menu ul ul:after{display: none!important;;} .menu ul ul a{padding: 0 15px;margin: 0;} .menu li:hover>ul{transform: translate(0);} header .rightDiv .menu ul li .ulDiv{display: block;} .menu ul ul{height: initial;} .menu ul ul .ul{display: block;padding: 10px 30px 0;} .menu ul ul .ul li:nth-child(2){margin-left: 0;} /* .menu ul ul .ul span{color: #fff;} */ .menu ul ul .ul a{/* color: #fff; */margin-top: 0;} .menu>ul>li.proLi ul .ul{padding: 0; } .menu>ul>li.proLi ul .ul .ull{display: none; } .menu>ul>li.proLi ul .ul .ulr{width: 100%;border: 0;display: block;} .menu>ul>li.proLi ul .ul .ulr li{margin: 0; } .menu>ul>li.proLi ul .ul .ulr li>a{font-size: 16px;margin-bottom: 0; } .menu>ul>li.proLi ul .ul .ulr li .aDiv{margin-top: 15px; } .menu>ul>li.proLi ul .ul .ulr li .aDiv a{margin: 15px 0;font-size: 14px; } header .logo{max-width: 50%; } .f64{font-size: 40px;} .f48{font-size: 34px;} .f46{font-size: 32px;} .f40{font-size: 30px;} .f38{font-size: 27px;} .f36{font-size: 26px;} .f32{font-size: 25px;} .f30{font-size: 23px;} .f28{font-size: 22px;} .f26{font-size: 21px;} .f24{font-size: 20px;} .f22{font-size: 19px;} .f20{font-size: 18px;} .f18{font-size: 17px;} header .othersDiv .ssBtn,header .othersDiv .langDiv>a{height: 50px; } header .othersDiv{margin-right: 30px; } header .othersDiv .langDiv{margin-right: 20px; } header .rightDiv .menu>ul>li>a i{display: none; } header .headerTop{display: none; } .footerDiv .hdDiv{flex-wrap: wrap; } .footerDiv .hdDiv .ewmWrap{justify-content: center;margin-top: 30px;width: 100%; } .footerDiv .bdDiv .shareDiv a{margin-left: 15px; } } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { html, body{font-size: 15px;} body{padding-bottom: 60px; } .hidden-xs{display: none;} .visible-xs{display: block;} /* .floatRightDiv{display: none;} */ .floatRightDiv{width: 100%;top: initial;transform: none;bottom: 0; } .floatRightDiv ul{display: flex;justify-content: space-between;border-radius: 0;padding: 0; } .floatRightDiv ul li{width: 25%;position: relative; } .floatRightDiv ul li:last-child{display: block; } .floatRightDiv a.zxzxBtn{display: none; } .floatRightDiv ul li a{width: 100%; } .floatRightDiv ul li .textDiv{bottom: 100%;top: initial;width: 100vw;right: initial;display: none!important; } .floatRightDiv ul li .ewmDiv{right: initial;left: 0;top: initial;bottom: 115%; } .floatRightDiv ul li:hover .ewmDiv{bottom: 100%;right: initial; } /* .floatRightDiv ul li.backTop{opacity: 1!important; } .floatRightDiv ul li:not(:first-child)::before{width: 1px;height: 24px;left: 0;top: 50%;transform: translateY(-50%); } .floatRightDiv ul li:first-child a:nth-child(1),.floatRightDiv ul li:last-child a:nth-child(1){border-radius: 0; } */ .floatRightDiv ul li a{height: 60px; } /* .floatRightDiv ul li a i{font-size: 24px; } */ .wrap{padding: 0 15px;} .f64{font-size: 30px;} .f48{font-size: 28px;} .f46{font-size: 27px;} .f40{font-size: 26px;} .f38{font-size: 25px;} .f36{font-size: 24px;} .f32{font-size: 23px;} .f30{font-size: 22px;} .f28{font-size: 21px;} .f26{font-size: 20px;} .f24{font-size: 19px;} .f22{font-size: 18px;} .f20{font-size: 17px;} .f18{font-size: 16px;} .index-banner .img{height: 55vw;} .index-banner .textDiv .p1{ font-size: 20px;} .index-banner .textDiv a{margin-top: 10px; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; } .index-banner .swiper-pagination-bullet{width: 20px;height: 4px; } /* .index-banner .swiper-button-prev, .index-banner .swiper-button-next{display: none; } */ .indexTitle .line{margin-top: 20px; } .indexDiv1{padding: 50px 0; } .indexDiv1 .bdDiv{display: block; } .indexDiv1 .bdDiv .imgDiv{width: 100%; } .indexDiv1 .bdDiv .textDiv{width: 100%;margin-top: 30px; } .indexDiv1 .bdDiv .textDiv .indexTitle .line{width: 80px; } .indexDiv2{padding: 50px 0; } .indexDiv3{padding: 50px 0; } .footerDiv .hdDiv{padding: 40px 0;width: 100%;display: block;} .footerDiv .hdDiv .lxDiv,.footerDiv .hdDiv .lxDiv:nth-child(2){width: 100%;margin-right: 0;margin-bottom: 30px; } .footerDiv .hdDiv .ewmDiv:nth-child(1){margin-right: 30px; } .footerDiv .bdDiv{flex-wrap: wrap;text-align: center; } .footerDiv .bdDiv .shareDiv{width: 100%;margin-top: 15px;justify-content: center; } .nyBanner .wrap{height: 40vw; } .nyBanner span{font-size: 20px; } .nyBanner p{font-size: 12px; } /* .breadcrumbDiv{font-size: 14px;} */ /* .twoMenuDiv a{font-size: 14px; } */ .commonDiv{padding: 50px 0 60px;display: block; } .commonDiv .comLeftDiv{width: 100%; } .commonDiv .comLeftDiv .groupDiv input{line-height: 50px; } .commonDiv .comLeftDiv button{line-height: 50px;} .commonDiv .comRightDiv{width: 100%;margin-top: 30px; } .qianzhengDiv{font-size: 16px; } .liuxueDiv1{padding: 40px 0 10px; } .liuxueDiv1 .row>div{margin-bottom: 40px; } .liuxueDiv1 .row>div a .imgDiv .title{padding: 10px 15px;font-size: 18px; } .liuxueDiv2 .bdDiv .groupDiv input{line-height: 50px; } .liuxueDiv2 .bdDiv button{width: 50%;line-height: 50px; } .liuxueDiv3{padding: 40px 0; } .liuxueDiv4{padding: 50px 0; } .liuxueDiv4 .bdDiv{margin-top: 40px;padding: 0 50px; } .liuxueDiv4 .swiper-button-prev, .liuxueDiv4 .swiper-button-next{width: 36px;height: 36px;border-radius: 50%; } .contactDiv {padding: 40px 0; } .contactDiv .hdDiv .rowDiv .row>div{margin-bottom: 15px; } .contactDiv #allmap{height: 185px; } .contactDiv .hdDiv .rowDiv{margin: 20px 0 10px; } .contactDiv .bdDiv{margin-top: 50px; } .contactDiv .bdDiv .formDiv{margin-top: 20px; } .contactDiv .bdDiv .formDiv .row>div{margin-bottom: 20px; } .contactDiv .bdDiv .formDiv form button{margin: 0 auto;width: 180px; } .newsDiv{padding: 40px 0 60px; } .newsDetailDiv {padding: 30px 0 50px; } .newsDetailDiv .bdDiv{display: block; } .newsDetailDiv .blDiv{width: 100%; } .newsDetailDiv .brDiv{width: 100%;margin-top: 40px; } .newsDetailDiv .brDiv .brh{line-height: 55px; } .newsDetailDiv .articleDiv .bd{padding: 30px 0; } .pageDiv a, .pageDiv span{padding: 6px 13px; } @media (max-width:320px) { } }