/*@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;overflow-x:hidden;} .wrap{max-width: 1200px;margin: 0 auto;} 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;} .pa{position: absolute;} /**导航菜单**/ header{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;color: #333333;text-align: center;height: 160px;background: transparent;} header .logo{display: none;} header .logo a{position: relative;z-index: 9999;} header .logo img{max-height: 100%;} header .userDiv{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);background: rgba(12,13,39,.5);color: #fff;border-radius: 5px;padding: 12px 10px;font-weight: bold; } header .userDiv img{margin-right: 9px;} header .rightDiv .menu{text-align: center;} header .rightDiv .menu>ul{display: flex!important;} header .rightDiv .menu>ul .ulDiv{width: calc((100% - 100px) / 2);} header .rightDiv .menu>ul .logoDiv{margin: 0 36px;} header .rightDiv .menu>ul .logoDiv a{height: 160px;max-height: 80%;} header .rightDiv .menu>ul .logoDiv a img{max-height: 80%;} header .rightDiv .menu>ul li{float: initial;margin:0 34px;display: inline-block;} header .rightDiv .menu>ul li>a{height: 160px;display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;position: relative;font-size: 16px;font-weight: bold;} header .rightDiv .menu>ul li>a span{display: block;position: relative;text-transform: uppercase; } 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{color:#fff;} /*header .rightDiv .menu>ul li>a span::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0;background: #fff;height: 3px;bottom: -10px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;} header .rightDiv .menu>ul li:hover>a span::after, header .rightDiv .menu>ul li.on>a span::after{opacity: 1;transform: scaleX(1);}*/ 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-hide.png) no-repeat center center;background-size: 22px auto;} header .telDiv{height: 90px;} header .telDiv span{display: block;font-size: 14px;color: #fff;padding: 10px 17px;background: #f6aa1a;border-radius: 20px;font-weight: bold;} /****底部***/ .footerDiv{background: #113362;} .footerDiv .hdDiv{padding:70px 0 38px;border-bottom: 1px solid #5f7ea9;} .footerDiv .hdDiv .flexbet{align-items: flex-start;color: #fff;} .footerDiv .hdDiv .listDiv{margin-left: 4%;} .footerDiv .hdDiv .listDiv>span{display: block;margin-bottom: 10px;font-size: 18px;font-weight: bold;} .footerDiv .hdDiv .listDiv .line{width: 40px;height: 3px;background: #fff;margin-bottom: 20px; } .footerDiv .hdDiv .listDiv .aDiv{display: flex;flex-direction: column; align-content: flex-start;flex-wrap: wrap;width: 300px;height: 176px; } .footerDiv .hdDiv .listDiv .aDiv a{color: #5f7ea9;display: block;margin-top: 10px;font-size: 14px;margin-right: 47px;} .footerDiv .hdDiv .listDiv .aDiv a:hover{color: #fff;} .footerDiv .hdDiv .listDiv .lxDiv p{font-size: 14px;margin-bottom: 10px;} .footerDiv .hdDiv .listDiv .lxDiv .ewmDiv{max-width: 120px;margin-left: 2vw;} .footerDiv .hdDiv .listDiv .lxDiv .ewmDiv span{display: block;font-size: 14px;margin-top: 10px;text-align: center;} .footerDiv .bdDiv{padding: 15px 0;color: #5f7ea9;text-align: center;font-size: 14px;} .footerDiv .bdDiv a{color: #5f7ea9;} .footerDiv .bdDiv a:hover{color: #fff;} .backTop{position: fixed;top: 50%;right: 2.9vw;border-radius: 50%;box-shadow: 0px 0px 32px rgba(9,80,160,.22);z-index: 999;} /********************************* 首页 **********************************/ .main{margin-top: 0;} /*banner轮播*/ .index-banner{width: 100%;position:relative;padding: calc(206px + 6.2vw) 0 11.56vw;} .index-banner a{display: block;text-align: center;} .index-banner a img{width: 73.69%;} .indexTitle{position: relative;text-align: center;font-size: 36px;color: #193259;text-transform: uppercase;font-weight: bold; } .indexDiv0{margin-top:90px;} .indexDiv0 a img{width: 33.69%;} .indexDiv1{padding:100px 0;position: relative;} .indexDiv1 .p{margin-top: 30px; } .indexDiv1 .p p{line-height: 2;color: #666666;} .indexDiv2{padding: 77px 0;position: relative;background: url(../img/i-bg1.jpg) no-repeat center center/cover; } .indexDiv2 .indexTitle{color: #fff;} .indexDiv2 .bdDiv{margin-top: 45px;} .indexDiv2 .bdDiv .row{margin: 0;background: #fff;padding: 10px 0;} .indexDiv2 .bdDiv .row>div{padding: 0 10px;} .indexDiv2 .bdDiv .row>div .conDiv{position: relative;height: 100%;padding: 35px 15.5%;text-align: center;overflow: hidden; } .indexDiv2 .bdDiv .row>div .conDiv img{width: 17.24%;text-align: right;position: absolute;right: -10px;bottom: -10px; } .indexDiv2 .bdDiv .row>div .conDiv span{font-size: 20px;color: #193259;font-weight: bold; } .indexDiv2 .bdDiv .row>div .conDiv .p{margin-top: 15px;color: #666666;line-height: 1.6;text-align: left; } .indexDiv2 .bdDiv .row>div:nth-child(2) .conDiv,.indexDiv2 .bdDiv .row>div:nth-child(3) .conDiv{background: #f5f5f5; } .indexDiv3{padding: 109px 0 114px;position: relative;background: #f5f5f5; } .indexDiv3 .bdDiv{margin-top: 20px;} #certify {position: relative;width: 100%;margin: 0 auto} #certify .swiper-container {padding: 30px 0;} #certify .swiper-slide {width: 75%;height: 300px;background: #fff;box-shadow: 0 8px 30px #ddd;} #certify .swiper-slide .conDiv{padding: 60px 40px;} #certify .swiper-slide .conDiv>img{display:block;width: 20.7%;border-radius: 50%; } #certify .swiper-slide .conDiv .textDiv{width: 74.39%;} #certify .swiper-slide .conDiv .textDiv span {font-size: 24px;color: #666666;font-weight: bold;display: block; } #certify .swiper-slide .conDiv .textDiv img{display: block;margin: 10px 0;} #certify .swiper-slide .conDiv .textDiv .p{color: #666666;line-height: 2; } #certify .swiper-button-prev,#certify .swiper-button-next{width: 60px;height: 170px;top: 50%;margin-top: -85px;} #certify .swiper-button-prev {left: 0;background: url(../img/left.png) rgba(0,0,0,.2) no-repeat center center;} #certify .swiper-button-prev:hover {} #certify .swiper-button-next {right: 0;background: url(../img/right.png) rgba(0,0,0,.2) no-repeat center center;} #certify .swiper-button-next:hover {} .indexDiv4{padding: 90px 0;} .indexDiv4 .bdDiv{position: relative;margin-top: 50px; } .indexDiv4 .leftDiv{width: 40%;} .indexDiv4 .leftDiv ul{position: relative;} .indexDiv4 .leftDiv ul li{position: relative;padding-bottom: 30px;background: url(../img/check.png) no-repeat left 10px;} .indexDiv4 .leftDiv ul:after{content: "";width: 1px;height: calc(90%);position: absolute;top: 10px;left: 13px;background: #e4e4e4;z-index: -1; } .indexDiv4 .leftDiv ul li a{font-size: 18px;color: #193259;padding: 10px 0 10px 41px; display: block;} .indexDiv4 .leftDiv ul li.on{background: url(../img/check_.png) no-repeat left 10px;} .indexDiv4 .leftDiv ul li:last-child{padding-bottom: 0;} .indexDiv4 .rightDiv{width: 60%;position: relative;background: #264a7c;padding: 46px 0 53px 9.6%;border-radius: 20px 0 0 20px; } .indexDiv4 .rightDiv:after{content: "";width: calc((100vw - 1200px) / 2);height: 100%;left: 100%;background: #264a7c;position: absolute;top: 0; } .indexDiv4 .rightDiv a{color: #fff;} .indexDiv4 .rightDiv a .imgDiv{position: relative;padding-top: 56.3%; } .indexDiv4 .rightDiv a .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden; } .indexDiv4 .rightDiv a .imgDiv img{width: 100%;height: 100%;object-fit: cover; } .indexDiv4 .rightDiv a .textDiv{padding-top: 30px;} .indexDiv4 .rightDiv a .textDiv .titleDiv{font-size: 18px;} .indexDiv4 .rightDiv a .textDiv .titleDiv span{font-size: 14px;margin-left: 10px;} .indexDiv4 .rightDiv a .textDiv .p{margin: 15px 0;} .indexDiv4 .rightDiv a .textDiv small{font-size: 14px;text-decoration: underline;text-underline-offset: 10px;display: inline-block; } .fontB{font-weight: bold;} .ny-banner{width: 100%;position:relative;padding: calc(206px + 3.3vw) 0 2.6vw;} .ny-banner .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:flex-end;color: #fff;text-align: left;} .ny-banner span{font-size: 36px;font-weight: bold;} .breadcrumbDiv{line-height: 50px;background: rgba(22,52,93,1);color: #fff;font-size: 14px; } .breadcrumbDiv a{color: #fff;} .breadcrumbDiv a:hover{opacity: .8;} .menuWrap .aDiv{border-bottom: 1px solid #cecece;} .menuWrap .aDiv a{display: block;padding: 20px 0;text-transform: uppercase;color: #666666;position: relative; } .menuWrap .aDiv a.on:after{content: "";width: 100%;height: 3px;background: #224678;position: absolute;left: 0;bottom: -1px; } .aboutDiv{padding: 60px 0 120px;} .aboutDiv .bdDiv{color: #666666;line-height: 2;margin-top: 40px; } .newsDiv{padding: 60px 0 120px;} .newsDiv .bdDiv{margin-top: 40px; } .newsDiv .bdDiv .row>div{margin-bottom: 30px; } .newsDiv .bdDiv .row>div a{color: #333;} .newsDiv .bdDiv .row>div a .imgDiv{position: relative;padding-top: 56.3%; } .newsDiv .bdDiv .row>div a .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden; } .newsDiv .bdDiv .row>div a .imgDiv img{width: 100%;height: 100%;object-fit: cover; } .newsDiv .bdDiv .row>div a .textDiv{padding-top: 10px;} .newsDiv .bdDiv .row>div a .textDiv .titleDiv{font-size: 18px;} .newsDiv .bdDiv .row>div a .textDiv .titleDiv span{font-size: 14px;margin-left: 10px;} .newsDiv .bdDiv .row>div a .textDiv .p{margin: 10px 0;} .newsDiv .bdDiv .row>div a .textDiv small{font-size: 14px;text-decoration: underline;text-underline-offset: 10px;display: inline-block; } .newsDiv .bdDiv .row>div a:hover .textDiv .titleDiv{color: #193259;} .detailDiv {padding:50px 0 60px;} .detailDiv .articleDiv .hd .title{font-size: 30px;color: #333333;font-weight: bold;} .detailDiv .articleDiv .hd .smTit{display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #666666;border-top: 1px solid #e6e6e6;padding-top: 18px;margin-top: 25px;} .detailDiv .articleDiv .hd .smTit span{display: inline-block;padding-left: 18px;} .detailDiv .articleDiv .hd .smTit span.user{background: url(../img/user.png) no-repeat left center;text-transform: uppercase;margin-right: 30px;} .detailDiv .articleDiv .hd .smTit span.date{background: url(../img/time1.png) no-repeat left center;} .detailDiv .articleDiv .hd .smTit span.news{background: url(../img/news.png) no-repeat left center;margin-right: 20px;} .detailDiv .articleDiv .bd {text-align: center;margin-top: 40px;} .detailDiv .articleDiv .bd p{font-size: 16px;color: #333333;line-height: 1.8;margin: 30px 0;text-align: left;} .detailDiv .otherPage{border-top: 1px solid #e6e6e6;padding-top: 20px;} .detailDiv .otherPage>div{margin-top: 10px;font-size: 14px;color: #999999;} .detailDiv .otherPage>div a{color: #333;} .detailDiv .otherPage>div a:hover{color: #193259;} .pageDiv{text-align: center;} .pageDiv span,.pageDiv a{display: inline-block;text-align: center;color: #fff;margin: 0 5px;width: 59px;height: 59px;line-height: 57px;opacity: 1;background: #193259;border-radius: 50%;border:1px solid #FF6400;} .pageDiv span,.pageDiv a:hover{background: #fff;color: #193259;border:1px solid #193259;} /*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,.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;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 span{} header .rightDiv .menu>ul>li.has-sub>a span{padding-right:30px;} .menu>ul>li.has-sub>a span::after{position:absolute;top:50%;margin-top:-6px;right:15px;width:8px;height:8px;border-bottom:1px solid rgba(0,0,0,.5);border-right:1px solid rgba(0,0,0,.5);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 span::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:0;text-align: center;width: max-content;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all .6s;width: 100%;} .menu li:hover>ul{opacity: 1;transform: translateY(0);visibility: visible;} /*.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: 40px 0;background: rgba(247,247,247,.9);} .menu ul ul .rowDiv{align-items: flex-start;} .menu ul ul .imgDiv{width: 28.9%;} .menu ul ul .textDiv{width: 71.1%;align-items: flex-start;text-align: left;} .menu ul ul .textDiv .list{margin-left: 7%;} .menu ul ul .textDiv .list span{display: block;font-weight: bold;color: #333;} .menu ul ul .textDiv .list a{display: block;color: #666666;margin-top: 10px;} .menu ul ul .textDiv .list a:hover{color: #f6aa1a;} /*.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 15px;} header .rightDiv .menu>ul .logoDiv{margin: 0 1.7vw;} header .rightDiv .menu>ul li{margin: 0 1.5vw;} .indexDiv4 .rightDiv:after{width: 20px;} .indexTitle{font-size: 30px;} .indexDiv4 .leftDiv ul li a{font-size: 16px;} .menuWrap .aDiv a{font-size: 14px;} } @media (max-width:1100px) { .menuWrap .aDiv{display: block;} .menuWrap .aDiv a{display: inline-block;margin-right: 20px;font-size: 14px;} } @media (min-width:992px) and (max-width:1024px) { } @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(255,255,255,.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(255,255,255,.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:#fff;z-index:99} .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;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; background: #224678; } header .logo{display: block;} header .logo a{height: 50px;width: initial;} header .logo a img{max-height: 80%;} header .mbtn {display: block;} body.on-menu header{background:rgba(34,70,120,.95);} 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:rgba(34,70,120,.95); /*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: left; font-size: 16px; } header.indexHeader .rightDiv .menu>ul>li>a{color: #333;} header .rightDiv .menu>ul>li>a small{display: none;} header .rightDiv .menu>ul {display: block;padding-top: 0;} body.on-menu header .rightDiv .menu {right: 0;} body.on-menu .main {right: 0;} header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;} header .rightDiv .menu>ul>li>a::after{display: none;} header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;} .menu ul ul{box-shadow: none;} .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;} header .rightDiv .searchDiv{float: initial;justify-content: flex-start;} header .rightDiv .language{float: initial;justify-content: flex-start;height: 50px;padding-left: 20px;} 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;} .menu>ul>li.has-sub>a span::after{display: none;} header .rightDiv .menu>ul>li>a{padding: 0;} header .rightDiv .menu>ul>li>a span{line-height: 50px;border: 0;border-radius: 0;} .menu ul ul{opacity: 1;visibility: hidden;transform: translateY(0px);} header .rightDiv .menu>ul>li li a{color: #fff;} /*.main{margin-top: 50px;}*/ header .userDiv{top: 50%;transform: translate(-50%,-50%);padding: 0 6px;line-height: 30px;font-size: 12px;} header .userDiv img{margin-right: 5px;width: 20px; } .index-banner{padding: calc(50px + 6.2vw) 0 11.56vw;} header .rightDiv .menu>ul{display: block!important;} header .rightDiv .menu>ul .logoDiv{display: none;} header .rightDiv .menu>ul .ulDiv{width: 100%;display: block;} header .rightDiv .menu>ul .ulDiv a{display: block;padding: 0 20px;font-size: 16px;} .indexTitle,.ny-banner span{font-size: 24px;} .ny-banner{padding: calc(50px + 3.3vw) 0 2.6vw; } } .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 a img{width: 86%;} .indexTitle{font-size: 20px;} .indexDiv0{margin-top:40px;} .indexDiv0 a img{width: 38.69%;} .indexDiv1{padding: 50px 0;} .indexDiv1 .p p{font-size: 14px;margin-top: 20px;} .indexDiv2{padding: 38px 0;} .indexDiv2 .bdDiv{margin-top: 25px;} .indexDiv2 .bdDiv .row>div .conDiv{padding: 20px 10%;} .indexDiv2 .bdDiv .row>div .conDiv span{font-size: 17px;} .indexDiv2 .bdDiv .row>div .conDiv .p{font-size: 14px;margin-top: 10px;} .indexDiv3{padding: 50px 0 30px;} .indexDiv3 .bdDiv{margin-top: 0;} #certify .swiper-slide{width: 100%;height: initial;} #certify .swiper-slide .conDiv{padding: 30px;display: block; } #certify .swiper-button-prev, #certify .swiper-button-next{width: 30px;height: 80px;} #certify .swiper-slide .conDiv>img{width: 40%;margin: 0 auto;} #certify .swiper-slide .conDiv .textDiv{width: 100%;margin-top: 20px;text-align: center;} #certify .swiper-slide .conDiv .textDiv img{margin: 10px auto;width: 100px;} #certify .swiper-slide .conDiv .textDiv span{font-size: 18px;} #certify .swiper-slide .conDiv .textDiv .p{font-size: 14px;} .indexDiv4{padding: 45px 0;} .indexDiv4 .bdDiv{display: block;} .indexDiv4 .leftDiv{width: 100%;} .indexDiv4 .leftDiv ul:after{left: 10px; } .indexDiv4 .leftDiv ul li{padding-bottom: 10px;background-size: 20px; } .indexDiv4 .leftDiv ul li.on{background-size: 20px;} .indexDiv4 .leftDiv ul li a{font-size: 14px;padding: 10px 0 10px 31px; } .indexDiv4 .rightDiv{width: 100%;margin-top: 20px;padding: 23px 0 26px 9.6%;} .indexDiv4 .rightDiv a .textDiv{padding-top: 15px;} .indexDiv4 .rightDiv a .textDiv .titleDiv{font-size: 16px;} .indexDiv4 .rightDiv a .textDiv .titleDiv span{font-size: 12px;float: initial;display: block;margin-bottom: 10px; } .indexDiv4 .rightDiv a .textDiv .p{font-size: 14px;margin: 10px 0;} .indexDiv4 .rightDiv a .textDiv small{font-size: 12px;} .footerDiv .hdDiv{padding: 15px 0 20px;} .footerDiv .hdDiv .logoDiv{display: none;} .footerDiv .hdDiv .flexbet{display: block;} .footerDiv .hdDiv .listDiv{margin: 20px 0 0;} .footerDiv .hdDiv .listDiv>span{font-size: 16px;} .footerDiv .hdDiv .listDiv .line{margin-bottom: 15px;} .footerDiv .hdDiv .listDiv .aDiv{height: 156px;} .footerDiv .bdDiv{font-size: 12px;} .ny-banner span{font-size: 18px;} .breadcrumbDiv{line-height: 30px;font-size: 12px; } .menuWrap .aDiv a{padding: 10px 0;} .aboutDiv{padding: 30px 0 60px;} .aboutDiv .bdDiv{margin-top: 20px;font-size: 14px; } .newsDiv{padding: 30px 0 60px;} .newsDiv .bdDiv{margin-top: 20px;} .newsDiv .bdDiv .row>div a .textDiv .titleDiv {font-size: 16px;} .newsDiv .bdDiv .row>div a .textDiv .titleDiv span{font-size: 12px;} .newsDiv .bdDiv .row>div a .textDiv .p{font-size: 14px;margin: 5px 0;} .newsDiv .bdDiv .row>div a .textDiv small{font-size: 12px;} .detailDiv{padding: 25px 0 30px;} .detailDiv .articleDiv .hd .title{font-size: 18px;} @media (max-width:320px) { } }