/*滚动条样式*/ ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-track{background:#f8f8f8} ::-webkit-scrollbar-thumb{background:#002247;height:60px;border-radius: 4px;} ::-webkit-scrollbar-thumb:window-inactive{background:#002247} ::-webkit-scrollbar-thumb:vertical:hover{background:#002247} @font-face { font-family: "KronaOne"; src: url("kronaone-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"微软雅黑";width:100%;min-width:320px;overflow-x: hidden;/* padding-top:60px; */color:#212121;} html,body{height:100%;} em,i{font-style:normal} a:hover{text-decoration:none} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p{margin-top:0;margin-bottom:0;} ul{margin:0;padding:0;} ul,li{list-style: none;} textarea{resize: none;} a:focus, a:hover{text-decoration: none;} a{color:#212121;} a:focus, a:hover{color:#212121;} .Animation{-webkit-transition:all 1s;transition:all 1s;opacity:0} .fullpage{width:100%;overflow:hidden} .section{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;} .img{width:100%;overflow:hidden;position:relative} .img img{display:block;width:100%;transition:all .5s} .fl{float:left;} .fr{float:right;} .clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .overflowY{overflow-y:hidden;} body{padding-top:60px;} @media (max-width: 767px) { .PC_img{display:none!important} #about{width: 100%;} } @media (min-width: 768px) { body{padding-top:80px;} .min_img{display:none!important} } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1450px) { .container{width:1280px;} } /*foot*/ .gotop{width:40px;height:40px;background:url(gotop1.png) no-repeat center;background-size:contain;position:fixed;right:5px;bottom:150px;cursor:pointer;display:none;transition:all .5s;z-index: 10;} .footer{padding-top:40px;width:100%;background:#1a3859;color:#cedff2;} .footer a{color:#cedff2;} .footer a:hover{color:#cedff2;} .footLogo{display: flex;justify-content: center;} .footLogo img{display: block;height:50px;} .footNav{display: flex;flex-flow: row wrap;padding:15px 0 10px;border-bottom:1px solid rgba(255,255,255,0.2);} .footNav a{margin-right:18px;line-height:30px;margin-bottom:5px;} .footNav a:hover{color:#fff;/* text-decoration: underline; */} .footMiddle{padding:32px 0 10px;margin-left:-15px;margin-right:-15px;overflow: hidden;} .footMiddle>div{float:left;padding-left:15px;padding-right:15px;} .footMiddle h5{font-size:16px;font-weight: 700;margin-bottom:20px;color:#fff;} .footMiddle .row>div{margin-bottom:20px;} .footContact .row{margin-top:-7px;} .footContact .InfoContent{margin-bottom: 15px;} .footContact .InfoContent:last-child{margin-bottom:0;} .footEwm>.fewm{display: flex;text-align: center;flex-flow: row wrap;} .footEwm>.fewm>div{width:90px;margin-right:10px;margin-bottom:20px;} .footEwm>.fewm>div:last-child{margin-right:0;} .footEwm>.fewm>div>img{width:80px;display: block;margin:0 auto 10px;} .copyright{padding:15px 0;line-height:20px;text-align: center;border-top:1px solid rgba(255,255,255,0.2);color:#cedff2;} .copyright a{display:inline-block;color:#cedff2;} .copyright img, .copyright a img{display:inline-block;vertical-align:middle;} img.support{display:block;height:14px;vertical-align: -2px!important;} @media (max-width: 767px) { .gotop{width:30px;height:30px} .copyright{font-size:12px;} img.support {height:12px;} } @media (min-width: 768px) { .footLogo img{height:70px;} .footNav{justify-content: center;} .footNav a{padding:0 15px;margin-right:0;} .copyright{padding:20px 0;} } @media (min-width:992px){ .footMiddle{padding-top:37px;} .footLogo img{height:85px;} .footNav a{padding:0 20px;} .footMiddle{display: flex;} .footMiddle .footContact{width:50%;overflow: hidden;} .footMiddle .footEwm{width:50%;flex: 0 0 auto;} .footEwm>.fewm{justify-content: space-between;} } @media (min-width:1450px){ .copyright{padding:25px 0;} } /*导航*/ .navbar-default { background-color:#fff; border: 0; border-radius: 0; margin-bottom: 0; border:none; box-shadow: 0 0 6px rgba(0,0,0,.2); transition: all 0.5s; } .navbar-brand { height: auto; padding-top: 5px; padding-bottom: 5px; } .navbar-brand img { height: 50px; } .navbar-default .navbar-toggle { border: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #002247; -webkit-transition: all .5s; transition: all .5s; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .menu_close .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 6px; } .navbar-default .menu_close .icon-bar:nth-child(2) { display: none; } .navbar-default .menu_close .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-default .navbar-nav>li>a { position: relative; line-height:20px; color:#212121; text-transform: uppercase; transition: all .3s; z-index: 2; } .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #212121; background-color: transparent; } .navbar-default .navbar-nav>.active>a:after{ width:100%; } .navbar-collapse::-webkit-scrollbar { width: 2px; height: 2px; } .header .navbar-fixed-bottom .navbar-collapse, .header .navbar-fixed-top .navbar-collapse { max-height: calc(100vh - 60px); } .navbar-default .dropdown-menu{border:none;left:50%;right:auto;background:#fff;top:100%;padding:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .navbar-default .dropdown-menu a{font-size:14px;padding:12px 10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:all .5s;transition:all .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .navbar-default .dropdown-menu li:last-child a{border-bottom:none;} .navbar-default .dropdown-menu a:hover{color:#e65453;background: transparent;} .navbar-other{position: absolute;right:65px;top:10px;} .navbar-other>a{display: block;line-height: 40px;color:#fff;transition: all .3s;color:#fff;background:#e65453;border-radius: 20px;padding:0 8px;font-size:12px;cursor: pointer;} .navbar-other>a:hover{ animation-name:aroundAnimation; /*动画的名称*/ animation-duration: 1s; /*动画时间*/ animation-fill-mode: both; /*播放后的状态*/ animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/ transform-origin: center; /*设置动画旋转元素的基点为*/ } @keyframes aroundAnimation{ 10%{transform: translateX(3px) rotate(2deg);} 20%{transform: translateX(-3px) rotate(-2deg);} 30%{transform: translateX(3px) rotate(2deg);} 40%{transform: translateX(-3px) rotate(-2deg);} 50%{transform: translateX(2px) rotate(1deg);} 60%{transform: translateX(-2px) rotate(-1deg);} 70%{transform: translateX(2px) rotate(1deg);} 80%{transform: translateX(-2px) rotate(-1deg);} 90%{transform: translateX(1px) rotate(0deg);} 100%{transform: translateX(-1px) rotate(0deg);} } @media (max-width: 767px) { .navbar-default .navbar-toggle{margin:14px 10px;} .navbar-default .navbar-nav>li{padding:0 15px;} .navbar-default .navbar-nav>li>a:after{content: '';position: absolute;width:0;height:2px;background:#e65453;left:0;bottom:0;transition:all 0.3s;} .navbar-default .nav>li>a:hover:after{width:100%;} .navbar-default .navbar-nav>li>a:after{height:2px;} .navbar-default .navbar-nav>li>a{line-height:20px;} .navbar-default .dropdown-menu{position: static;width:100%;margin:0;float:none;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);background:none;padding:0;-webkit-transform: translateX(0);transform: translateX(0);} .navbar-default .dropdown-menu li{padding:0;border-bottom:1px #e7e7e7 dashed;} .navbar-default .dropdown-menu a{position: relative;padding:0 15px 0 25px;border-color:rgba(255,255,255,.1);text-align:left;} .navbar-default .navbar-nav .dropdown-menu>li>a{line-height:25px;} .navbar-default .dropdown-menu li:last-child a{border-bottom:1px solid rgba(255,255,255,.1);} .navbar-default .dropdown-menu a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#002247;background:none;} .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333} } @media (min-width: 768px) { .navbar-default .navbar-nav{position: relative;} .navbar-default .navbar-nav .navSelected{position: absolute;left:0;bottom:0;width:48px;height:4px;background:#e65453;} .navbar-other{position: static;float:right;padding:17px 0;margin-left:10px;} .navbar-other>a{width:74px;text-align: center;line-height:18px;padding:5px 10px;border-radius: 12px;} /*.navbar-default .navbar-collapse{float:right;}*/ .navbar-default .navbar-collapse{margin: 0 200px;} .navbar-brand{padding-top: 5px;padding-bottom: 5px;} .navbar-brand img{height: 70px;} .navbar-default .navbar-nav>li{padding:0;} .navbar-default .navbar-nav>li>a{padding:30px 10px 10px 10px;} .navbar-default .dropdown-menu{min-width:120px;} } @media (min-width: 992px) { .navbar-default .navbar-nav .navSelected{width:62px;} .navbar-other{padding:20px 0;margin-left:20px;} .navbar-other>a{width:auto;line-height:40px;font-size:14px;padding:0 10px;border-radius: 20px;} .navbar-brand{padding-top:0;padding-bottom:0;} .navbar-brand img{height: 80px;} .navbar-default .navbar-nav>li{font-size:16px;} .navbar-default .navbar-nav>li>a{padding-left:15px;padding-right:15px;} } @media (min-width: 1200px) { .navbar-other>a{font-size:16px;padding:0 16px} .navbar-default .navbar-nav .navSelected{width:82px;} .navbar-default .navbar-nav>li>a{padding-left:17px;padding-right:17px;} } .modal-dialog{width:100%;max-width:90%;display:flex;flex-direction:column;justify-content:center;min-height:100%;margin:0 auto;padding:30px 0;} .modal-header{text-align: center;} .modal-header .h4{font-size:18px;font-weight: 700;} .modal-header .close{position: absolute;width:40px;height:40px;top:2px;right:0;border-radius: 5px;background:#fff url(icon20.png) no-repeat center;background-size:100% 100%;cursor: pointer;opacity: 1;cursor: ;} #msg .btn{display:block;max-width:240px;padding:0 45px;height:45px;line-height:45px;font-size:16px;text-align:center;background:#002247;border-radius:3px;color:#fff;margin:0 auto;} #msg .btn:hover{background:#002247;} #msg form .form-control{display: block;height:40px;box-shadow: 0 0 0 rgba(255,255,255,0);} #msg form .error .form-control{border-color:#002247;} #msg form textarea.form-control{height:120px;} #msg form .form-control:focus{border-color:#002247;} .valid_message{display: none;} .modal-footer p{font-size:14px;text-align: center;font-weight: 700;} #msg .modal-footer{display: flex;justify-content: space-between;align-items: center;text-align: center;} #msg .modal-footer:before, #msg .modal-footer:after{display: none;} #msg .modal-footer>div{margin:5px 0;} #msg .modal-footer img{width:160px;} @media (max-width:767px){ #msg .modal-footer{display: block;} .modal-header .close{background-size:30px 30px;} } @media (min-width:768px){ .modal-dialog{width:800px;} #msg .modal-header, #msg .modal-body{padding:25px} #msg .btn{height:54px;line-height:54px;} .modal-footer p{font-size:16px;} } .side-nav{position: fixed;z-index: 99;right:5px;top:50%;transform: translateY(-50%);transition: all 0.5s;} .side-nav .side-nav-item{position: relative;margin-bottom:8px;cursor: pointer;} .side-nav a{display: block;} .side-nav .icon{width:30px;height:30px;border-radius: 50%;overflow: hidden;background:#002247;transition: all 0.5s;} .side-nav .icon>img{width:100%;height:100%;} .side-nav-item .weixin{position: absolute;width: 200px;padding:25px;background-color: #ffffff; box-shadow: 0px 2px 11px 0px rgba(19, 9, 61, 0.1); border-radius: 10px; top: -27px; left: -222px; display: none;} .side-nav-item .weixin::after{content: ''; width: 0; height: 0; border: 8px solid; border-color: #fff transparent transparent #fff;box-shadow: -11px -11px 11px 0px rgba(19, 9, 61, 0.1); position: absolute; top:40px; right:-8px; transform: rotate(135deg);} .side-nav-item .weixin img{max-width: 100%; margin:0 auto;display: block;} .side-nav-item .weixin p{font-size: 14px; margin-top:15px;text-align: center;} .side-nav-item:hover .icon{background:#002247;} .side-nav-item:hover .weixin{display: block;} .side-nav.on{right: -15px;} @media (min-width:768px){ .side-nav{right:10px;} .side-nav .side-nav-item{margin-bottom:12px;} .side-nav .icon{width:40px;height:40px;} .side-nav.on{right: -20px;} } @media (min-width:1200px){ .side-nav{right:15px;} .side-nav .side-nav-item{margin-bottom:10px;} .side-nav .icon{width:48px;height:48px;} .side-nav.on{right: -24px;} } /*首页*/ .swiper-button-prev,.swiper-button-next{outline: none;} .banner{position:relative;width:100%;overflow: hidden;} .banner img[onclick]{cursor: pointer;} .banner .swiper-slide>img{width:100%;} .banner_text{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .banner_text img{width:auto;max-width:100%;margin:0 auto;-webkit-transition:all 1s;transition:all 1s;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)} .banner .swiper-slide-active .banner_text img{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:.5s;transition-delay:.5s} .banner .swiper-pagination{bottom:5px;} .banner .swiper-pagination-bullet{position: relative;width:40px;height:20px;border-radius:0;background:transparent;opacity:1;margin:0 5px!important;} .banner .swiper-pagination-bullet:before{content: '';display: block;width:100%;height:3px;background:#fff;margin-top:8px;opacity:0.5;} .banner .swiper-pagination-bullet:after{content: '';position: absolute;width:0;height:3px;background:#fff;top:8px;left:0;transition: all 0s;} .banner .swiper-pagination-bullet-active{background:transparent;opacity: 1;} .banner .swiper-pagination-bullet-active:after{width:100%;transition: all 5s;} .banner .swiper-button-white{width:38px;height:76px;margin-top:-38px;/* background-color:rgba(0,0,0,0.6); */background-size:auto 18px;outline: none;} .banner .swiper-button-prev{left:0;background-image: url(l4.png);} .banner .swiper-button-next{right:0;background-image: url(r4.png);} .banner .swiper-button-prev,.banner .swiper-button-next{opacity: 0;transition: all 0.5s;} .banner:hover .swiper-button-prev, .banner:hover .swiper-button-next{opacity: 0.6;} .banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{opacity: 1;} @media (max-width:767px){ .banner .swiper-button-white{display: none;} } @media (max-width:479px){ .banner .swiper-pagination{bottom:5px;} .banner .swiper-pagination-bullet{width:30px;} } @media (min-width:768px){ .banner .swiper-pagination-bullet{width:50px;margin:0 10px!important;} } @media (min-width:992px){ .banner .swiper-button-white{width:35px;} .banner .swiper-button-prev{left:15px;} .banner .swiper-button-next{right:15px;} .banner .swiper-pagination{bottom:15px;} .banner .swiper-pagination-bullet{width:60px;} } @media (min-width:1200px){ .banner .swiper-pagination-bullet{width:70px;} } @media (min-width:1450px){ .banner .swiper-pagination-bullet{width:80px;} } .indexItem{width:100%;overflow: hidden;padding:40px 0;background-size:cover;background-position: center;background-repeat: no-repeat;} .indexTitle{position: relative;margin-bottom:30px;text-align: center;} .indexTitle .h2{font-size:22px;color:#002247;font-weight: 700;} .indexTitle p{font-size:14px;margin-top:10px;color:#666;} .moreHref{display: block;font-size:16px;max-width:160px;line-height:20px;padding:12px;border:1px solid #989898;text-align: center;transition: all 0.5s;margin:30px auto 0;} .moreHref:hover{background:#002247;border-color:#002247;color:#fff;} .textColor, .textColor .indexTitle, .textColor .indexTitle .h2, .textColor .indexTitle p, .textColor .InfoContent{color:#fff;} .textColor .moreHref{border-color:#fff;color:#fff;} .textColor .moreHref:hover{background:#002247;border-color:#002247;color:#fff;} @media (max-width: 767px) { } @media (min-width: 768px) { .indexItem{padding:30px 0;} .indexTitle{margin-bottom:35px;} .indexTitle .h2{font-size:24px;} .indexTitle p{margin-top:15px;} .moreHref{margin-top:35px;} } @media (min-width: 992px) { .indexTitle{margin-bottom:35px;} .indexTitle .h2{font-size:26px;} .moreHref{margin-top:45px;font-size:18px;max-width:190px;line-height:20px;padding:15px;} } @media (min-width: 1200px) { .indexItem{padding:40px 0;} .indexTitle{margin-bottom:55px;} .indexTitle .h2{font-size:30px;} .indexTitle p{font-size:16px;margin-top:20px;} .moreHref{margin-top:55px;} .wrapper .indexTitle{margin-bottom:45px} } @media (min-width: 1450px) { .indexItem{padding:40px 0;} .indexTitle{margin-bottom:65px;} .indexTitle .h2{font-size:36px;} .indexTitle p{font-size:18px;} .moreHref{margin-top:65px;font-size:20px;} } @media (min-width: 1650px) { .indexItem{padding:40px 0;} } /*横屏*/ @media (max-width:767px) and (orientation:landscape){ } /* 首页 - 牛津硕博 */ .list.row{margin:-12px -6px 0;display: block;align-items: stretch;flex-flow: row wrap;overflow: hidden;} .list.row:before, .list.row:after{display: none;} .list .column{padding:12px 6px 5px;} .list .list_in{display: block;position: relative;padding:10px;height:100%;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,0.15);} .list .list_in:after{content: '';position: absolute;width:0;height:4px;background:#002247;left:0;bottom:0;transition: all 0.5s;} .list .text{padding:15px 0 5px;} .list .h5{font-size:16px;margin-bottom:10px;font-weight: 700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .list .p{line-height:24px;max-height:96px;overflow: hidden;color:#888;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} .list .list_in:hover .img>img{transform: scale(1.05);} .list .list_in:hover:after{width:100%;} .list .hrefs{overflow: hidden;margin-top:15px;} .list .hrefs>a{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;} .list .hrefs>a:hover{color:#002247;} .list .swiper-container{padding-bottom:40px;padding-left:6px;padding-right:6px;} .list .swiper-wrapper{padding-top:12px;padding-bottom:5px;align-items: stretch;} .list .swiper-slide{height:auto;} .list .swiper-pagination{bottom:0;} .indexItem .swiper-pagination-bullet-active{background:#002247;} @media (max-width:767px){ } @media (min-width:768px){ .list.row{display: flex;} .list .list_in{height:100%;} .list .text{padding:20px 0;} .list .h5{margin-bottom:15px;} } @media (min-width:992px){ .list .h5{font-size:18px;} .list .list_in:after{height:6px;} .list .list_in{padding:15px;} .list .hrefs>a{font-size:16px;} } @media (min-width:1200px){ .list .swiper-container{padding-bottom:0;} .list .swiper-pagination{display: none;} .list .list_in{box-shadow: 0 0 12px rgba(0,0,0,0.15);} } @media (min-width:1450px){ .list .hrefs{margin-top:20px;} .list .hrefs>a{margin-bottom:20px;} } /* 首页 - 九牛资质 */ .in2_row{margin:0 -10px;} .in2_row>.column{padding:0 10px;} .in2_content .p{line-height: 1.8;padding:20px 0;} .in2_ul{margin:0 -8px;} .in2_ul>li{padding:0 8px;} .in2_ul>li>p{text-align: center;font-size:16px;margin: 15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .in2_content:hover .img>img, .in2_ul>li:hover .img>img{transform: scale(1.05);} #lightGallery-action{display: none;} #lightGallery-close{width:40px;height:40px;line-height:40px;top:15px;right:15px;} #lightGallery-close:after{font-size:20px;} @media (max-width:767px){ } @media (min-width:768px){ } @media (min-width:992px){ .in2_row{margin:0 -15px;} .in2_row>.column{padding:0 15px;} .in2_ul>li>p{padding:5px 0;} } @media (min-width:1200px){ .col-lg-h{width:20%;} .in2_content .p{font-size:16px;} .in2_ul>li>p{font-size:18px;padding:10px 0;} } @media (min-width:1450px){ .in2_row{margin:0 -33px;} .in2_row>.column{padding:0 33px;} .in2_ul>li>p{padding:15px 0;} } /* 首页 - 学术阵容 */ .team_list.row{margin:-20px -10px 0;display: block;align-items: stretch;flex-flow: row wrap;overflow: hidden;} .team_list.row:before, .team_list.row:after{display: none;} .team_list .list_in{background:#fff;border-radius: 10px;overflow: hidden;transition: all 0.5s;} .team_list .column{padding:20px 10px 5px;} .team_list .h5{position: absolute;font-size:16px;padding:15px;width:100%;left:0;bottom:0;background:rgba(54,121,173,0.8);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;} .team_list .list_in>ul{padding:15px 15px 25px;} .team_list .list_in>ul>li{position: relative;border-bottom:1px solid #e5e5e5;padding:10px 0 10px 32px;line-height:20px;color:#333;} .team_list .list_in>ul>li>.icon{position: absolute;width:20px;height:20px;left:0;top:10px;} .team_list .list_in:hover{box-shadow: 0 0 15px rgba(0,0,0,0.5);} .team_list .list_in:hover .h5{background:rgba(54,121,173,1);} .team_list .list_in:hover .img>img{transform: scale(1.05);} .team_list .swiper-container{padding-bottom:40px;} .team_list .swiper-pagination{bottom:0;} .inside_main .team_list .list_in{box-shadow: 0 0 5px rgba(0,0,0,0.3);} .inside_main .team_list .list_in:hover{box-shadow: 0 0 10px rgba(0,0,0,0.4);} @media (max-width:767px){ } @media (min-width:768px){ .team_list.row{margin:-30px -15px 0;display: flex;} .team_list .column{padding:30px 15px 5px;} .team_list .list_in{height:100%;} .team_list .h5{padding:15px 20px;} .team_list .list_in>ul{padding:20px 20px 30px;} } @media (min-width:992px){ } @media (min-width:1200px){ .team_list .swiper-pagination{display: none;} .team_list .swiper-container{padding-bottom:0;} .team_list.row{margin:-36px -18px 0;} .team_list .column{padding:36px 18px 5px;} .team_list .h5{font-size:18px;} } @media (min-width:1450px){ .team_list.row{margin:-50px -25px 0;} .team_list .column{padding:50px 25px 5px;} .team_list .h5{font-size:18px;padding:15px 30px;} .team_list .list_in>ul{padding:25px 30px 40px;} } /* 2020-08-14 */ .team_list2{margin-left:-7px;margin-right:-7px;} .team_list2 .column{padding:0 7px;margin-bottom:20px;} .team_list2 .item{position: relative;background:#133f6e;border-radius: 0 0 20px 20px;padding-bottom:45px;transition: all 0.5s;cursor: pointer;box-shadow: 0 5px 8px rgba(0,0,0,0.3);} .team_list2 h5{font-size:16px;font-weight: 700;line-height:50px;text-align: center;transition: all 0.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .team_list2 .name{background:#002247;color:#fff;} .team_list2 .title{position: absolute;width:90%;left:5%;bottom:30px;background:#fff;color:#0a1f3a;box-shadow: 0 2px 2px rgba(0,0,0,0.6);} .team_list2 .img{width:90%;margin:20px auto 0;border-radius: 50%;} .team_list2 .info{position: absolute;width:100%;top:100%;left:0;background:#f8f1df;margin-top:-20px;visibility: hidden;opacity: 0;transition: all 0.5s;box-shadow: 0 5px 8px rgba(0,0,0,0.3);border-radius: 0 0 20px 20px;overflow: hidden;transform: scaleY(0);transform-origin: top center;} .team_list2 .info li{position: relative;padding:20px 15px;padding-left:50px;border-bottom:1px dashed #d7d0be;line-height:1.74;} .team_list2 .info li .icon{position: absolute;top:30px;left:15px;} .team_list2 .info li:last-child{border-bottom:none;} .team_list2 .info .p img, .team_list2 .info .p a{display: inline;} .team_list2 .item:hover{background:#f8f1df;z-index: 2;} .team_list2 .item:hover h5{background:#d59c11;color:#fff;} .team_list2 .item:hover .img>img{transform: scale(1.1);} .team_list2 .item:hover .info{visibility: visible;opacity: 1;transform: none;} @media (max-width:479px){ .team_list2 .column{width:100%;} } @media (min-width:768px){ .team_list2{margin-left:-15px;margin-right:-15px;} .team_list2 .column{padding:0 15px;margin-bottom:30px;} } @media (min-width:1200px){ .team_list2{margin-left:-20px;margin-right:-20px;} .team_list2 .column{padding:0 20px;margin-bottom:40px;} .team_list2 h5{font-size:18px;line-height:60px;} .team_list2 .info{margin-top:-25px;} .team_list2 .info li{padding-top:25px;padding-bottom:25px;} } /* 首页 - 案例数据 */ .table{table-layout:fixed;word-break:break-all;} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-color:#fff;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:10px;} .table-striped>tbody>tr:nth-of-type(odd){background:rgba(26,56,89,0.2);} .table-striped>tbody>tr:nth-of-type(even){background:rgba(26,56,89,0.25);} .offer_case thead>tr{background:#1a3859;color:#fff;} .offer_case thead>tr>th{text-align: center;} .table-responsive::-webkit-scrollbar{width:5px;height:5px} .table-responsive::-webkit-scrollbar-track{background:#f8f8f8} .table-responsive::-webkit-scrollbar-thumb{background:#1a3859;height:30px} .table-responsive::-webkit-scrollbar-thumb:window-inactive{background:#1a3859} .table-responsive::-webkit-scrollbar-thumb:vertical:hover{background:#1a3859} .table .cBtn{width:100%;max-width:90px;font-size:12px;line-height: 20px;padding:8px;text-align: center;font-size:14px;border-radius: 5px;background:#1a3859;color:#fff;margin:0 auto;font-size:12px;} .table .cBtn:hover{background:#002247;color:#fff;} .offer_list{margin:-20px -5px 0;} .offer_list .column{padding:20px 5px 0;} .offer_list .list_in{text-align: center;color:#002247;} .offer_list .h5{font-size:16px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .offer_list .h5:after{content: '';display: block;width:40px;height:1px;background:#002247;margin:10px auto 0;} .offer_list .p1{font-size:14px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .offer_list .p2{font-size:12px;text-transform: capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .offer_list .list_in:hover .img>img{transform: scale(1.05);} @media (max-width:767px){ .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{white-space: normal;} .table>thead>tr>th,.table>tbody>tr>td{width:105px;} } @media (min-width:768px){ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:15px 10px;} .table>thead>tr>th{padding:10px;} .table>thead>tr>th,.table>tbody>tr>td{width:11.1111%;} } @media (min-width:992px){ .offer_list{margin:-25px -5px 0;} .offer_list .column{padding:25px 5px 0;} .offer_list .p2{font-size:14px;} .offer_list .h5{font-size:18px;margin-top:15px;} .offer_list .h5:after{margin-top:15px} .offer_list .p1{margin-top:10px;} } @media (min-width:1200px){ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:20px 10px;} .table>thead>tr>th{padding:14px 10px;} .offer_list .h5{font-size:20px;} .offer_list .p1{font-size:16px;} .table .cBtn{font-size:14px;} } @media (min-width:1450px){ .offer_list .h5{font-size:22px;} } /* 首页 - 九牛问津 品牌优势 */ .in4_main{display: flex;align-items: center;flex-flow: row wrap;} .in4_main:before, .in4_main:after{display: none;} .in4_main>.in4_left{margin-bottom:30px;} .in4_main .img>img{width:auto;max-width:100%;} .in4_left ul{margin-left:-15px;margin-right:-15px;overflow: hidden;display: flex;align-items: stretch;flex-flow: row wrap;} .in4_left ul>li{width:50%;float:left;padding:0 15px;margin-bottom:30px;} .in4_left .inner{display: flex;} .in4_left .icon{width:40px;height:40px;flex: 0 0 auto;} .in4_left .text{width:100%;overflow: hidden;padding-left:12px;} .in4_left .h5{font-size:18px;line-height: 1.4;} .in4_left p{color:#666;line-height:1.74} .in4_right video{display: block;max-width:100%;margin:0 auto;background:#002247;} .in4_video{padding:10px;} @media (max-width:530px){ .in4_left .inner{display: block;} .in4_left .text{padding-left:0;text-align: center;} .in4_left .icon{margin:0 auto 10px;} } @media (min-width:768px){ .indexItem04 .container{width:94%;max-width:1830px;} } @media (min-width:992px){ .in4_main{margin-left:-20px;margin-right:-20px;} .in4_main>div{padding:0 20px;} .in4_main>.in4_left{margin-bottom:0;} .in4_video{padding:15px;} } @media (min-width:1200px){ .indexItem04 .container{width:90%} .in4_left ul{margin-left:-20px;margin-right:-20px;} .in4_left ul>li{padding:0 20px;margin-bottom:40px;} .in4_left .h5{font-size:20px;} .in4_left p{font-size:16px;} .in4_left .icon{width:50px;height:50px;} .in4_video{padding:20px;} } @media (min-width:1450px){ .in4_video{padding:25px;} } .partner-swiper .img{margin-bottom:20px;} .partner-swiper .img>img{width:auto;max-width:100%;transition: all 0.3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .partner-swiper .img:hover>img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .partner-swiper .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; } .in7_main{padding:15px 0;} .in7_row{margin-left:-10px;margin-right:-10px;display: flex;align-items: center;flex-flow: row wrap;} .in7_row:before, .in7_row:after{display: none;} .in7_row>div{padding:0 10px;} .in7_row .right{margin-top:35px;} .in7_row .right .img{overflow: visible;} .in7_row .right .img>img{width:auto;max-width: 100%;} .in7_row .right .img:hover>img{transform: scale(1.1);} .in7_list{overflow: hidden;margin-left:-4px;margin-right:-4px;} .in7_list>div{padding:0 4px;float:left;width:25%;} .in_team{position: relative;} .in_team h5{position: absolute;width:100%;left:0;line-height:43px;font-size:14px;border:1px solid #fff;background:#002247;font-weight: 700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;color:#fff;z-index: 2;transition: all 0.5s;} .in_team .img{border:1px solid #fff;} .in_team .imgText{position: absolute;width:100%;right:0;bottom:25px;z-index: 2;} .in7_list>div:nth-child(odd) .in_team{padding-top:47px;margin-top:35px;} .in7_list>div:nth-child(odd) h5{top:0;} .in7_list>div:nth-child(even) .in_team{padding-bottom:47px;} .in7_list>div:nth-child(even) h5{bottom:0;} .in_team:hover .img>img:not(.imgText){transform: scale(1.2);} .in_team:hover h5{color:#fff;background:#042142;} @media (min-width:768px){ .in7_row .right{margin-top:0;} } @media (min-width:992px){ .in7_main{padding:0;} .in_team h5{font-size:16px;} } @media (min-width:1200px){ .in_team h5{font-size:20px;line-height:54px;} .in7_list>div:nth-child(odd) .in_team{padding-top:58px;margin-top:50px;} .in7_list>div:nth-child(even) .in_team{padding-bottom:58px;} } @media (min-width:1450px){ .in_team h5{font-size:22px;} } .in8_row{overflow: hidden;background:#fff;display: block;} .in8_row:before, .in8_row:after{display: none;} .in8_row .title{font-size:18px;font-weight: 700;color:#002247;margin-bottom:30px;} .in8_row>div{float:left;padding:25px 15px;background:#fff;} .in8_row>.left{width:100%;} .in8_left_list li{position: relative;display: flex;align-items: center;padding-left:20px;padding-top:6px;padding-bottom:6px;} .in8_left_list li:before, .in8_left_list li:after{content: '';background:#002247;position: absolute;transition: all 0.5s;} .in8_left_list li:before{width:10px;height:10px;border-radius: 50%;left:0;top:50%;margin-top:-5px;z-index: 2;} .in8_left_list li:after{width:1px;height:100%;left:5px;top:50%;margin-left:-1px;} .in8_left_list li:last-child::after{display: none;} .in8_left_list .icon{width:42px;flex: 0 0 auto;transition: all 0.5s;} .in8_left_list .icon>img{width:100%;} .in8_left_list .p{font-size:16px;padding-left:15px;} .in8_left_list .p>i{color:#002247;font-weight: 700;width:100%;overflow: hidden;} .in8_left_list li:hover::before{background:#002247} .in8_left_list li:hover .icon{transform: translateX(5px);} .in8_row>.middle{width:100%;} .in8_row>.middle>.img{overflow: visible;} .in8_row>.middle>.img>img{width:auto;max-width:100%;margin:0 auto;} .in8_row>.middle>.img:hover>img{transform: scale(1.05);} .in8_row>.middle ul li{margin-top:25px;display: flex;align-items: center;} .in8_row>.middle ul .icon{width:86px;flex: 0 0 auto;transition: all 0.5s;} .in8_row>.middle ul .address{width:90px;flex: 0 0 auto;margin:12px;font-weight: 700;font-size:16px;line-height:28px;background:#002247;color:#fff;text-align: center;} .in8_row>.middle ul .p{color:#002247;font-size:16px;} .in8_row>.middle ul li:hover .icon{transform: scale(1.05);} .in8_row>.right{width:100%;overflow: hidden;} .in8_right_list_01{margin-top:-15px;margin-bottom:35px;} .in8_right_list_01 li{overflow: hidden;font-size:14px;color:#666;border-bottom:1px solid #f2f2f2;} .in8_right_list_01 li>div{float:left;width:50%;text-align: center;padding:10px 5px;} .in8_right_list_01 li .num>span{padding:0 5px;font-weight: 700;font-size:20px;color:#002247;} .in8_right_list_01 li>.even{color:#002247;} .in8_right_list_01 li p{margin-top:5px;} .in8_right_list_02{height:130px;} .in8_right_list_02 li{overflow: hidden;font-size:14px;display: flex;align-items: center;justify-content: space-between;} .in8_right_list_02 li .icon{flex: 0 0 auto;width:45px;height:45px;border-radius: 5px;background:#e6e6e6;display: flex;justify-content: center;align-items: center;} .in8_right_list_02 li .icon>img{width:42px;height:42px;} .in8_right_list_02 li .num{flex:0 0 auto;color:#666;} .in8_right_list_02 li .num>span{padding:0 5px;font-weight: 700;font-size:18px;color:#002247;} .in8_right_list_02 li .p{width:100%;padding:0 15px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} @media (max-width:767px){ .in8_row>.middle ul li{flex-flow: row wrap;} .in8_row>.middle ul .p{margin-top:12px;} } @media (min-width:768px){ .in8_row .title{font-size:20px;} .in8_right_list_01 li{font-size:16px;} .in8_right_list_01 li .num>span{font-size:22px;} .in8_right_list_02{height:135px;} .in8_right_list_02 li{font-size:16px;} .in8_right_list_02 li .num{font-size:16px;} .in8_right_list_02 li .num>span{font-size:22px;} .in8_right_list_02 li .icon{width:55px;height:55px;} .in8_right_list_02 li .p{padding:0 20px;} } @media (min-width:992px){ .in8_row .title{font-size:22px;} .in8_row{display: flex;align-items: stretch;flex-flow: row wrap;} .in8_row>div{padding:30px 20px;} .in8_row>.left{width:40%;} .in8_row>.middle{width:60%;border-left:1px solid #f2f2f2;} .in8_row>.right{width:100%;margin-left:-20px;margin-right:-20px;} .in8_row>.right>div{width:50%;float:left;padding-left:20px;padding-right:20px;} .in8_right_list_02{height:145px;} } @media (min-width:1200px){ .in8_row{flex-wrap: nowrap;} .in8_row>.left{width:350px;flex: 0 0 auto;} .in8_row>.middle{width:47.063%;border-right:1px solid #f2f2f2;} .in8_row>.right{width:350px;flex: 0 0 auto;margin:0;} .in8_row>.right>div{float:none;width:100%;padding:0;} } .indexItem09>.item{width:100%;padding:40px 0;} .in9_top .indexTitle{margin-bottom:0;} .in9_middle_ul{position: relative;height:330px;} .in9_middle_ul>li{position: absolute;font-size:16px;color:#fff;background:rgba(255,255,255,0.25);padding-left:50px;padding-right:15px;padding-top:8px;padding-bottom:8px;border-radius: 10px;line-height: 1.8;transition: all 0.36s;} .in9_middle_ul>li>.icon{position: absolute;left:15px;top:10px;} .in9_middle_ul>li>.icon>img{display: block;height:40px;} .in9_middle_ul>li:hover{color:#002247;background:#002247;} .in9_bottom_main{position: relative;} .in9_bottom_main .indexTitle{margin-bottom:0;position: absolute;top:-106px;left:0;padding:20px 30px;border-radius: 25px 25px 0 0;background:#002247;} .in9_bottom_main .indexTitle .h2{color:#fff;} .in9_li{color:#FFF;} .in9_li .icon{width:50px;margin:0 auto;} .in9_li .icon>img{display: block;width:100%;} .in9_li .line{position: relative;width:100%;height:25px;margin:15px 0 15px;} .in9_li .line>.yuan{position: absolute;width:25px;height:25px;padding:5px;background:rgba(255,255,255,0.55);border-radius: 50%;top:50%;left:50%;margin-top:-12.5px;margin-left:-12.5px;transition: all 0.36s;} .in9_li .line>.yuan:before{content: '';display: block;width:100%;height:100%;background:#002247;border-radius: 50%;} .in9_li .line:before{content: '';position: absolute;width:100%;height:2px;background:#fff;left:0;top:50%;margin-top:-1px;} .in9_li .p{font-size:14px;line-height:1.8;text-align: center;padding-left:18px;padding-right:18px;} .in9_li:hover .line>.yuan{background:#d59c12;padding:8px;} .in9_bottom_main .moreHref{margin-top:30px;border-color:#d59c12;background:#d59c12;} .in9_bottom_main .moreHref:hover{background:#fff;border-color:#fff;color:#d59c12;} @media (max-width:767px){ .in9_middle_ul{height:auto;margin-bottom:50px;} .in9_middle_ul>li{position: relative;margin-bottom:15px;} .in9_bottom_main .indexTitle{top:-100px;} .in9_li .p{padding-left:12px;padding-right:12px;} } @media (min-width:768px){ .in9_middle_ul>li:nth-child(1){left:7%;top:0;} .in9_middle_ul>li:nth-child(2){left:60%;top:60px;} .in9_middle_ul>li:nth-child(3){left:14%;top:120px;} .in9_middle_ul>li:nth-child(4){left:48%;top:180px;} .in9_middle_ul>li:nth-child(5){left:55%;top:250px;} } @media (min-width:992px){ .in9_middle_ul>li{font-size:18px;} .in9_li .p{font-size:16px;} .in9_li .icon{width:60px;} } @media (min-width:1200px){ .in9_middle_ul{height:350px;} .in9_middle_ul>li{font-size:20px;padding-top:10px;padding-bottom:10px;;padding-left:70px;padding-right:20px;} .in9_middle_ul>li>.icon{left:25px;} .in9_middle_ul>li>.icon>img{height:55px;} .in9_middle_ul>li:nth-child(2){left:60%;top:15px;} .in9_middle_ul>li:nth-child(3){left:14%;top:135px;} .in9_middle_ul>li:nth-child(4){left:48%;top:145px;} .in9_middle_ul>li:nth-child(5){left:62%;top:275px;} .in9_bottom_main .indexTitle{top:-112px;} } @media (min-width:1450px){ .in9_middle_ul{height:390px;} .in9_middle_ul>li{font-size:22px;} .in9_middle_ul>li>.icon>img{height:64px;} .in9_li .p{padding-left:25px;padding-right:25px;} .in9_bottom_main .indexTitle{top:-138px;padding:30px 45px;border-radius: 50px 50px 0 0;} } /* ============================ 首页 - 2021-06-15 ============================ */ .indexTitle2 .h2{font-weight: 400;color:#212121;} .index-swiper-button{width:40px;height:40px;margin-top:-20px;background-color:rgba(0,0,0,0.2);background-size:auto 18px;transition: all 0.36s;} .index-swiper-button:hover{background-color:#e65453;} .index-swiper-button.swiper-button-prev{background-image: url(l3.png);background-size:auto 13px;} .index-swiper-button.swiper-button-next{background-image: url(r3.png);background-size:auto 13px;} .newsPublic_more>.a{position: relative;display: inline-block;font-size:16px;width:160px;line-height:38px;color:#666;border:1px solid #999;text-align: center;overflow: hidden;box-shadow: none;text-transform: uppercase;transition: all 0.36s;} .newsPublic_more>.a>span{position: relative;z-index: 2;} .newsPublic_more>.a:before{content: '';position: absolute;width:0;height:100%;left:0;top:0;background:#e65453;z-index: 1;transition: all 0.36s;} .newsPublic_more>.a:after{content: '';position: absolute;width:5px;height:10px;background:url(jiantuo.png) no-repeat center;background-size:contain;top:50%;margin-top:-5px;left:80%;z-index: 2;opacity: 0;transition: all 0.35s;} .newsPublic_more>.a:hover{color:#fff;border-color:#e65453;} .newsPublic_more>.a:hover:before{width:100%;} .newsPublic_more>.a:hover:after{transform: translateX(5px);opacity: 1;} .newsPublic_more.white>.a{background:#e65453;color:#fff;border-color:#e65453;} .newsPublic_more.white>.a:hover{color:#fff;border-color:#e65453;} /* 首页 - 关于 */ .indexAbout{padding-top:0px;} .indexAbout .indexTitle2{margin-bottom:35px;} .indexAbout .indexTitle2 .h2 + .icon{margin-top:-7px;} .indexAbout .indexTitle2 .h2 + .icon>img{height:70px;} .indexAbout_row{margin:0;} .indexAbout_row:before, .indexAbout_row:after{display: none;} .indexAbout_row>div{position: relative;padding:0;margin-bottom:40px;} .indexAbout_row>.left{width:100%;z-index: 2;} .indexAbout_main{position: relative;max-width:100%;z-index: 2;} .indexAbout_main h3{font-size:18px;font-weight:700;line-height:1.95;} .indexAbout_main .InfoContent{line-height:2.25;margin:20px 0 0;color:#666;} .indexAbout_main ul{list-style: none;margin-top:15px;margin-left:0;margin-right:0;display: flex;flex-flow: row wrap;} .indexAbout_main ul:before, .indexAbout_main ul:after{display: none;} .indexAbout_main ul li{margin-top:20px;padding-left:0;padding-right:0;} .indexAbout_main ul li:nth-child(odd){width:55.5%;} .indexAbout_main ul li:nth-child(even){width:44.5%;} .indexAbout_main ul li>.inner{height:100%;display: flex;} .indexAbout_main ul li .icon{width:40px;height:40px;flex: 0 0 auto;margin-right:15px;margin-top:2px;} .indexAbout_main ul li .icon>img{width:100%;} .indexAbout_main ul h5{font-size:18px;margin-bottom:10px;font-weight:700;font-family:'苹方','PingFang';} .indexAbout_main ul p{font-size:14px;color:#666;} .indexAbout_main .newsPublic_more{margin-top:40px;} .indexAbout_row>.right{width:100%;z-index: 1;} .indexAbout_swiper{position: relative;width:100%;} .indexAbout_swiper .tag{position: absolute;left:0;bottom:-60px;width:100%;color:#212121;font-size:16px;line-height:56px;padding:0 13px;background:rgba(255,255,255,0.4);transition: all 0.36s;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .indexAbout_swiper .img:hover .tag{bottom:0;} .indexAbout_swiper .swiper-button-prev{left:0;} .indexAbout_swiper .swiper-button-next{right:0;} @media (max-width:599px){ .indexAbout_main ul li{width:100%!important;} } @media (min-width:768px){ .indexAbout{padding-top:0px;} .indexAbout .indexTitle2{text-align: left;} .indexAbout_main h3{font-size:20px;min-height:78px;} .indexAbout_main ul li .icon{width:50px;height:50px;} .indexAbout_main .newsPublic_more{margin-top:55px;} .indexAbout_swiper .swiper-button-white{opacity: 0;transition: all 0.36s;} .indexAbout_swiper .swiper-container:hover .swiper-button-white{opacity: 1;} } @media (min-width:992px){ .indexTitle2{margin-bottom:40px;} .indexAbout{padding-top:0px;} .indexAbout_row{display: flex;align-items: flex-end;} .indexAbout_row>.left{width:53.333333%;} .indexAbout_row>.left:before{content: '';display: block;position: absolute;width:100vw;height:calc(100% + 100px);right:0;top:-50px;background:#fff;z-index: 1;} .indexAbout_row>div{margin-bottom:60px;} .indexAbout_row>.right{} .indexAbout_main{width:600px;padding-right:30px;text-align: justify;} .indexAbout_main ul li{margin-top:0px;} .indexAbout_main .newsPublic_more{margin-bottom:-5px;} .indexAbout_swiper{position: relative;width:733px;padding-left:50px;} .indexAbout_swiper::before{content: '';position: absolute;width:150px;height:100%;left:-100px;top:0;background:#fff;z-index: 2;} .indexAbout_swiper .swiper-container{position: static;overflow: visible;} .indexAbout_swiper .swiper-button-prev{left:0;} .indexAbout_swiper .swiper-button-next{right:300px;} } @media (min-width:1200px){ .index-swiper-button{width:52px;height:52px;margin-top:-26px;} .indexAbout_row>.left{width:58.333333%;} .indexAbout_row>.right{} .indexAbout_main h3{font-size:22px;min-height:84px;} .indexAbout_main .InfoContent{font-size:16px;} .indexAbout_main ul{margin-top:30px;} .indexAbout_main ul p{font-size:16px;} .indexAbout_main .newsPublic_more{margin-top:55px;} .indexAbout_swiper{width:871px;padding-left:60px;} .indexAbout_swiper::before{left:-90px;} .indexAbout_swiper .swiper-button-next{right:352px;} } @media (min-width:1450px){ .indexTitle2{margin-bottom:50px;} .indexAbout{padding-top:0px;} .indexAbout_row>div{margin-bottom:60px;} .indexAbout_main{padding-right:0;} } /* 首页 - 九大实力保障 */ .indexEnsure_row{margin-left:-13px;margin-right:-13px;overflow: hidden;} .indexEnsure_row>div{padding:0 13px;margin:20px 0;} .indexEnsure_row>.left .inner{position: relative;border:4px solid #fff;padding:50px 10%;overflow: hidden;background:#1a3859;} .indexEnsure_row>.left a{position: relative;display: block;text-align: center;z-index: 2;} .indexEnsure_row>.left .icon>img{height:100px;display: block;margin:0 auto 15px;} .indexEnsure_row>.left h2{font-size:24px;color:#fff;margin:30px 0 15px;color:#fff;} .indexEnsure_row>.left h3{font-size:16px;color:#e0eaf6;opacity: 0.9;line-height:2;} .indexEnsure_row>.left .more{position: relative;margin:50px auto 0;display: block;width:160px;height:40px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;transition: all 0.36s;} .indexEnsure_row>.left .more:before{content: '';position: absolute;width:0;height:100%;background:#1a3859;left:0;top:0;transition: all 0.36s;} .indexEnsure_row>.left .more>img{position: relative;left:0;transition: all 0.36s;} .indexEnsure_row>.left .more:hover>img{left:10px;} .indexEnsure_row>.right>ul{list-style: none;margin-left:-6px;margin-right:-6px;} .indexEnsure_row>.right>ul>li{padding-left:6px;padding-right:6px;margin-bottom:12px;} .indexEnsure_row>.right .inner{display: block;position: relative;height:180px;background:#fff;color:#212121;text-align: center;padding:30px 20px 20px;overflow: hidden;} .indexEnsure_row>.right .inner:before{content: '';position: absolute;left:7px;top:7px;right:7px;bottom:7px;border:1px solid #1a2d43;z-index:1;} .indexEnsure_row>.right .num{position: relative;font-family: 'PingFang';font-size:24px;margin-bottom:5px;z-index: 1;color:#bbb;} .indexEnsure_row>.right p{position: relative;font-size:16px;z-index: 1;} .indexEnsure_row .mask{position: absolute;width:100%;height:100%;top:100%;left:100%;background:#e65453;z-index: 2;padding:30px 20px 20px;color:#fff;} .indexEnsure_row .mask:before{content: '';position: absolute;left:7px;top:7px;right:7px;bottom:7px;border:1px solid #fff;} .indexEnsure_row>.right .mask .num{color:#fff;} .indexEnsure_row>.right .mask p{color:#fff;} @media (min-width:768px){ .indexEnsure_row>div{margin:32px 0;} } @media (min-width:992px){ .indexEnsure_row{display: flex;flex-flow: row wrap;} .indexEnsure_row>div{float:left;} .indexEnsure_row>.left{width:36%;} .indexEnsure_row>.left .inner{height:calc(100% - 12px);padding-top:60px;padding-bottom:60px;} .indexEnsure_row>.left .more{margin-top:100px;} .indexEnsure_row>.right{width:64%;} } @media (min-width:1200px){ .indexEnsure_row>div{margin:32px 0;} .indexEnsure_row>.left .inner{padding-left:18%;padding-right:18%;} .indexEnsure_row>.right .inner, .indexEnsure_row .mask{padding-left:35px;padding-right:35px;} } @media (min-width:1450px){ .indexEnsure_row>.right .inner, .indexEnsure_row .mask{padding:40px 50px 20px;} .indexEnsure_row>.left .more{margin-top:140px;} } /* 首页 - 精英导师团队 */ .submenu2{text-align:center;margin:0 -5px 20px;} .submenu2>li{float:none;display:inline-block;padding:0 5px;margin-bottom:10px;} .submenu2>li>a{position: relative;padding:5px;background:transparent;text-align:center;line-height:20px;color:#333;font-size:14px;cursor: pointer;} .submenu2>li>a:before{content: '';position: absolute;left:0;bottom:0;width:0;height:2px;background:#e65453;transition: all 0.36s;} .submenu2>li.active>a, .submenu2>li>a:focus, .submenu2>li>a:hover{color:#333;background-color:transparent;font-weight: 700;} .submenu2>li.active>a:before, .submenu2>li>a:hover:before{width:100%;} .dstd_swiper{display: none;} .dstd_swiper.active{display: block;} .dstd_swiper .swiper-container{padding:5px 5px 20px;} .dstd_swiper .swiper-button-white{margin-top:-30px;} .dstd_swiper .swiper-button-prev{left:5px;} .dstd_swiper .swiper-button-next{right:5px;} .indexDstd .newsPublic_more{margin-top:40px;} .dstd_list .inner{display: block;position: relative;overflow: hidden;box-shadow: 0 0 0 rgba(0,0,0,0.15);transition: all 0.5s;} .dstd_list .info{position: absolute;left:0;top:-100%;width:100%;height:100%;background:#e65453;padding:20px 15px 80px;transition: all 0.5s;} .dstd_list .info>div{width:100%;height:100%;line-height:28px;overflow: hidden;color:#fff;} .dstd_list .text{position: relative;border:1px solid #d8d8d8;height:114px;border-top:none;text-align: center;padding:35px 15px 25px;transition: all 0.5s;} .dstd_list .title{font-size:18px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;} .dstd_list .name{font-size:16px;line-height:30px;color:#666666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;} .dstd_list .text_info{position: absolute;width:100%;left:0;bottom:0;opacity: 0;text-align: center;padding:40px 20px 10px;transition: all 0.5s;} .dstd_list .text .icon{position: absolute;width:96px;height:96px;border-radius: 50%;overflow: hidden;left:50%;margin-left:-48px;top:-64px;transform: translateY(-50px) scale(0.9);opacity: 0;transition: all 0.5s;} .dstd_list .text .icon>img{width:100;height:100%;display: block;} .dstd_list .inner:hover{box-shadow: 0 5px 25px rgba(0,0,0,0.15);} .dstd_list .inner:hover .img>img{transform: scale(1.2);} .dstd_list .inner:hover .text{border-color:transparent;padding-top:50px;} .dstd_list .inner:hover .text .icon{opacity: 1;transform: scale(1);} .dstd_list .inner:hover .info{top:0;} @media (min-width:768px){ .submenu2{margin-left:-10px;margin-right:-10px;margin-bottom:30px;} .submenu2>li{padding:0 10px;} .dstd_swiper .swiper-button-white{opacity: 0;transition: all 0.36s;} .dstd_swiper .swiper-container:hover .swiper-button-white{opacity: 1;} } @media (min-width:992px){ .submenu2{margin-left:-15px;margin-right:-15px;} .submenu2>li{padding:0 15px;} .submenu2>li>a{font-size:16px;} .dstd_list .title{font-size:18px;} .dstd_list .name{font-size:16px;} } @media (min-width:1200px){ .submenu2{margin-left:-20px;margin-right:-20px;} .submenu2>li{padding:0 20px;} .indexDstd .newsPublic_more{margin-top:55px;} .dstd_list .text{padding:35px 20px 25px;} .dstd_list .info{padding:30px 20px 80px;} } @media (min-width:1450px){ .indexDstd .indexTitle2{margin-top:10px;} .submenu2{margin-left:-25px;margin-right:-25px;} .submenu2>li{padding:0 25px;} .submenu2>li>a{font-size:18px;} .indexDstd .newsPublic_more{margin-top:75px;} } /* 首页 - 私人订制 */ .indexSrdz{padding-top:40px;padding-bottom:80px;} .indexSrdz .indexTitle2{padding-left:15px;padding-right:15px;} .srdz_list a{display: block;} .srdz_list .mask{position: absolute;padding:20px;width:100%;height:100%;left:0;top:0;background:rgba(1,44,91,0.5);display: flex;justify-content: center;flex-direction: column;transition: all 0.5s;} .srdz_list .mask:before{content: '';position: absolute;left:10px;top:10px;right:10px;bottom:10px;border:1px solid #fff;transform: scale(1.1);opacity: 0;transition: all 0.5s;} .srdz_list .text{text-align: center;color:#fff;padding:20px;max-height:100%;transform: translateY(30%);transition: all 0.5s;/* overflow: auto; */} .srdz_list h3{font-size:22px;line-height:2;} .srdz_list h3:after{content: '';display: block;width:40px;height:4px;background:#e65453;margin:15px auto 0;transition: all 0.5s;} .srdz_list .InfoContent{height:120px;line-height:24px;visibility:hidden;transform: translateY(100px);opacity: 0;transition: all 0.5s;} .srdz_list a:hover .text{transform: none;} .srdz_list a:hover .mask{background:#e65453;} .srdz_list a:hover .mask:before{transform: scale(1);opacity: 1;} .srdz_list a:hover h3:after{margin-top:25px;margin-bottom:25px;background:#fff;} .srdz_list a:hover .InfoContent{height:360px;transform: none;visibility: visible;opacity: 1;} .srdz_list a:hover .img>img{transform: scale(1.1);} .srdz_swiper .swiper-button-prev{left:0;} .srdz_swiper .swiper-button-next{right:0;} @media (min-width:768px){ .srdz_swiper .swiper-button-white{opacity: 0;transition: all 0.36s;} .srdz_swiper .swiper-container:hover .swiper-button-white{opacity: 1;} } @media (min-width:992px){ .srdz_list h3{font-size:24px;} .srdz_list a:hover h3:after{margin-top:30px;margin-bottom:30px;} } @media (min-width:1200px){ .srdz_list .InfoContent{font-size:16px;} } @media (min-width:1450px){ .indexSrdz .indexTitle2{margin-bottom:60px;} .srdz_list .text{padding:30px;} .srdz_list a:hover h3:after{margin-top:45px;margin-bottom:45px;} } @media (min-width:1650px){ .srdz_list .text{transform: translateY(24%);} } /* 首页 - 留学申请DIY神器 */ .indexDiy_row{overflow: hidden;} .indexDiy_row a{display: block;position: relative;cursor: pointer;} .indexDiy_tab{display: flex;} .indexDiy_tab .item{width:33.333333%;margin-bottom:10px;background:#1a3859;} .indexDiy_tab .text{position: absolute;left:0;top:0;width:100%;color:#fff;text-align: center;display: flex;justify-content: center;flex-direction: column;padding:15px;transition: all 0.3s;} .indexDiy_tab h5{font-size:16px;line-height:30px;} .indexDiy_tab h5>span{display: inline-block;width:90px;text-align: center;} .indexDiy_tab .img{height:60px;background-repeat: no-repeat;transition: all 0.3s;} .indexDiy_tab .item.active:nth-child(1) .img{background-image: url('j12.jpg');} .indexDiy_tab .item.active:nth-child(2) .img{background-image: url('sq.jpg');} .indexDiy_tab .item.active:nth-child(3) .img{background-image: url('ws.jpg');} .indexDiy_content{padding-top:4px;height:410px;overflow: hidden;} .indexDiy_pane .item{padding:0 20px;} .indexDiy_pane .item:nth-child(2n){background:#f9f9f9;} .indexDiy_pane a{position: relative;display: flex;align-items: center;} .indexDiy_pane a::before{content: '';position: absolute;width:0;height:1px;background:#1a3859;left:0;bottom:0;transition: all 1s ease 0s;} .indexDiy_pane .text{width:100%;overflow: hidden;display: flex;justify-content: space-between;line-height:58px;} .indexDiy_pane h5{position: relative;width:100%;padding-right:35px;font-size:16px;color:#333;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;} .indexDiy_pane .date{flex: 0 0 auto;line-height:inherit;color:#666;} .indexDiy_pane a:hover h5{color:#000;padding-left:1em;} .indexDiy_pane a:hover:before{width:100%;} .indexDiy_row + .newsPublic_more{margin-top:40px;} @media (max-width:767px){ .indexDiy_tab{margin-bottom:15px;margin-left:-1px;margin-right:-1px;} .indexDiy_tab .item{padding: 0 1px;} .indexDiy_tab .img{height:80px;background-size: cover;} .indexDiy_tab .text{height:100%;padding-top:0;padding-bottom:0;} .indexDiy_tab .text:after{content: '';position: absolute;border-top:10px solid #1a3859;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-10px;left:50%;margin-left:-10px;opacity: 0;transition: all 0.36s;} .indexDiy_tab .active .text:after{opacity: 1;} .indexDiy_tab .active .text{color:#333;background-color:rgba(255,255,255,0.4);} .indexDiy_content{height:350px;} .indexDiy_pane .item{padding:0 10px;} .indexDiy_pane .text{line-height: 50px;} } @media (max-width:479px){ .indexDiy_tab .text{padding:10px;} .indexDiy_tab h5{font-size:15px;} .indexDiy_tab h5>span{width:auto;padding:0 3px;} } @media (max-width:370px){ .indexDiy_tab h5{font-size:14px;} } @media (min-width:768px){ .indexDiy_row>div{float:left;} .indexDiy_row>.left{width:42.5%;} .indexDiy_tab{max-width:410px;display: block;} .indexDiy_tab .item{width:100%;} .indexDiy_tab .item:last-child{margin-bottom:0;} .indexDiy_tab h5{font-size:18px;} .indexDiy_tab h5>span{width:100px;} .indexDiy_row>.right{width:57.5%;padding-left:40px;} .indexDiy_tab .active .img{height:270px;} .indexDiy_tab .active .text{color:#333;background-color:rgba(255,255,255,0.4);} .indexDiy_row + .newsPublic_more{margin-top:50px;margin-bottom:20px;} } @media (min-width:992px){ .indexDiy .indexTitle2{margin-top:15px;} } @media (min-width:1200px){ .indexDiy_row>.right{padding-left:0;} } @media (min-width:1450px){ .indexDiy .indexTitle2{margin-top:40px;margin-bottom:80px;} .indexDiy_row + .newsPublic_more{margin-top:70px;margin-bottom:40px;} } /* 首页 - 留学申请DIY神器 */ .indexCase_list .inner{display: block;padding:15px 5px;display: flex;background:#fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);} .indexCase_list .img{width:55%;margin-top: 20px;margin-left: 10px;} .indexCase_list .text{width:45%;padding: 10px;} .indexCase_list .school_name{font-size:16px;font-weight: 700;color:#593c2a;display: flex;align-items: center;padding-left:20px;line-height:48px;background:#f1e2c6;border-radius: 24px 0 0 24px;margin-right:-5px;} .indexCase_list .school_name>img{display: block;height:40px;margin-left:-10px;} .indexCase_list .student_name{font-size:18px;margin-top:20px;} .indexCase_list .txt{font-size:14px;color:#666;margin-top:10px;} .indexCase_list .txt>p{margin-bottom:6px;} .indexCase_swiper .swiper-wrapper{display: flex;align-items: stretch;height:auto;} .indexCase_swiper .swiper-slide{height:auto;} .indexCase_swiper .swiper-slide>.inner{height:100%;} .indexCase_swiper .swiper-container{padding:5px 5px 20px;} .indexCase_swiper .swiper-button-prev{left:5px;} .indexCase_swiper .swiper-button-next{right:5px;} .indexCase_swiper + .newsPublic_more{margin-top:40px;} @media (max-width:700px){ .indexCase_swiper{max-width:400px;margin-left:auto;margin-right:auto;} } @media (min-width:768px){ .indexCase_swiper .swiper-button-white{opacity: 0;transition: all 0.36s;} .indexCase_swiper .swiper-container:hover .swiper-button-white{opacity: 1;} } @media (min-width:992px){ .indexCase_list .school_name{font-size:18px;} .indexCase_list .student_name{font-size: 16px;text-align: justify;line-height: 1.3;} .indexCase_list .txt{font-size:16px;margin-top:15px;} .indexCase_list .txt>p{margin-bottom:8px;} .indexCase_swiper + .newsPublic_more{margin-top:60px;margin-bottom:20px;} } @media (min-width:1450px){ .indexCase .indexTitle2{margin-top:25px;} .indexCase_swiper + .newsPublic_more{margin-bottom:30px;} } .indexNews_row{display: flex;flex-flow: row wrap;margin-left:-10px;margin-right:-10px;} .indexNews_row:before, .indexNews_row:after{display: none;} .indexNews_row>div{padding-left:10px;padding-right:10px;margin-bottom:10px;} .indexNews_row a{display: block;} .indexNews_row .img{transition: all 0.5s;} .indexNews_row .text{position: relative;padding:15px 0;} .indexNews_row .text:before{content: '';position: absolute;width:0;height:1px;left:0;bottom:0;background:#212121;transition: all 0.5s ease 0s;} .indexNews_row h5{font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition: all 0.5s ease 0.05s;} .indexNews_row .date{font-size:14px;color:#666;line-height:24px;margin-top:10px;transition: all 0.5s ease 0.1s;} .indexNews_row a:hover .img{transform: translateY(-8px);} .indexNews_row a:hover h5{transform: translateY(-8px);} .indexNews_row a:hover .date{transform: translateY(-8px);} .indexNews_row a:hover .text:before{width:100%;} .indexNews_row + .newsPublic_more{margin-top:30px;margin-bottom:20px;} @media (min-width:992px){ .indexNews_row{margin-left:-20px;margin-right:-20px;} .indexNews_row>div{padding-left:20px;padding-right:20px;} .indexNews_row h5{font-size:16px;} .indexNews_row .date{font-size:16px;margin-top:15px;} .indexNews_row + .newsPublic_more{margin-top:50px;} } @media (min-width:1450px){ .indexNews .indexTitle2{margin-top:10px;} .indexNews_row + .newsPublic_more{margin-top:65px;margin-bottom:50px;} } /* ============================ 首页 - 2021-06-15 ============================ */ /*内页*/ .page_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1} .inside_banner{position:relative;overflow:hidden} .inside_banner img{width:100%;display: block;} .location_main{padding:10px 0;overflow:hidden;background-color:#ededed;color:#848585} .location a,.location b{display:inline-block;font-weight:400;color:#848585;line-height:20px;text-transform:capitalize} .location a:hover{color:#002247} .submenu{text-align:center;margin:0 -5px 25px;} .submenu>li{float:none;display:inline-block;padding:0 5px;margin-bottom:5px;} .submenu>li>a{min-width:110px;padding:10px 5px;background:transparent;text-align:center;line-height:20px;border:1px solid #d9dadb;} .submenu>li.active>a,.submenu>li>a:focus,.submenu>li>a:hover{color:#fff;background-color:#002247} .wrapper{width:100%;overflow:hidden;position:relative;min-height:95vh;} .padding_main{width:100%;overflow:hidden;position:relative;padding:40px 0;} .inside_main{width:100%;overflow:hidden;position:relative;padding:40px 0 60px;} .inside_main .container{position:relative} .inside_title{margin-bottom:30px;text-align:center;overflow: hidden;} .inside_title h2{font-size:20px;margin:0} .inside_title span{display:block;text-transform:uppercase;margin-top:6px} .InfoContent{line-height:2;position:relative;overflow:hidden;} .InfoContent p{margin:0;line-height: 2;text-align: justify;} .InfoContent img{max-width:100%;height:auto!important;margin:5px 0;} .InfoContent video{display: block;width:1000px;height:auto;max-width:100%;margin:0 auto;} .InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;} .InfoContent li p{display: inline;margin-bottom:0;} .InfoTitle{margin-bottom:15px;border-bottom:1px #dad9d9 solid;padding-bottom:15px;text-align:center} .InfoTitle h4{font-size:18px;margin:0;line-height:1.4;text-transform:uppercase} .InfoTitle em{font-size:14px;text-transform: uppercase;} .InfoTitle .date{font-size:12px;color:#999;margin-top:10px} .InfoTitle .date span{padding:0 5px} .goBack{text-align:center;margin-top:30px;} .goBack a{display:inline-block;width:160px;color:#666;font-size:16px;line-height:20px;border:1px solid #bfc8d1;padding:10px;text-transform:uppercase} .goBack a:hover{border-color:#002247;background:#002247;color:#ffffff;} .pager{margin:30px 0 0} .pager li>a,.pager li>span{border:1px #bfbfbf solid;color:#666;border-radius:0;margin:3px 5px;text-transform:uppercase} .pager li>span{color:#999} .pager li>a{color:#002247;border-color:#002247;} .pager li.active>a,.pager li>a:hover{color:#fff;background-color:#002247} .info_previous_next_wrap{border-top:1px #dad9d9 solid;padding-top:16px;margin-top:40px;font-size:14px;overflow: hidden;} .info_previous_next_wrap b{font-weight:400;text-transform:uppercase} .info_previous_next_wrap a{color:#666;text-decoration:none;display: inline;} .info_previous_next_wrap a:hover{color:#002247} .info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media (max-width:767px){ .info_previous_next_wrap{font-size:12px;margin-top:30px} } @media (max-width:479px){ .inside_title h2{font-size:18px;} } @media (min-width:768px){ .padding_main{padding:50px 0;} .inside_main{padding:50px 0 60px} .inside_title{margin-bottom:35px} .inside_title h2{font-size:22px} .InfoTitle{margin-bottom:30px} .InfoTitle h4{font-size:22px} .InfoTitle em{font-size:16px;} .InfoTitle .date span{padding:0 10px;} .pager li>a,.pager li>span{padding:8px 15px;margin:0 10px} .info_Next,.info_Previous{width:45%;} .info_Previous{float:left;} .info_Next{float:right;text-align:right;} } @media (min-width:992px){ .submenu{text-align:center;} .submenu{margin:0 -8px 35px;} .submenu>li{padding:0 8px;} .submenu>li>a{min-width:134px;padding:13px 5px;} .inside_title{margin-bottom:40px} .inside_title h2{font-size:24px} .InfoTitle h4{font-size:24px} .InfoTitle em{font-size:18px;} .InfoTitle .date{font-size:14px;} .pager{margin-top:50px;} } @media (min-width:1200px){ .submenu{margin-bottom:40px;} .inside_title{margin-bottom:45px} .padding_main{padding:60px 0;} .inside_main{padding:60px 0 80px} .pager li>a,.pager li>span{padding:10px 18px;} } /*项目服务*/ .product_list .inside_title{text-align: left;display: flex;align-items: center;flex-flow: row wrap;margin-bottom:0;} .product_list .inside_title h2{float:left;margin-right:15px;} .product_list .inside_title span{float:left;margin-top:0;} .product_list a{display: block;color:#333;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center} .product_list .column:nth-child(odd) a{flex-direction:row-reverse} .product_list a .img{width:50%;max-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center} .product_list a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} .product_list a .text{width:50%;padding:10px 15px} .product_list a .p{line-height:30px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 0} .product_list a em{display:block;border:1px solid #aeaeae;padding:6px 10px;font-weight:700;color:#666;line-height:24px;max-width:140px;text-align:center;margin-top:15px;transition: all 0.5s;} .product_list a:hover em{background-color:#002247;border-color:#002247;color:#fff;} @media (max-width:767px) and (orientation:portrait){ .product_list .column{margin-bottom:20px} .product_list a .img,.product_list a .text{width:100%} .product_list a .text{padding:0;margin-top:18px} .product_list a .img{max-height:100vh;} } @media (max-width:479px){ .product_list .inside_title h2{margin-right:10px;} } @media (min-width:768px){ .product_list a .img{max-height:250px} .product_list a .text{padding:20px 40px;} .product_list a .p{height:120px;-webkit-line-clamp:4;margin-top:20px} .product_list a em{margin-top:30px} } @media (min-width:1200px){ .product_list a .img{max-height:336px} .product_list a .text{padding:30px 40px;} .product_list a em{font-size:16px;padding:10px} } /* 新闻 */ .form-search{margin-bottom:30px;} .form-search form{display: flex;align-items: center;justify-content: center;} .form-search .input{width:500px;height:50px;} .form-search .input>input{display: block;width:100%;height:100%;padding:0 8px;border-radius: 5px;border:1px solid #ccc;overflow: hidden;outline: none;} .form-search .input>input:focus{border-color:#002247;} .form-search .btn{display: block;width:80px;height:50px;font-size:16px;color:#fff;text-align: center;background:#002247;border:none;margin-left:15px;} .news_item .column{margin:0 0 25px} .news_item a{display: block;color:#333;} .news_item .text{width:100%;overflow: hidden;margin-top:15px;} .news_item .h2{font-size:16px;margin:0;display:flex;align-items:center;transition:all .5s} .news_item .h2 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .news_item .h2:before{content:"";width:0;height:2px;background-color:#002247;display:inline-block;flex:0 0 auto;transition:all .5s} .news_item a:hover .h2{color:#002247} .news_item a:hover .h2:before{width:40px;margin-right:10px} .news_item .p{color:#666;line-height:20px;height:40px;overflow:hidden;margin:10px 0 15px} .news_item .time{font-size:14px;color:#666} .news_item .time i{font-size:16px;margin-right:5px} @media (max-width:767px){ .form-search .input{max-width:65%;height:40px;} .form-search .btn{height:40px;width:60px;margin-left:10px;font-size:14px;} } @media (min-width:768px){ .form-search{margin-bottom:40px;} .news_item .column{margin:0 0 30px} .news_item a{display:flex;} .news_item .img{width:180px;flex: 0 0 auto;} .news_item .text{padding-left:20px;margin-top:0;} .news_item .p{margin:15px 0 20px} } @media (min-width:1200px){ .news_item{margin-left:-30px;margin-right:-30px} .news_item .column{padding:0 30px;margin-bottom:30px} .news_item .h2{font-size:18px} .news_item .img{width:220px;} } /*联系*/ .contact_body .footTop{display: none;} .contact_list .column h5{font-size:16px;margin-bottom:20px} .contact_list .column h5:after{content:"";display:block;width:50%;height:2px;background:#002247;margin:15px 0 0} .contact_list .InfoContent{line-height: 2;} .contact_maps .img:hover>img{transform: scale(1.1);} .map #dituContent{width:100%;height:300px;} .BMap_bubble_title{font-weight: 700;} @media (max-width:767px){ .map{display:none} .contact_list .column{margin:0 0 25px} } @media (min-width:768px){ .map #dituContent{height:450px} } @media (min-width:992px){ .contact_list .column h5{font-size:18px;} .map{margin-top:0;} .map #dituContent{height:650px} } .about_mains>div:nth-child(odd){background:#ffffff;} .about_mains>div:nth-child(even){background:#f5f5f5;} .mediaReport{margin:0 -7px;} .mediaReport .column{padding:0 7px;margin-bottom:15px;} .mediaReport a{display: block;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .mediaReport .title{font-size:16px;line-height:1.5;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .mediaReport .other{color:#666;display: flex;justify-content: space-between;margin-top:10px;} .mediaReport .text{padding:15px 10px;border-top:1px #eee solid;} .mediaReport .source{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .mediaReport a:hover .title{color:#002247;} .mediaReport a:hover .img>img{transform: scale(1.1);} @media (max-width:479px){ .mediaReport .column {width:100%;} } @media (max-width:767px){ .mediaReport .title{font-size:14px;height:42px;} .mediaReport .other{font-size:12px;display: block;} .mediaReport .date{margin-top:5px;} } @media (min-width:768px){ .mediaReport{margin:0 -10px;} .mediaReport .column{padding:0 10px;margin-bottom:20px;} .mediaReport .text{padding:20px 15px;} .mediaReport .source{max-width:60%;} } @media (min-width:1200px){ .mediaReport{margin:0 -15px;} .mediaReport .column{padding:0 15px;margin-bottom:30px;} } /* 历年数据 */ .data_row>div{margin-bottom:20px;} .relation-tab>li{position: absolute;width:50px;height:50px;border-radius:50%;overflow: hidden;border-width:1px;border-style: solid;} .relation-tab>li:hover>a, .relation-tab>.active>a{color:#fff;} .relation-tab>.canada-btn{top:2%;left:16%;border-color: #55CCC9;color: #55CCC9;} .relation-tab>li.canada-btn:hover, .relation-tab>.active.canada-btn{border-color: #55CCC9;color: #fff;background:#55CCC9;} .relation-tab>.british-btn{top:2%;left:35%;border-color: #2595C1;color: #2595C1;} .relation-tab>li.british-btn:hover, .relation-tab>.active.british-btn{border-color: #2595C1;color: #fff;background:#2595C1;} .relation-tab>.usa-btn{top:35%;left:16%;border-color:#ee7e54;color:#ee7e54} .relation-tab>li.usa-btn:hover, .relation-tab>.active.usa-btn{border-color: #ee7e54;color: #fff;background:#ee7e54;} .relation-tab>.euro-btn{top:15%;left:45%;border-color:#6c5ca7;color:#6c5ca7} .relation-tab>li.euro-btn:hover, .relation-tab>.active.euro-btn{border-color: #6c5ca7;color: #fff;background:#6c5ca7;} .relation-tab>.hongkong-btn{top:38%;left:70%;border-color:#1ba8ab;color:#1ba8ab} .relation-tab>li.hongkong-btn:hover, .relation-tab>.active.hongkong-btn{border-color: #1ba8ab;color: #fff;background:#1ba8ab;} .relation-tab>.austrilia-btn{top:66%;left:80%;border-color:#6372c2;color:#6372c2} .relation-tab>li.austrilia-btn:hover, .relation-tab>.active.austrilia-btn{border-color: #6372c2;color: #fff;background:#6372c2;} .relation-tab a{display: flex;width:100%;height:100%;font-size:12px;justify-content: center;align-items: center;} .school_list{overflow: hidden;/* display: flex;justify-content: center;flex-flow: row wrap; */} .school_list .school{position:relative;float:left;margin-left:20px;margin-bottom:20px;} .school_list .school-width{width:220px;} .school_list .parallelogram{height:80px;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);background:#fff;box-shadow:2px 2px 40px 0 rgba(0,0,0,.1);border-radius:6px} .school_list .school-content{position:absolute;padding:12px 4px 12px 36px;top:0;display:inline-block} .school_list .left{float:left;} .school_list .right{float:right;} .size-m{font-size:16px;} .size-s{font-size:12px;} .offer-color{color:#2595C1;} .school-logo{width:56px;} @media (min-width:768px){ .relation-tab>li{width:60px;height:60px;} .relation-tab a{font-size:14px;} .data_row{margin-bottom:40px;} .size-m{font-size:18px;} .size-s{font-size:14px;} } @media (min-width:992px){ .data_row>div{margin-bottom:0;} } @media (min-width:1200px){ .data_row{margin-bottom:50px;} .relation-tab>li{width:70px;height:70px;} .relation-tab a{font-size:16px;} } /*留学攻略 2021-03-08加 ===========================================================================================*/ /* abroad/index.html */ .abroad_main{margin-left:-10px;margin-right:-10px;} .abroad_main>div{padding-left:10px;padding-right:10px;margin-bottom:20px;} .abroad_main .inner{padding:25px 15px;box-shadow: 0 0 8px rgba(0,0,0,0.15);} .abroad_title{border-bottom:1px solid #bfc8d1;display: flex;justify-content: space-between;align-items: flex-end;padding-bottom:12px;margin-bottom:20px;} .abroad_title_h2{font-size:20px;font-weight: 700;color:#002247;line-height:1;} .abroad_title_h2 a{display: inline;color:#002247;} .abroad_title_h2>span{display: inline-block;position: relative;} .abroad_title_h2>span:after{content: '';position: absolute;width:100%;height:2px;background:#002247;left:0;bottom:-13px;} .abroad_small_title{font-size:13px;} .abroad_small_title a{display: inline;transition: all 0.3s;} .abroad_small_title a:hover{color:#002247;} .country_list{margin-left:-10px;margin-right:-10px;display: flex;align-items: stretch;flex-flow: row wrap;} .country_list:before, .country_list:after{display: none;} .country_list>div{padding-left:10px;padding-right:10px;margin-bottom:20px;} .country_list .inner{height:100%;} .abroad_relevant:hover .img>img{transform: scale(1.1);} .abroad_relevant_question{margin-top:20px;} .abroad_relevant_question>li{margin-top:10px;} .abroad_relevant_question>li>a{display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .abroad_relevant_question>li>a:hover{color:#002247;text-decoration: underline;} .rightItems .abroad_title_h2{margin-right:0;} .rightItems>div{margin-bottom:20px;} .rightItems>div:first-child>.inner{padding:10px;} /* 留学顾问 */ .adviser_list>li:not(:last-child){padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #bfc8d1;} .adviser_list a{display: flex;align-items: flex-start;} .adviser_list .img{width:100px;flex: 0 0 auto;border-radius: 10px;} .adviser_list .img:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:5px solid #002247;border-radius: 10px;opacity: 0;transition: all 0.3s;z-index: 2;transform: scale(1.3);} .adviser_list .text{padding-left:20px;width:100%;overflow: hidden;} .adviser_list h3{font-size:16px;font-weight: 700;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.3s;} .adviser_list .p{color:#999;line-height:20px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .label_list{display: flex;flex-flow: row wrap;} .adviser_list .more>span, .label_list>div{line-height:18px;padding:0 10px;background:#002247;color:#fff;font-size:12px;margin-right:5px;margin-bottom:5px;transition: all 0.3s;} .adviser_list .more{text-align: right;margin-top:10px;} .adviser_list .more>span{margin:0;display: inline-block;} .adviser_list a:hover h3{color:#002247;} .adviser_list a:hover .label_list>div, .adviser_list a:hover .more>span{background:#002247;} .adviser_list a:hover .img:after{opacity: 1;transform: none;} .adviser_list a:hover .img>img{transform: scale(1.1);} /* 热门资讯 */ .hot_news>li{margin-top:10px;} .hot_news>li>a{display: block;position: relative;line-height:20px;padding-right:85px;} .hot_news h3{font-size:14px;line-height: inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .hot_news .date{font-size:14px;position: absolute;right:0;top:0;} .hot_news>li>a:hover{color:#002247;} .hot_news>li>a:hover h3{text-decoration: underline;} /* 热门院校 */ .hot_school>li:not(:last-child){margin-bottom:10px;} .hot_school a{position: relative;display: flex;align-items: center;overflow: hidden;} .hot_school a:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:1px solid #002247;border-radius: 10px;opacity: 0;transition: all 0.3s;z-index: 2;} .hot_school .img{width:100px;flex: 0 0 auto;border-radius: 10px;} .hot_school .img:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:5px solid #002247;border-radius: 10px;opacity: 0;transition: all 0.3s;z-index: 2;transform: scale(1.3);} .hot_school .text{padding-left:20px;width:100%;overflow: hidden;} .hot_school h3{font-size:16px;font-weight: 700;color:#002247;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .hot_school .en{font-size:12px;color:#999;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform: uppercase;} .hot_school a:hover:after{opacity: 1;} .hot_school a:hover h3{color:#002247;} .hot_school a:hover .img:after{opacity: 1;transform: none;} .hot_school a:hover .img>img{transform: scale(1.1);} /* 名校规划申请 */ .apply_form .form-group:not(:last-child){position: relative;margin-bottom:20px;padding-left:90px;} .apply_form .control-label{position: absolute;width:90px;text-align: left;line-height:32px;left:0;top:0;} .apply_form .form-control{display: block;border-radius: 0;border:1px solid #bfc8d1;box-shadow: none;} .apply_form .form-group:last-child{margin-bottom:0;} .apply_form .btn{display: block;width:46%;background:#002247;color:#fff;border:none;border-radius: 0;height:32px;margin:0 auto;} @media (min-width:768px){ } @media (min-width:992px){ .abroad_main{display: flex;flex-flow: row wrap;} .leftContent{width:66.66666667%;} .rightContent{width:33.33333333%;} } @media (min-width:1200px){ .abroad_main .inner{padding:30px 20px;box-shadow: 0 0 12px rgba(0,0,0,0.15);} .abroad_title{margin-bottom:30px;} .abroad_title_h2{font-size:22px;} .abroad_small_title{font-size:14px;} .abroad_relevant_question>li{font-size:16px;} .adviser_list .img .hot_school .img{width:112px;} .adviser_list h3, .hot_school h3{font-size:18px;} .label_list>div{margin-right:10px;margin-bottom:10px;} .adviser_list .more>span, .label_list>div{font-size:14px;} .hot_news h3, .hot_news .date{font-size:16px;} .apply_form .form-group:not(:last-child){padding-left:100px;margin-bottom:28px;} .apply_form .control-label{width:100px;font-size:16px;} } @media (min-width:1450px){ .abroad_title_h2{font-size:24px;} } /* area.html */ .hot_school2{margin-left:-10px;margin-right:-10px;margin-top:-20px;} .hot_school2>div{padding-left:10px;padding-right:10px;padding-top:20px;} .hot_school2 a{display: block;} .hot_school2 .img{padding:5px;border:5px solid #002247;transition: all 0.3s;} .hot_school2 .text{text-align: center;margin-top:14px;} .hot_school2 h3{font-size:16px;font-weight: 700;color:#002247;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.3s;} .hot_school2 .en{font-size:12px;color:#999;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform: uppercase;} .hot_school2 .more{margin-top:14px;width:100%;height:32px;line-height:32px;text-align: center;color:#fff;font-size:14px;background:#002247;transition: all 0.3s;} .hot_school2 a:hover h3{color:#002247;} .hot_school2 a:hover .img{border-color:#002247;} .hot_school2 a:hover .more{background:#002247;} @media (min-width:1200px){ .hot_school2 h3{font-size:18px;} } /* cost.html */ .cost_sort_01{margin-left:-10px;margin-right:-10px;} .cost_sort_01>div{padding-left:10px;padding-right:10px;margin-bottom:20px;} .cost_sort_01 a{display:block;font-size:16px;color:#fff;background:#002247;text-align: center;line-height:32px;transition: all 0.3s;} .cost_sort_01>.active>a, .cost_sort_01 a:hover{color:#fff;background:#002247;} .cost_sort_02{margin:10px -15px 30px;font-size:14px;line-height:18px;padding:6px 20px;display: flex;border-top:1px solid #bfc8d1;border-bottom:1px solid #bfc8d1;} .cost_sort_02>span{flex: 0 0 auto;} .sort_list{width:100%;overflow: hidden;display: flex;flex-flow: row wrap;} .sort_list>a{padding:0 10px;border-right:1px solid #333;} .sort_list>a:last-child{border-right:none;} .sort_list>a.active, .sort_list>a:hover{color:#002247;} .cost_list{margin-bottom:30px;} .cost_list>div{margin-bottom:30px;} .cost_list>div:last-child{margin-bottom:0;} .cost_list a{display: block;border-top:1px solid #bfc8d1;border-bottom:1px solid #bfc8d1;display: flex;transition: all 0.3s;} .cost_list .img{width:195px;flex: 0 0 auto;} .cost_list .img:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:5px solid #002247;z-index: 2;transform: scale(1.3);opacity: 0;transition: all 0.3s;} .cost_list .text{width:100%;padding:20px 35px 20px 20px;overflow: hidden;} .cost_list h3{font-size:16px;color:#002247;font-weight: 700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.3s;} .cost_list .p{margin-top:15px;color:#999;line-height:20px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .cost_list .other{width:80px;padding-top:18px;flex: 0 0 auto;color:#002247;transition: all 0.3s;font-family: 微软雅黑;} .cost_list .date{font-size:20px;line-height: 1;transition: inherit;} .cost_list .year{margin:5px 0 25px;transition: inherit;} .cost_list .more{width:28px;height:28px;border-radius: 50%;background-image: url(j32.png);background-position: center;background-size:auto 100%;background-repeat: no-repeat;transition: inherit;} .cost_list a:hover{border-color:#002247;background:#fffcf6;} .cost_list a:hover .other, .cost_list a:hover h3{color:#002247;} .cost_list a:hover .img:after{transform: none;opacity: 1;} .cost_list a:hover .more{background-image: url(j33.png);} .pager2{text-align: center;margin:65px 0 20px;display: flex;justify-content: center;flex-flow: row wrap;} .pager2>.li{margin:0 0 5px;} .pager2>.li>a, .pager2>.li>span, .pager2>.li>input{display: block;padding:0 10px;min-width:32px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#002247;border:1px solid #002247;background:#fff;margin-left:-1px;} .pager2>.li>input{width:32px;padding:0 3px;outline: none;box-shadow: none;} .pager2>.disabled>span{cursor: default;color:#999;} .pager2>.prvePage>a, .pager2>.prvePage>span, .pager2>.nextPage>a, .pager2>.nextPage>span{min-width:76px;} .pager2>.prvePage{margin-right:10px;} .pager2>.nextPage{margin-left:10px;} .pager2>.li.ml{margin-left:10px;} .pager2>.active>a, .pager2>.li:hover>a{background:#002247;color:#fff;} .pager2>.disabled>a, .pager2>.disabled>span, .pager2>.disabled:hover>a, .pager2>.disabled:hover>span{color:#999;cursor: default;background:#fff;} @media (max-width:599px){ .cost_list a{display: block;} .cost_list .img{width:100%;} .cost_list .text{padding:20px 15px;} .cost_list .other{position: relative;width:100%;padding:0 15px;min-height:28px;margin-bottom:20px;} .cost_list .date{margin:0;} .cost_list .year{margin-bottom:0;} .cost_list .more{position: absolute;right:0;top:0;} .pager2{margin-top:40px;margin-bottom:10px;} .pager2>.li{display: none;} .pager2>.li.prvePage, .pager2>.li.nextPage{display: block;} } @media (min-width:600px){ .cost_list a:hover .more{margin-left:20px;} } @media (min-width:1200px){ .cost_sort_01>div{margin-bottom:30px;} .cost_sort_01 a, .cost_list h3{font-size:18px;} .cost_sort_02{font-size:16px;margin-top:12px;margin-left:-20px;margin-right:-20px;} .sort_list>a{padding:0 15px;} .cost_list .img{width:212px;} .cost_list .text{padding-right:44px;} .cost_list .date{font-size:24px;} .cost_list .more{width:34px;height:34px;} .cost_list .other{width:95px;} } /* hotMajor.html */ .public_more>.a{display: inline-block;width:160px;line-height:30px;border:1px solid #002247;color:#002247;font-size:14px;text-align: center;transition: all 0.3s;} .public_more>.a:hover{background:#002247;border-color:#002247;color:#fff;} .hot_types_tabs{padding:25px 15px;border-bottom:1px solid rgba(191,200,209,0.25);} .hot_types_tabs>.nav{display: flex;flex-flow: row wrap;margin-left:-10px;margin-right:-10px;} .hot_types_tabs>.nav:before, .hot_types_tabs>.nav:after{display: none;} .hot_types_tabs>.nav>li{padding-left:10px;padding-right:10px;margin-bottom:5px;} .hot_types_tabs>.nav>li>a{display: block;position: relative;font-size:16px;padding:5px 0;background:none;border:none;} .hot_types_tabs>.nav>li>a:after{content: '';position: absolute;width:0;height:2px;left:0;bottom:0;background:#002247;transition: all 0.3s;} .hot_types_tabs>.nav>li>a:focus, .hot_types_tabs>.nav>li>a:hover, .hot_types_tabs>.nav>.active>a{color:#002247;background:none;border:none;} .hot_types_tabs>.nav>.active>a{font-weight: 700;} .hot_types_tabs>.nav>li>a:hover:after, .hot_types_tabs>.nav>.active>a:after{width:100%;} .hot_types .tab-content{padding:20px 15px;min-height:124px;} .hot_types_list{display: flex;flex-flow: row wrap;margin-left:-10px;margin-right:-10px;} .hot_types_list:before, .hot_types_list:after{display: none;} .hot_types_list>li{padding-left:10px;padding-right:10px;margin-bottom:10px;} .hot_types_list>li>a{display: block;padding:0 10px;font-size:14px;line-height:32px;border-radius: 5px;transition: all 0.3s;} .hot_types_list>li>a:hover, .hot_types_list>.active>a{background:#002247;color:#fff;} .hot_recommend{background:#eeeeee;padding:25px 15px;} .hot_recommend .abroad_title_h2{display: flex;align-items: flex-end;flex-flow: row wrap;} .hot_recommend .abroad_title_h2>span:after{display: none;} .hot_recommend .abroad_title_h2>i{padding:0 3px;line-height:18px;background:#002247;color:#fff;border-radius: 5px;font-size:14px;margin-left:15px;} .hot_recommend .p{line-height:20px;height:60px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .hot_recommend .public_more{text-align: right;} .hot_recommend .public_more>.a{margin-top:15px;} @media (max-width:479px){ .hot_types_list{margin-left:-5px;margin-right:-5px;} .hot_types_list>li{padding-left:5px;padding-right:5px;} .hot_types_list>li>a{padding:0 7px;} } @media (min-width:1200px){ .public_more>.a{width:180px;} .hot_types_tabs{padding:25px 20px;} .hot_types_tabs>.nav{margin-left:-35px;margin-right:-35px;} .hot_types_tabs>.nav>li{padding-left:35px;padding-right:35px;} .hot_types_tabs>.nav>li>a{font-size:18px;} .hot_types .tab-content{padding:20px;} .hot_types_list{margin-left:-20px;margin-right:-20px;} .hot_types_list>li{padding-left:20px;padding-right:20px;} .hot_types_list>li>a{font-size:16px;} .hot_recommend{padding:30px 20px;} .hot_recommend .abroad_title{margin-bottom:25px;} .hot_recommend .p{line-height:25px;height:75px;font-size:16px;} } /* details.html */ .abroad_details_title{margin-bottom:20px;padding-bottom:0;border-bottom:none;} .abroad_details_title .h4{text-align: left;font-size:20px;font-weight: 700;line-height:1.5;color:#002247;padding-bottom:15px;border-bottom:1px solid #bfc8d1;;} .abroad_details_date{margin-top:25px;color:#999;line-height:16px;} .abroad_details_date>span{padding:0 8px;border-right:1px solid #999;display: inline-block;margin-bottom:5px;} .abroad_details_date>span:last-child{border-right:0;} .abroad_details_xgtj{margin-top:80px;} .abroad_details_xgtj .abroad_details_date{margin-bottom:20px;} .abroad_details_xgtj .InfoContent{color:#999;} .country_list .info_previous_next_wrap{padding-top:0;border-top:none;} .country_list .info_Previous, .country_list .info_Next{float:none;width:100%;text-align: left;} .xgwz_box{margin-top:35px;padding:10px 15px 25px;border:1px solid #bfc8d1;} .xgwz_tabs{border-bottom:1px solid #bfc8d1;margin-bottom:20px;} .xgwz_tabs>.nav{display: flex;flex-flow: row wrap;margin-left:-10px;margin-right: -10px;} .xgwz_tabs>.nav:before, .xgwz_tabs>.nav:after{display: none;} .xgwz_tabs>.nav>li{padding-left:10px;padding-right:10px;} .xgwz_tabs>.nav>li>a{position: relative;padding:10px 0;font-size:16px;} .xgwz_tabs>.nav>li>a:after{content: '';position: absolute;width:0;height:2px;left:0;bottom:-1px;background:#002247;transition: all 0.3s;} .xgwz_tabs>.nav>li>a:focus, .xgwz_tabs>.nav>li>a:hover, .xgwz_tabs>.nav>.active>a{color:#002247;background:none;border:none;} .xgwz_tabs>.nav>.active>a{font-weight: 700;} .xgwz_tabs>.nav>li>a:hover:after, .xgwz_tabs>.nav>.active>a:after{width:100%;} .xgwz_box .tab-content{ } .xgwz_list>li{margin-top:0;padding-top:5px;padding-bottom:5px;} .xgwz_list>li>a{line-height: 25px;} @media (max-width:599px){ .abroad_details_xgtj{margin-top:40px;} } @media (min-width:768px){ .abroad_details_title .date>span{padding:0 20px;} .xgwz_box{padding-left:20px;padding-right:20px;} .xgwz_list{overflow: hidden;margin-left:-25px;margin-right:-25px;} .xgwz_list>li{width:50%;float:left;padding-left:25px;padding-right:25px;} .xgwz_list>li:nth-child(odd){border-right:1px solid #bfc8d1;} } @media (min-width:1200px){ .abroad_details_title .h4{font-size:22px;} .xgwz_tabs>.nav{margin-left:-20px;margin-right: -20px;} .xgwz_tabs>.nav>li{padding-left:20px;padding-right:20px;} .xgwz_tabs>.nav>li>a{font-size:18px;} .country_list .InfoContent, .country_list .info_previous_next_wrap{font-size:16px;} } @media (min-width:1450px){ .abroad_details_title .h4{font-size:24px;} } /* details2.html */ .school_details>div{margin-bottom:40px;} .school_details_01>.content{background:#002247;color:#fff;} .school_details_01>.content>.text{width:100%;overflow: hidden;padding:25px 20px;} .school_details_01>.content>.text .tit{margin-bottom:20px;text-align: center;} .school_details_01>.content>.text h2, .school_details_01>.content>.text .h1{font-size:20px;line-height:1.1} .school_details_01>.content>.text h2 + p, .school_details_01>.content>.text .h1 + p{color:rgba(255,255,255,0.25);margin-top:5px;text-transform: uppercase;} .school_details_01>.content>.text .InfoContent{line-height:25px;} .school_details_01 .public_more{margin:20px 0;text-align: center;} .school_details_01 .public_more>.a{margin:5px 10px;} .basic_info{overflow: hidden;} .basic_info>li{padding:8px 0;border-bottom:1px dashed #bfc8d1;display: flex;line-height:25px;margin-bottom:15px;} .basic_info>li>.span1{flex: 0 0 auto;display: inline-block;color:#999;min-width:100px;} .basic_info>li>.span2{width:100%;overflow: hidden;} .InfoContent .table-responsive{border:1px dashed #bfc8d1;margin:5px 0;} .InfoContent .table-responsive .table{margin-bottom:0;} .InfoContent .table-responsive td{border-top:1px dashed #bfc8d1;border-right:1px dashed #bfc8d1} .InfoContent .table-responsive tr:first-child>td{border-top:none;} .InfoContent .table-responsive tr>td:last-child{border-right:none;} .InfoContent .table>tbody>tr>td, .InfoContent .table>tbody>tr>th, .InfoContent .table>tfoot>tr>td, .InfoContent .table>tfoot>tr>th, .InfoContent .table>thead>tr>td, .InfoContent .table>thead>tr>th{padding:8px 12px;} .basic_info2{padding:15px 20px;background:#fffcf6;margin-top:10px;} .school_details_05{background:#002247;color:#fff;} .school_details_05>ul{overflow: hidden;} .school_details_05>ul>li{float:left;width:30.3333333%;padding:25px 15px;text-align: center;font-size:14px;} .school_details_05>ul>li>.num{font-size:20px;font-weight: 700;color:#002247;} .hotMajor_list a{display: block;padding:20px;border-bottom:1px solid #bfc8d1;transition: all 0.3s;} .hotMajor_list h3{font-size:16px;font-weight: 700;color:#002247;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: flex;align-items: flex-end;flex-flow: row wrap;transition: all 0.3s;} .hotMajor_list h3>i{padding:0 3px;line-height:18px;background:#002247;color:#fff;border-radius: 5px;font-size:14px;margin-left:15px;} .hotMajor_list .p{margin-top:15px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .hotMajor_list .public_more>.a{margin-top:15px;} .hotMajor_list a:hover{background:#fffcf6;border-bottom-color:#fffcf6;} .hotMajor_list a:hover h3{color:#002247;} .hotMajor_list a:hover .public_more>.a{background:#002247;border-color:#002247;color:#fff;} @media (max-width:767px){ .school_details_01>.content>.img>img{width:auto;max-width:100%;margin:0 auto;} } @media (max-width:499px){ .school_details_05>ul>li{width:100%;border-bottom:1px dashed rgba(255,255,255,0.25);} } @media (min-width:768px){ .school_details_01 .public_more>.a{margin:10px 15px;} .school_details_01>.content{display: flex;align-items: center;} .school_details_01>.content>.img{width:232px;flex: 0 0 auto;} } @media (min-width:1200px){ .school_details_01>.text h2{font-size:22px;} .school_details_01 .public_more>.a{margin:10px 20px;} .basic_info{display: flex;flex-flow: row wrap;} .basic_info>li{float:left;width:50%;} .basic_info>li:nth-child(odd){padding-right:20px;} .basic_info>li:nth-child(even){padding-left:20px;} .basic_info>li{font-size:16px;} .basic_info>li>.span1{min-width:115px;} .InfoContent .table>tbody>tr>td, .InfoContent .table>tbody>tr>th, .InfoContent .table>tfoot>tr>td, .InfoContent .table>tfoot>tr>th, .InfoContent .table>thead>tr>td, .InfoContent .table>thead>tr>th{padding:6px 18px;} .basic_info2>li{width:100%;} .basic_info2>li:nth-child(odd){padding-right:0;} .basic_info2>li:nth-child(even){padding-left:0;} .school_details_05>ul>li{font-size:16px;} .school_details_05>ul>li>.num{font-size:24px;} .hotMajor_list a{padding:28px 20px;display: flex;justify-content: space-between;align-items: center;} .hotMajor_list .text{width:100%;overflow: hidden;padding-right:30px;} .hotMajor_list .more{flex: 0 0 auto;} .hotMajor_list h3{font-size:18px;} } @media (min-width:1450px){ .school_details_01>.text h2{font-size:24px;} } /* college.html */ .selectSearch{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #bfc8d1;} .selectSearch form{display: block;position: relative;padding-right:120px;} .selectSearch .form-control{display: block;width:100%;height:42px;overflow: hidden;border:none;box-shadow: none;background:#f1f3f5;padding:0 10px;font-size:14px;border-radius: 0;} .selectSearch .btn{position: absolute;width:110px;height:42px;right:0;top:0;background:#002247;color:#fff;text-align: center;font-size:16px;border-radius: 0;display: flex;align-items: center;justify-content: center;} .selectSearch .btn>img{margin-right:12px;} .selectGroup .column{display: flex;align-items: flex-start;margin-bottom:10px;} .selectGroup .column .more{position: relative;flex: 0 0 auto;font-size:16px;padding:6px 10px;line-height:20px;padding-right:24px;cursor: pointer;} .selectGroup .column .more:before{content: '';position: absolute;width:0;height:0;border-top:6px solid #333;border-left:6px solid transparent;border-right:6px solid transparent;right:0;top:50%;margin-top:-3px;} .selectGroup .column .more:hover{color:#002247;} .selectGroup .column .more:hover:before{border-top-color:#002247;} .selectGroup .column .down+.more:before{transform: rotate(-180deg);} .selItem{width:100%;overflow: hidden;display: flex;align-items: flex-start;} .selItem>h5{flex: 0 0 auto;font-size:14px;padding:6px 10px;line-height:20px;border-radius: 5px;background:#002247;color:#fff;} .selItem>dl{width:100%;overflow: hidden;padding-left:20px;overflow: hidden;margin:0 -10px;display: flex;flex-flow: row wrap;} .selItem>dl a{display: block;padding:6px 10px;line-height:20px;border-radius: 5px;transition: all 0.3s;} .selItem>dl a:hover, .selItem>dl .active>a{background:#fffaed;} .selItem>dl>dd{padding:0 10px;margin-bottom:15px;} .college_list .column{padding:30px 0;border-bottom:1px solid #bfc8d1;transition: all 0.3s;} .college_list .item{display: flex;justify-content: space-between;align-items: center;} .college_list .img{width:212px;flex: 0 0 auto;} .college_list .img:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:5px solid #002247;z-index: 2;transform: scale(1.3);opacity: 0;transition: all 0.3s;} .college_list .text{width:100%;overflow: hidden;padding:20px 15px;} .college_list .text .tit{display: block;} .college_list .text .tit>h3{font-size:20px;font-weight: 700;color:#002247;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.3s;} .college_list .text .tit>p{color:#999;text-transform: uppercase;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .college_list .public_more{flex: 0 0 auto;} .college_list .public_more>.a{display: block;margin-top:48px;} .college_list .public_more>.a:first-child{margin-top:0;} .college_list .txt{color:#999;margin-top:15px;} .college_list .address>p>span{color:#333;} .college_list .address>p>a{margin-left:25px;} .college_list .tag{display: flex;flex-flow: row wrap;margin-top:15px;} .college_list .tag>p{margin-right:30px;} .college_list .tag>p>span{color:#002247;} .college_list .column:hover{background:#fffcf6;} .college_list .column:hover .tit>h3{color:#002247;} .college_list .column:hover .public_more>.a{border-color:#002247;color:#002247;} .college_list .column .public_more>.a:hover{border-color:#002247;color:#fff;background:#002247;} .college_list .column:hover .img:after{transform: none;opacity: 1;} @media (max-width:767px){ .selectGroup .column{flex-flow: row wrap;} .selectGroup .column .more{margin-left:80px;margin-bottom:10px;padding-left:7px;} .selItem>dl{margin-left:-5px;margin-right:-5px;padding-left:10px;} .selItem>dl>dd{padding:0 5px;margin-bottom:10px;} .selItem>h5, .selItem>dl a{padding:6px 7px;} .selItem>dl>dd:nth-child(n+7){display: none;} .selItem.down>dl>dd:nth-child(n+7){display: block;} } @media (min-width:600px) and (max-width:767px){ .college_list .item{display: block;overflow: hidden;} .college_list .img{float:left;} .college_list .text{width:auto;margin-left:212px;} .college_list .public_more{width:100%;float:left;text-align: center;} .college_list .public_more>.a{display: inline-block;margin:25px 15px 0;} .college_list .public_more>.a:first-child{margin-top:25px;} } @media (max-width:599px){ .college_list .item{display: block;} .college_list .img{width:100%;} .college_list .text .tit, .college_list .txt, .college_list .tag{text-align: center;} .college_list .tag{display: block;} .college_list .tag>p{margin-right:0;} .college_list .public_more>.a{margin:15px auto 0;} } @media (min-width:768px){ .selectGroup .column{padding-right:20px;} .selItem>dl>dd:nth-child(n+6){display: none;} .selItem.down>dl>dd:nth-child(n+6){display: block;} .college_list .text{padding:20px;} } @media (min-width:992px){ .selItem>dl>dd:nth-child(n+6){display: block;} .selItem>dl>dd:nth-child(n+8){display: none;} .selItem.down>dl>dd:nth-child(n+8){display: block;} } @media (min-width:1200px){ .selectSearch{padding-bottom:30px;margin-bottom:30px;} .selectSearch form{padding-right:170px;} .selectSearch .btn{width:150px;font-size:18px;} .selItem>dl{padding-right:30px;margin-left:-15px;margin-right:-15px;} .selItem>dl>dd{padding:0 15px;margin-bottom:20px;} .selItem>dl>dd:nth-child(n+8){display: block;} .selItem>dl>dd:nth-child(n+9){display: none;} .selItem.down>dl>dd:nth-child(n+9){display: block;} .college_list .column{padding-right:5%;} .college_list .text .tit>h3{font-size:22px;} .college_list .txt, .college_list .tag{margin-top:25px;} .college_list .txt{font-size:16px;} } @media (min-width:1450px){ .selItem>h5, .selItem>dl a{font-size:16px;} .college_list .text .tit>h3{font-size:24px;} .college_list .text .tit>p{font-size:16px;} } /* 2021.04.26 start*/ .page_main{width:100%;padding:20px 0;overflow: hidden;} .page_main .InfoContent{line-height:1.74;text-transform: uppercase;} .page_title{margin-bottom:30px;} .page_title h2{font-size:22px;color:#363636;} .page_title h2>span{position: relative;display: inline-block;padding:15px 22px;} .page_title h2>span:after{content: '';position: absolute;width:100px;height:4px;background:#fac024;bottom:0;right:0;transition: all 0.36s;} .page_title:hover h2>span:after{background:#002247;} .max1100{max-width:1100px;} .max1300{max-width:1300px;} @media (min-width:768px){ .page_main{padding:30px 0;} .page_title h2{font-size:26px;} } @media (min-width:992px){ .page_title{margin-bottom:40px;} .page_title h2{font-size:32px;} .page_title h2>span{padding:18px 32px;} .page_title h2>span:after{width:135px;height:6px;} } @media (min-width:1200px){ .page_title h2{font-size:36px;} } /* 导师团队样式一 */ .tutor_list{display: flex;align-items: stretch;flex-flow: row wrap;} .tutor_list:before, .tutor_list:after{display: none;} .tutor_list>div{margin:20px 0;} .tutor_list .box{position: relative;padding-left:20px;transition: all 0.36s;transform-origin: right;} .tutor_list .box:before{content: '';position: absolute;width:10px;height:calc(100% + 20px);background:#fac024;left:0;top:-20px;transition: all 0.36s;} .tutor_list .kuang{position: relative;width:100%;height:170px;background:#002247;transition: all 0.36s;} .tutor_list .img{position: absolute;width:52%;top:15px;left:45%;} .tutor_list .text{position: relative;color:#fff;text-align: center;background:#fac024;width:100%;min-height:104px;padding:10px;transition: all 0.36s;} .tutor_list h5{font-size:16px;line-height:1.4;font-weight: 700;text-transform: uppercase;} .tutor_list .p{line-height:1.74;} .tutor_list .inner:hover .kuang{background:#fac024;} .tutor_list .inner:hover .text{background:#002247;} .tutor_list .inner:hover .box:before{top:0;} @media (min-width:768px){ .tutor_list>div{margin:30px 0;} .tutor_list .kuang{width:270px;height:170px;} .tutor_list .img{width:200px;left:40%;top:15px;} .tutor_list .text{width:180px;margin-left:50px;margin-top:-50px;} .tutor_list .inner:hover .box{transform: scale(1.05);} } @media (min-width:992px){ .tutor_list .kuang{width:320px;height:204px;} .tutor_list .img{width:240px;left:50%;top:25px;} .tutor_list h5{font-size:18px;} .tutor_list .box{padding-left:26px;} .tutor_list .box:before{width:14px;} .tutor_list .text{width:220px;margin-left:70px;} } @media (min-width:1200px){ .tutor_list .kuang{width:380px;height:242px;} .tutor_list .img{width:280px;} .tutor_list .text{width:240px;} .tutor_list h5{font-size:20px;} .tutor_list .p{font-size:16px;} .tutor_list .box{padding-left:30px;} .tutor_list .box:before{width:18px;} } @media (min-width:1450px){ .tutor_list .kuang{width:440px;height:280px;} .tutor_list .img{width:325px;} .tutor_list .text{width:278px;} } /* 导师团队样式二 */ .tutor_list2.row{margin-left:-10px;margin-right:-10px;display: flex;align-items: stretch;flex-flow: row wrap;} .tutor_list2.row .column{padding-left:10px;padding-right:10px;margin:0 0 20px;} .tutor_list2 .inner{height:100%;display: block;background:#fac024;transition: all 0.36s;} .tutor_list2 .text{position: relative;color:#fff;text-align: center;width:100%;padding:15px 10px;} .tutor_list2 h5{font-size:16px;line-height:1.4;font-weight: 700;text-transform: uppercase;} .tutor_list2 .p{line-height:1.74;} .tutor_list2 .inner:hover{background:#002247;} @media (max-width:479px){ .tutor_list2.row .column{width:100%;} } @media (min-width:992px){ .tutor_list2 .text{padding:15px;} } @media (min-width:1200px){ .tutor_list2 .text{padding:20px;} .tutor_list2 h5{font-size:18px;} .tutor_list2 .p{font-size:16px;} } /* 成功案例 - 学员案例 */ .inside_banner_case{width:100%;overflow: hidden;/* padding-top:60px; */background:#021A34;} .inside_case_top{color:#fff;padding:50px 0;background-image:url(img39.jpg);background-repeat: no-repeat;background-position: center;background-size:cover;min-height:580px;} .inside_case_top>.container{position: relative;} .ranking_list_title{font-size:16px;font-weight: 700;text-align: center;margin-bottom:20px;} .ranking_list_title>span{position: relative;display: inline-block;padding:10px 15px;background:#fdbe4c;color:#002247;border-radius: 5px;} .ranking_list_title>span:after{content: '';position: absolute;width:36px;height:2px;bottom:0;right:7px;background:#fff;} .ranking_list_block{margin-bottom:20px;} .ranking_list_block:last-child{margin-bottom:0;} .ranking_list_block_item{display: flex;align-items: center;margin-bottom:15px;} .ranking_list_block_item .icon{width:50px;flex: 0 0 auto;} .ranking_list_block_item .icon>img{display: block;width:100%;} .ranking_list_block_item .text{width:100%;overflow: hidden;padding-left:15px;} .ranking_list_block_item .school_name{font-size:13px;font-weight: 700;line-height: inherit;} .ranking_list_block_item .school_num{font-size:14px;font-weight: 700;} .ranking_list_block_item .school_num>span{font-size:14px;color:#fdbe4c;} .ranking_map{display: flex;justify-content: center;align-items: center;margin:30px 0 70px;} .ranking_map>.inner{position: relative;width:345px;margin-left:auto;margin-right:auto;} .ranking_map>.inner>img{width:100%;display: block;} .ranking_map .area{position: absolute;font-size:12px;} .ranking_map .kuai{width:15px;height:3px;background:#fff;border: 1px solid rgba(253,190,76,0.4);border-radius: 2px;} .ranking_map .txt{color:#fff;font-weight: 700;} .ranking_map .txt:before{content: '';display: block;width:16px;height:2px;margin-bottom:5px;background:#c8c6c6;margin-top:10px;} .ranking_map .num{color:#fdbe4c;margin-bottom:5px;} .ranking_map .area01{left:4%;top:-13%;} .ranking_map .area02{left:50.5%;top:28%;} .ranking_map .area03{left:74%;top:24%;} .ranking_map .area04{left:82%;top:95%;} .ranking_map .area05{left:43%;top:27%;} .ranking_map .area06{left:14%;top:30%;} .ranking_data{text-align: center;display: none;} .fall_list>.item{display: flex;flex-flow: row wrap;margin-bottom:15px;} .fall_list>.item>div{width:50%;padding:0 7px;} .fall_list .enroll_school{font-size:13px;line-height:1.4;margin-top:3px;font-weight: 700;} .fall_list .enroll_num{font-size:14px;line-height:1.74;font-weight: 700;} .fall_list .enroll_num>span{font-size:14px;color:#fdbe4c;padding-right:5px;} @media (max-width:767px){ .ranking_map>.inner{width:100%;} .ranking_map .area01{top:1.5%;} .ranking_map .area02{top:28%;} .ranking_map .area03{left:76%;top:36%;} .ranking_map .area04{left:85%;top:95%;} } @media (max-width:479px){ .ranking_map .area02{left:54%;} .ranking_map .area05{left:41%;} } @media (min-width:768px){ .ranking_list{width:100%;margin-left:auto;margin-right:auto;} .ranking_map>.inner{width:100%;} .ranking_map .kuai{width:20px;height:6px;} .ranking_map .area{font-size:16px;} .ranking_map .area01{top:1.5%;} .ranking_map .area02{left:52.5%;} .ranking_map .area03{left:76%;top:36%;} .ranking_map .area04{left:85%;top:95%;} .ranking_map .area05{left:43%;} .ranking_data{max-width:100%;margin:0 auto;} } @media (min-width:992px){ .ranking_list{width:720px;} .ranking_map>.inner{width:720px;} .ranking_data{max-width:720px;} } @media (min-width:1200px){ .inside_case_top>.container{display: flex;flex-flow: row wrap;justify-content: center;} .inside_case_top>.container:before, .inside_case_top>.container:after{display: none;} .ranking_list{width:400px;margin:0;} .ranking_list_title{font-size:18px;} .ranking_map{margin:30px 0;} /* .ranking_map>.inner{width:600px;} */ .ranking_map>.inner{width:740px;} .ranking_map .area{font-size:18px;} .ranking_map .area01{top:0%;} .ranking_map .area02{top:28%;} .ranking_map .area03{top:29%;} .ranking_map .area04{left:84%;top:94%;} .ranking_map .area05{left:43%;} .ranking_data{position: absolute;right:15px;top:0;margin:0;width:200px;} .fall_list>.item{margin-bottom:20px;} .fall_list>.item>div{width:100%;} } @media (min-width:1450px){ /* .inside_case_top>.container{width:100%;max-width:1400px;} */ .ranking_map>.inner{width:800px;} .ranking_map .area{font-size:20px;} .ranking_map .area01{top:-2%;} .ranking_map .area02{top:30%;} .ranking_map .area03{top:32%;} .ranking_map .area04{top:94%;} .ranking_data{width:350px;} .fall_list>.item{margin-bottom:15px;} .fall_list>.item>div{width:52%;} .fall_list>.item>div:nth-child(2n){width:48%;} .fall_list .enroll_school{white-space: nowrap;} } @media (min-width:1650px){ /* .inside_case_top>.container{max-width:1700px;} */ /* .ranking_map{margin-left:30px;} .ranking_map>.inner{width:900px;} */ .ranking_map .area{font-size:24px;} .ranking_map .area01{top:0%;} .ranking_map .area02{top:30%;} .ranking_map .area03{top:34%;} .ranking_map .area04{top:94%;} .ranking_map .kuai{height:8px;} } .student_case_selectGroup .selItem>dl{padding-right:0;} .student_case_selectGroup .selItem>dl>dd{display: block!important;} .student_case{margin-left:-10px;margin-right:-10px;display: flex;flex-flow: row wrap;} .student_case:before, .student_case:after{display: none;} .student_case>div{padding-left:10px;padding-right:10px;margin-bottom:20px;} .student_case .inner{display: block;width:100%;height:100%;border:1px solid #002247;position: relative;} .student_case .mask{width:100%;padding:20px 15px;padding-right:10px;background:#fff;transition: all 0.5s;} .student_case .text{width:100%;} .student_case h5{font-size:16px;line-height:1.74;font-weight: 700;} .student_case .p{margin-top:12px;line-height:1.74;word-wrap:break-word;} .student_case .p p{margin-bottom:12px;} .student_case .p p:last-child{margin-bottom:0;} .student_case .p img{display: inline-block;width:auto;max-width:100%;} .student_case .p br{display: none;} .student_case .text::-webkit-scrollbar{width:3px;height:3px} .student_case .text::-webkit-scrollbar-track{background:#002247} .student_case .text::-webkit-scrollbar-thumb{background:#ccc;height:60px;border-radius: 0;} .student_case .text::-webkit-scrollbar-thumb:window-inactive{background:#ccc} .student_case .text::-webkit-scrollbar-thumb:vertical:hover{background:#ccc} .student_case .img{position: absolute;width:0;left:0;top:0;transition: all 0.5s;cursor: pointer;} .student_case>div:hover{z-index: 2;} .student_case .inner:hover .img{width:100%;} @media (max-width:767px){ .student_case .img>h5{display: none;} } @media (max-width:479px){ .student_case>div{width:100%;} } @media (min-width:992px){ .student_case h5{font-size:18px;} } /* 成功案例 - 学员故事 */ .news_item2 .column{margin:0 0 25px} .news_item2 a{display: block;color:#333;} .news_item2 .text{width:100%;overflow: hidden;margin-top:15px;} .news_item2 .h2{font-size:16px;margin:10px 0 0;display:flex;align-items:center;transition:all .5s} .news_item2 .h2 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .news_item2 .h2:before{content:"";width:0;height:2px;background-color:#002247;display:inline-block;flex:0 0 auto;transition:all .5s} .news_item2 .p{color:#666;line-height:20px;height:60px;margin:10px 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .news_item2 a:hover .h2{color:#002247} .news_item2 a:hover .h2:before{width:30px;margin-right:10px} .news_item2 a:hover .img>img{transform: scale(1.1);} @media (min-width:768px){ .news_item2 .column{margin:0 0 30px} .news_item2 a{display:flex;} .news_item2 .img{width:180px;flex: 0 0 auto;} .news_item2 .text{padding-left:20px;margin-top:0;} .news_item2 .p{margin:15px 0 20px} } @media (min-width:1200px){ .news_item2{margin-left:-30px;margin-right:-30px} .news_item2 .column{padding:0 30px;margin-bottom:30px} } /* 2021.04.26 end*/ /* 2021.07.28 start*/ .page_title2{margin-bottom:30px;} .page_title2 h2{font-size:22px;line-height:1;} .page_title2 h2:after{content: '';display: block;width:32px;height:4px;background:#e65453;margin-top:15px;} @media (min-width:768px){ .page_title2{margin-bottom:40px;} .indexTitle h2{font-size:24px;} } @media (min-width:992px){ .page_title2{margin-bottom:50px;} .page_title2 h2{font-size:26px;} .page_title2 h2:after{height:6px;margin-top:20px;} } @media (min-width:1200px){ .page_title2{margin-bottom:60px;} .page_title2 h2{font-size:30px;} } @media (min-width:1450px){ .page_title2{margin-bottom:70px;} .page_title2 h2{font-size:36px;} } /* 关于我们 */ .inside_about_title{position: absolute;width:100%;left:0;bottom:20px;} .inside_about_title .tit{display: flex;justify-content: space-between;align-items: flex-end;color:#fff;} .inside_about_title .tit h2{font-size:20px;margin-bottom:5px;} .inside_about_title .tit .en{font-size:18px;font-family: 'KronaOne';} .inside_about_title .tit .en:before{content: '';display: block;width:30px;height:3px;margin-top:15px;margin-bottom:10px;background:#e65453;} .about_main{position: relative;width:100%;overflow: hidden;padding-top:50px;padding-bottom:50px;} .about_info_row{margin:0;display: flex;align-items: center;flex-flow: row wrap;} .about_info_row>div{padding:0;} .about_info_content h5{font-size:16px;line-height: 1.75;padding:10px 0 20px;margin-bottom:20px;border-bottom:1px solid #4d4d4d;} .about_info_content .InfoContent{line-height:1.875;} .about_info_row .img_logo>img{display: block;height:132px;margin:25px auto 0;} .about_other{padding-top:70px;padding-bottom:70px;min-height:300px;overflow: hidden;cursor: pointer;} .moveDian{position: fixed;width:50px;height:50px;border-radius: 50%;background:#e65453;opacity: 0;} .about_other:hover .moveDian{opacity: 1;} .about_img_txt{position: absolute;right:8.8542%;top:50%;margin-top:-108.5px;} .about_img_txt>img{display: block;height:217px;} .about_img_dian{position: absolute;width:105px;background-size:auto;background-repeat:repeat-y;background-position: left top;} .about_other .about_img_dian{left:16px;bottom:16px;} .about_other_row{margin-top:-40px;list-style: none;} .about_other_row>li{margin-top:40px;} .about_other_row h5{font-size:22px;color:#deeaf8;line-height:1;} .about_other_row h5:after{content: '';display: block;width:21px;height:3px;background:#e65453;margin-top:10px;} .about_other_row p{margin-top:15px;font-size:14px;color:#cedff2;line-height:1.75;} .about_founder{background:#fff;z-index: 2;} .about_founder .container{position: relative;} .about_founder .page_title2{margin-bottom:45px;} .csr_slogan{position: relative;padding-top:5px;padding-left:35px;padding-bottom:85px;font-size:16px;line-height:2;} .csr_marks_l{position: absolute;left:0;top:0;height:20px;z-index: 2;} .csr_marks_r{position: absolute;right:0;bottom:73px;height:20px;z-index: 2;} .csr_name{position: absolute;right:30px;bottom:0;height:80px;} .about_founder_info{padding-left:35px;margin-top:10px;} .about_founder_name{display: flex;align-items: flex-end;} .about_founder_name h5{font-size:26px;line-height:1.5;} .about_founder_name p{font-size:16px;margin-bottom:5px;line-height:1.5;} .about_founder_name img{width:95px;margin-left:23px;} .about_founder_info>ul{position: relative;margin-top:30px;list-style: none;padding:5px 0;} .about_founder_info>ul:before{content: '';position: absolute;width:1px;height:100%;background:#7c7c7d;top:0;left:5px;} .about_founder_info>ul>li{position: relative;font-size:16px;line-height:24px;padding-left:12px;margin-bottom:24px;} .about_founder_info>ul>li:before{content: '';position: absolute;width:12px;height:12px;border:1px solid #7c7c7d;left:0;top:6px;background:#fff;border-radius: 50%;} .about_founder_info>ul>li>p{padding-left:25px;} .about_founder_info>ul>li:last-child{margin-bottom:6px;} .about_founder_img{position: absolute;width:51.7886%;z-index: -1;bottom:0;right:-57px;} .about_founder_img>img{width:100%;} .about_case{padding-top:70px;padding-bottom:70px;background-size:100% auto;background-repeat: no-repeat;background-position: center;} .about_case .about_img_dian.item1{left:16px;top:6px;} .about_case .about_img_dian.item2{top:57px;right:15.9375%;opacity: 0.5;} .about_case .about_img_dian.item3{right:7px;bottom:13px;} .about_case_swiper{position: relative;} .about_case_swiper .swiper-wrapper{height:auto;display: flex;align-items: stretch;} .about_case_swiper .swiper-slide{height:auto;} .about_case_swiper .inner{position: relative;height:100%;background:#fff;padding:45px 20px 85px;} .about_case_swiper .img{width:160px;height:160px;max-width:100%;border-radius: 50%;margin:0 auto;} .about_case_swiper .text{text-align: center;} .about_case_swiper .t1{margin:16px 0 0;line-height:30px;font-size:20px;} .about_case_swiper .t2{position: relative;margin:12px 0;font-size:14px;line-height: 2;} .about_case_swiper .t2:before, .about_case_swiper .t2:after{content: '';position: absolute;width:100%;height:1px;background-image: url(img65.png);background-size:auto 1px;background-repeat: no-repeat;background-position: center;left:0;} .about_case_swiper .t2:before{top:0;} .about_case_swiper .t2:after{bottom:0;} .about_case_swiper .t3{font-size:14px;line-height: 1.5;color:#333;} .about_case_swiper .swiper-button-prev{left:0;} .about_case_swiper .swiper-button-next{right:0;} .about_case_swiper .icon_logo{position: absolute;left:20px;top:20px;} .about_case_swiper .icon_logo>img{display: block;height:50px;} .about_case_swiper .icon_text{position: absolute;right:16px;bottom:20px;} .about_case_swiper .icon_text>img{display: block;height:25px;} .history_list{position: relative;list-style: none;padding:35px 35px 174px;} .history_list .before{position: absolute;top:0;left:50%;margin-left:-0.5px;background:#212121;width:1px;height:calc(100% - 145px);;z-index: 1;transition: height 3.5s;} .history_list li{position: relative;z-index: 3;} .history_list li:nth-child(odd){padding-right:50%;} .history_list li:nth-child(odd) .inner{padding-right:20%;} .history_list li:nth-child(even){padding-left:50%;} .history_list li:nth-child(even) .inner{padding-left:20%;} .history_list .inner{position: relative;} .history_list li + li>.inner{margin-top:-94px;} .history_list li:nth-child(2)>.inner{margin-top:-125px;} .history_list .inner:before{content: '';position: absolute;width:14px;height:14px;border-radius: 50%;border:1px solid #212121;top:8px;background:#fff;transition: all 0.3s;} .history_list li:nth-child(odd) .inner:before{right:-7px;} .history_list li:nth-child(even) .inner:before{left:-7px;} .history_list .date{line-height: 30px;font-size:16px;color:#666;} .history_list .date>.year{position: absolute;right:25px;top:0;font-size:20px;color:#333;transition: all 0.3s;font-family: 'KronaOne';} .history_list li:nth-child(even) .date{text-align: right;} .history_list li:nth-child(even) .date>.year{right:auto;left:25px;} .history_list .img{margin:15px 0;} .history_list .InfoContent{font-size:14px;line-height: 1.65;} .history_list .inner:hover:before{background:#e65453;border-color:#e65453;} .history_list .inner:hover .year{color:#e65453;} .history_list .inner:hover .img>img{transform: scale(1.05);} .history_list .after{font-size:16px;width:16px;position: absolute;bottom:0;left:50%;margin-left:-8px;z-index: 2;} .history_list .after>i{display: block;transform: rotate(90deg);} @media (max-width:700px){ .about_case_swiper .inner{max-width:350px;margin:0 auto;} .about_founder_img{position: static;margin:0 auto;} .history_list{padding:25px 0 130px 8px;} .history_list .before{left:8px;margin:0;} .history_list .after{left:0;margin:0;font-size:14px;} .history_list li{margin-bottom:35px;} .history_list li:nth-child(odd), .history_list li:nth-child(even){padding:0;} .history_list li:nth-child(odd) .inner, .history_list li:nth-child(even) .inner{padding:0 0 0 25px;} .history_list li + li>.inner{margin-top:0;} .history_list li:nth-child(2)>.inner{margin-top:0;} .history_list li:nth-child(odd) .inner:before{right:auto;left:-7px;} .history_list .date{text-align: right;} .history_list .date>.year{right:auto;left:25px;} .history_list .img{width:auto;max-width:360px;} } @media (min-width:701px){ .history_list .before{height:0;} .history_list.on .before{height:calc(100% - 145px);} } @media (min-width:768px){ .about_main{padding-top:70px;padding-bottom:70px;} .inside_about_title .tit h2{font-size:24px;margin-bottom:10px;} .inside_about_title .tit .en{font-size:24px;} .inside_about_title .tit .en:before{width:40px;margin-top:20px;margin-bottom:15px;} .about_info_row>div:nth-child(1){width:57.166667%;} .about_info_row>div:nth-child(2){width:42.833333%;} .about_info_content h5{font-size:18px;} .about_info_row .img_logo>img{margin-top:0;} .about_other{padding-top:102px;padding-bottom:100px;} .about_other_row{margin-top:0;} .about_other_row>li{margin-top:0;} .about_founder{padding-bottom:0!important;} .about_founder_content{width:65%;} .about_founder .page_title2{margin-bottom:60px;} .csr_slogan{padding-top:10px;padding-left:55px;padding-bottom:105px;} .csr_marks_l{height:26px;} .csr_marks_r{height:26px;} .csr_name{height:100px;} .about_founder_info{padding-left:55px;padding-bottom:70px;} } @media (min-width:992px){ .about_main{padding-top:100px;padding-bottom:100px;} .inside_about_title{bottom:35px;} .about_other_row h5{font-size:24px;} .about_other_row p{font-size:16px;} .about_founder_info{padding-bottom:100px;margin-top:-45px;} .about_founder .page_title2{margin-bottom:80px;} } @media (min-width:1200px){ .about_info_content h5{font-size:22px;padding:25px 0;margin-bottom:26px;} .about_info_content .InfoContent{font-size:16px;} .about_main.about_other{padding-top:116px;padding-bottom:100px;} .about_other_row h5{font-size:28px;} .csr_slogan{font-size:18px;padding-top:15px;padding-left:70px;padding-bottom:120px;} .csr_marks_l{height:34px;} .csr_marks_r{height:34px;} .csr_name{height:120px;} .about_founder_info{padding-left:70px;} .about_founder .page_title2{margin-bottom:120px;} .about_main.about_case{padding-top:120px;padding-bottom:120px;} .about_case_swiper .img{width:180px;height:180px;} .about_case_swiper .t1{font-size:22px;} .about_case_swiper .t2{font-size:16px;} .about_case_swiper .t3{font-size:16px;} .about_founder_name h5{font-size:30px;} .history_list{padding-top:65px;padding-right:7%;padding-left:7%;} .history_list .date{font-size:18px;} .history_list .date>.year{font-size:24px;} .history_list li:nth-child(odd) .inner{padding-right:31.5589%;} .history_list li:nth-child(even) .inner{padding-left:31.5589%;} .history_list .InfoContent{font-size:16px;} .history_list .img{margin:25px 0;} } @media (min-width:1450px){ .about_main{padding-top:140px;padding-bottom:140px;} .about_info_content h5{font-size:24px;padding:35px 0;margin-bottom:36px;} .about_founder{padding-top:150px;} .about_founder .page_title2{margin-bottom:140px;} } @media (min-width:701px){ .history_list{overflow: hidden;margin-top:60px;} .history_list li{width:calc(50% + 10px);} .history_list li:nth-child(odd){float:left;padding-right:0;} .history_list li:nth-child(even){float:right;padding-left:0;} .history_list .date>.year{right:35px;} .history_list li:nth-child(odd) .inner:before{right:3px;} .history_list li:nth-child(even) .date>.year{left:35px;} .history_list li:nth-child(even) .inner:before{left:3px;} } @media (min-width:992px){ .history_list{margin-top:90px;} } @media (min-width:1450px){ .history_list{margin-top:128px;} } /* 2021.07.28 end*/ /*动画*/ .fadeIn { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .fadeInUp { opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .2s; transition-delay: .2s; } .fadeInDown { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: all 1s; transition: all 1s; } .fadeInLeft { opacity: 0; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-transition: all 1s; transition: all 1s; } .fadeInRight { opacity: 0; -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); -webkit-transition: all .8s; transition: all .8s; } .zoomIn { opacity: 0; -webkit-transform: scale3d(.95,.95,.95); transform: scale3d(.95,.95,.95); -webkit-transition: all .8s; transition: all .8s; } .animated { opacity: 1; -webkit-transform: none; transform: none; } /* .fadeIn { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .fadeInUp { opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .2s; transition-delay: .2s; } .fadeInDown { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 1s; transition: all 1s; } .fadeInLeft { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: all 1s; transition: all 1s; } .fadeInRight { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .8s; transition: all .8s; } .zoomIn { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); -webkit-transition: all .8s; transition: all .8s; } .animated { opacity: 1; -webkit-transform: none; transform: none; } */ .page_break{ height:25px; line-height:25px; font-size:12px; font-family:宋体; } .page_break strong{ font-size:12px; padding-left:8px; padding-right:8px; border:1px solid #FB9504; background:#FFFBDE; padding-top:4px; padding-bottom:2px; margin-left:6px;} .page_break a{ padding-left:8px; padding-right:8px; border:1px solid #E1E1E1; background:#fff; font-size:12px; padding-top:4px; padding-bottom:2px; color:#07519a; text-decoration:none; margin-left:6px; } .page_break a:hover{ padding-left:8px; padding-right:8px; border:1px solid #FB9504; background:#FFFBDE; } .page_break span{ padding-left:8px; padding-right:8px; border:1px solid #E1E1E1; background:#fff; font-size:12px; padding-top:4px; padding-bottom:2px; color:gray; text-decoration:none; margin-left:6px; }