/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; } #fancybox-outer, #fancybox-outer::after, #fancybox-outer::before, #fancybox-content, #fancybox-content::after, #fancybox-content::before, #fancybox-wrap, #fancybox-wrap::after, #fancybox-wrap::before { -webkit-box-sizing:initial; -moz-box-sizing: initial; box-sizing: initial; } html { font-size: 62.5%; } body { font-size: 1.6rem; color: #2c343b; background: #fff url(../images/bodybg.jpg) repeat; font-family:'Intro-Book'; margin:0; padding:0; } a { color: #333; text-decoration: none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } img { max-width: 100%; } p{ margin:0; padding:0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px;} ul{ list-style:none;} /*图标*/ @font-face { font-family: 'iconfont'; /* Project id 93867 */ src: url('/fonts/iconfont.woff2?t=1635142559371') format('woff2'), url('/fonts/iconfont.woff?t=1635142559371') format('woff'), url('/fonts/iconfont.ttf?t=1635142559371') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .red{ color:#bf2e1b;} .icon1{ width:24px; height:50px; font-size:28px; line-height:50px; display:block; font-weight:normal; margin:0 auto;} .icon2{ width:50px; height:50px; line-height:50px; font-size:42px; display:inline-block; color:#fff; font-weight:normal;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .icon2:hover{ text-decoration:none; -webkit-animation-name: pulse; animation-name: pulse; color:#152540;} .icon3{ width:24px; height:50px; font-size:28px; line-height:50px; display:block; font-weight:normal; margin:0 auto;} .cnen{ position:absolute; right:0; top:0; z-index:999;} .language{ color:#df0a15; font-size:14px; width:80px; height:40px; line-height:40px;text-align:center; display:inline-block; font-weight:bold;} .language i{ font-size:12px; } .language:hover{ background:#fff;} .resforSpan{ font-size:14px; height:40px; line-height:40px;} .resforSpan i{ font-size:11px;} .resfor{ color:#666; font-size:14px; height:40px; line-height:40px;text-align:center; display:inline-block; font-weight:400; padding:0 10px;} .resfor:hover{ background:#fff; color:#bf2e1b;} .resforen{ color:#666; font-size:14px; height:40px; line-height:40px;text-align:center; display:inline-block; font-weight:400; padding:0 5px;} .resforen:hover{ background:#fff; color:#bf2e1b;} .resfor_left{ width:68%; float:left;} .resfor_right{ width:28%; float:right;} .resfor_ul{ margin:10px; padding:0; list-style:none;} .resfor_ul li{ width:50%; float:left;} .resfor_ul li a{ text-align:center; font-size:16px; display:block; margin:0 20px 10px 0; padding:15px 0; position:relative;} .resfor_ul li a:hover{ color:#f60; } .resfor_ul li a .line{ width:20px; margin:0 auto; height:2px; overflow:hidden; background:#f60; transition:0.3s;} .resfor_ul li a:hover .line{ width:80px; } .resfor_ul li a .lname{ margin-bottom:10px;} .resfor_ul li a i{ font-size:14px; color:#999;} .resfor_ul_row { position:absolute; left:0; top:0; height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; border-color:#bf2e1b transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:20px 20px 0 0 ; } .resfor_ul2{ margin:0; padding:0; list-style:none;} .resfor_ul2 li{} .resfor_ul2 li a{ text-align:center; font-size:16px; display:block; margin:0 20px 10px 0; padding:15px 0; position:relative; border:1px solid #eee;} .resfor_ul2 li a:hover{ border:1px solid #f60; color:#f60; } .resfor_vistor{ position:relative; margin-bottom:50px;} .resfor_vistor_con{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.6); border:1px solid #eee; border-top:none; width:100%;} .resfor_vistor_about{ width:30%; float:left; background:#fff; text-align:left;} .resfor_vistor_title{ font-size:20px; font-weight:500; height:30px; line-height:30px; color:#f60;} .resfor_vistor_desc{ font-size:14px; color:#888; padding:5px 0;} .resfor_vistor_abourtr{width:70%; float:right; } .resfor_vistor_aboutLink{ display:block; padding:20px;height:142px;} .resfor_vistor_aboutLink h2 i{ font-size:16px; font-weight:300;} .resfor_vistor_aboutLink:hover{ background:#f7f7f7;} .resfor_vistor_aboutLink:hover .resfor_vistor_title{ color:#f60;} .resfor_ul3{ padding:0; list-style:none; width:100%;} .resfor_ul3 li{ width:50%; float:left;} .resfor_ul3 li a{ text-align:center; font-size:14px; display:block; margin:0 20px 10px 0; padding:15px 0; position:relative; color:#fff; } .resfor_ul3 li a:hover{ color:#f60; } .resfor_ul3 li a .line{ width:20px; margin:0 auto; height:2px; overflow:hidden; background:#f60; transition:0.3s;} .resfor_ul3 li a:hover .line{ width:80px; } .resfor_ul3 li a .lname{ margin-bottom:10px;} .resfor_faq{ border:1px solid #eee;} .resfor_faq_title{ font-size:24px; font-weight:400; padding:20px; color:#f60; text-align:left;} .resfor_faq_ul{ margin:0 20px; padding:0; list-style:none;} .resfor_faq_ul li{ width:33.3%; float:left;} .resfor_faq_ul li a{ text-align:left; font-size:16px; display:block; margin:0 20px 10px 0; padding:15px 0;} .resfor_faq_ul li a:hover{ color:#f60; } .resfor_studies{ margin-top:20px; padding:0; list-style:none;} .resfor_studies li{ width:48%; float:left;} .resfor_studies li a{ text-align:center; font-size:16px; display:block; padding:15px 0; position:relative; border:1px solid #f60;} .resfor_studies li a:hover{ color:#f60; } .resfor_studies li a .line{ width:20px; margin:0 auto; height:2px; overflow:hidden; background:#f60; transition:0.3s;} .resfor_studies li a:hover .line{ width:80px; } .resfor_studies li a .lname{ margin-bottom:10px;} .resfor_link{ text-align:center; height:70px; line-height:70px; display:block; font-size:18px; } .resfor_link:hover{ color:#f60;} /*学生通道*/ .forpcbg1{background:#f5f5f5; display:block;} .forpcbg1 i{color:#f68a6e; font-size:34px; } .forpcbg1:hover{background:#f68a6e; color:#fff; } .forpcbg1:hover i{color:#fff; } .forpcbg2{ background:#f5f5f5;} .forpcbg2 i{color:#59abda; font-size:34px; } .forpcbg2:hover{background:#59abda; color:#fff; } .forpcbg2:hover i{color:#fff; } .forpcbg3{ background:#f5f5f5;} .forpcbg3 i{color:#e8c73c; font-size:34px; } .forpcbg3:hover{background:#e8c73c; color:#fff; } .forpcbg3:hover i{color:#fff; } .forpcbg4{ background:#f5f5f5;} .forpcbg4 i{color:#c46ef6; font-size:34px; } .forpcbg4:hover{background:#c46ef6; color:#fff; } .forpcbg4:hover i{color:#fff; } .forpcbg5{ background:#f5f5f5;} .forpcbg5 i{color:#f66ec4; font-size:34px; } .forpcbg5:hover{background:#f66ec4; color:#fff; } .forpcbg5:hover i{color:#fff; } .forpcbg6{ background:#13c628;} .forpcbg6 i{font-size:34px; color:#fff; margin-top:10px;} .forpcbg6:hover{ background:#fff; color:#13c628; } .forpcbg6:hover i{ color:#13c628;} .forpcbg7{ background:#ec81a2; color:#ec81a2; } .forpcbg7 i{font-size:34px; color:#fff; margin-top:20px;} .forpcbg7:hover{ background:#fff; color:#ec81a2; } .forpcbg7:hover i{ color:#ec81a2;} .forpcbg8{ background:#8c95db; color:#8c95db;} .forpcbg8 i{font-size:34px; color:#fff; margin-top:20px;} .forpcbg8:hover{ background:#fff; color:#8c95db; } .forpcbg8:hover i{ color:#8c95db;} .forpcbg9{ background:#37d6b2; color:#37d6b2;} .forpcbg9 i{font-size:34px; color:#fff; margin-top:20px;} .forpcbg9:hover{ background:#fff; color:#37d6b2; } .forpcbg9:hover i{ color:#37d6b2;} .forpcbg10{ background:#75bcff; color:#37d6b2;} .forpcbg10 i{font-size:34px; color:#fff; margin-top:20px;} .forpcbg10:hover{ background:#fff; color:#75bcff; } .forpcbg10:hover i{ color:#75bcff;} .forpcbg11{ background:#ffa90e; color:#fff;} .forpcbg11 i{font-size:34px; color:#fff; margin-top:20px;} .forpcbg11:hover{ background:#fff; color:#ffa90e; } .forpcbg11:hover i{ color:#ffa90e;} .forbtnbg6{ background:#13c628 !important;} .forbtnbg7{ background:#ec81a2 !important; color:#ec81a2; margin-bottom:10px !important;} .forbtnbg8{ background:#8c95db !important; color:#8c95db; margin-bottom:10px !important;} .forbtnbg9{ background:#37d6b2 !important; color:#37d6b2; margin-bottom:10px !important;} .forcolor1{color:#f68a6e; font-size:18px; padding:5px 0;} .for-stu-icon{padding:20px 0 10px 0;} .forstuin{height: 700px; text-align: left; background: url(/images/for/forstubg.png) no-repeat center top; background-size: initial; position:relative;} .forfacultyin{height: 700px; text-align: left; background: url(/images/for/forfacultybg.png) no-repeat center top; background-size: initial;position:relative;} .forstaffin{height: 700px; text-align: left; background: url(/images/for/forstaffbg.png) no-repeat center top; background-size: initial;position:relative;} .for-stu-con{ text-align:center;} .for-stu-title{ text-align:left; color:#000; position:relative; padding:10px 30px;} .for-stu-title1{ font-size:54px; font-weight:500; padding:10px 0;} .for-stu-title1 i{ font-size:58px; color:#ff7200;font-weight:500; } .for-stu-titleLine{ background:#ff7200; overflow:hidden; width:2px; height:50px; position:absolute; left:60px; top:-10px;} .for-stu-titleDesc{ font-size:16px; margin-top:-50px; text-align:left;} .for-nav-l{ width:230px; float:left; margin-left:100px;} .for-nav-r{ width:230px; float:right; margin-right:80px;} .for-nav-r-en{ width:260px; float:right; margin-right:80px;} .for-btn-l{ float:left; width:30%; text-align:center;} .for-btn-r{ float:right; width:68%; padding-top:15px;} .for-btn-l68{ float:left; width:68%; text-align:right;} .for-btn-r30{ float:right; width:30%; padding-top:15px; text-align:center;} .f12px{ font-size:12px;} .for-stu-ul{ margin:0; padding:0; list-style:none;} .for-stu-ul li{ margin-bottom:10px;} .for-stu-ul li a{ text-align:left; font-size:18px; display:block; color:#fff; height:70px; box-shadow:0 0 5px #ccc; border-radius:5px;} .for-stu-center{ text-align:center; position:absolute; left:50%; top:30px; width:570px; margin-left:-285px } .for-stu-ul2{ margin:0 auto; padding:0; list-style:none; text-align:right;} .for-stu-ul2 li{ margin-bottom:20px;} .for-stu-ul2 li a{ text-align:right; font-size:18px; display:block; color:#555; height:70px; box-shadow:2px 2px 3px #ccc; border-radius:5px; } .for-r-txt{ padding-top:20px;} .for-r-txt-en{ padding-top:10px;} .for-staff-icon{padding:20px 0 0 0;} .for-staff-icon i{ font-size:34px;} .for-stu-ul-en{ margin:50px auto; padding:0; list-style:none; width:480px; text-align:center;} .for-stu-ul-en li{ width:160px; float:left;} .for-stu-ul-en li a{ text-align:center; font-size:14px; display:block; color:#fff; height:130px; width:130px; border-radius:130px; border:1px solid #ccc; background:rgba(0,0,0,0.2); } .for-stu-ul-en li a:hover{ background:#fff; color:#ff7200;} .for-stu-ul2-en{ margin:0 auto; padding:0; list-style:none; width:640px; text-align:center;} .for-stu-ul2-en li{ width:160px; float:left;} .for-stu-ul2-en li a{ text-align:center; font-size:14px; display:block; color:#fff; height:130px; width:130px; border-radius:130px; border:1px solid #ccc; background:rgba(0,0,0,0.2);} .for-stu-ul2-en li a:hover{ background:#fff; color:#ff7200;} .cnenCon{ position:relative;} .cnenCon .lanuageUl{ display:none; margin:0; padding:0; list-style:none; background:#fff; width:100%; border:1px solid #ccc; border-top:none;} .cnenCon .lanuageUl li{ height:25px; line-height:25px; font-size:12px;} .cnenCon .lanuageUl li a{ color:#666; display:block; text-align:center;} .cnenCon .lanuageUl li a:hover{ background:#eee; color:#333;} .search{position:absolute; right:440px; top:5px; z-index:777;} .search_en{position:absolute; right:480px; top:5px; z-index:777;} .searchCon{ position:relative;} .searchInput{ width:180px; height:30px; line-height:30px; border:none; border-radius:2px; background:none; text-indent:4px; font-size:14px;} .searchSubmit{ margin:0; padding:0; border:none; background:none; color:#666; position:absolute; right:2px; top:3px;} .searchInput i{ font-size:20px !important;} .mediumSearch{position:absolute; right:0px; top:0px;} .mediumSearchCon{ position:relative;} .mediumSearchInput{ width:200px; height:40px; line-height:40px; border:1px solid #ccc; border-radius:5px; background:none;background:#f7f7f7; text-indent:4px;} .mediumSearchSubmit{ margin:0; padding:0; border:none; background:none; color:#fff; background:#bf2e1b; position:absolute; right:1px; top:0; width:50px; height:40px; border-radius:0 5px 5px 0;} .mediumSearchInput i{ font-size:20px !important;} .mediumNav{ position:absolute; top:0; right:210px; display:none;} .mediumNav li{ margin:0 10px; float:left; cursor:pointer; width:170px; height:40px; line-height:40px; border-radius:5px; text-align:center; font-size:14px; border:1px solid #ccc;} .mediumNav li .familyTitle{ font-size:16px; font-weight:normal;} .mediumNav li.on{ border: 1px solid #bf2e1b;} .none{ display:none;} #footer{ background:#ee7400; text-align:center; position:absolute; bottom:0; left:0; text-align:center; padding-top:16px; height:60px; width:100%;} #footer .copy{ width:1000px; margin:0 auto; text-align:left; font-size:12px; color:#fff; line-height:160%; position:relative; } #footer .copy .flogo{ float:left; margin-right:10px;} #footer .footer_icon{ position:absolute; right:0; top:0; font-size:14px; color:#fff;} #footer .footer_icon a{ height:50px; line-height:50px;} #footer .footer_qq{position:absolute; right:110px; top:-2px; } .wxicon{ width:50px; height:50px; line-height:50px; font-size:42px; display:inline-block; color:#fff; font-weight:normal;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .wxicon:hover{ text-decoration:none; -webkit-animation-name: pulse; animation-name: pulse; color:#152540;} #footer .weixin{ display:none; position:absolute; left:-40px; bottom:70px; z-index:999; padding:5px; background:#fff; width:120px; height:120px;border-radius:5px;} #footer .weixinDown{ position:absolute; left:50px; bottom:-30px; color:#fff; font-size:15px;} #footer .footer_link{ position:absolute; right:0; top:0;} #footer .footer_link select{border-radius:5px; height:25px; line-height:25px;} /*学生社团*/ .stuorgan_con{ height:312px; } .stuorgan_in{ text-align: left; background: url(/images/instudentsbg.png) no-repeat center top; background-size: initial;position:relative;} .stuorgan-title{ font-size:54px; font-weight:500; padding:40px 0 20px 0; text-align:center;} .stuorgan-titleLine{ background:#ff7200; overflow:hidden; width:50px; height:1px; margin:10px auto;} .stuorgan-titleDesc{ font-size:16px; text-align:center; margin:0 auto;} .stuorgan_Con{ padding:20px;} .stuorgan_ul{ margin:0; padding:0; list-style:none;} .stuorgan_ul li{ width:25%; float:left; text-align:center;} .stuorgan_ul li a{ margin:20px; display:block; border-radius:0 0 4px 4px; box-shadow:0 0 4px #ccc;} .stuorgan_ul li a:hover{ background:#ff9e36; box-shadow:0 0 4px #555;} .stuorgan_img{} .stuorgan_img img{ width:100%; } .stuorgan_name{ font-size:18px; color:#666; font-weight:400; height:50px; } .stuorgan_icon{} .stuorgan_ul li a:hover .stuorgan_name{ color:#fff;} .stuorgan_ul li a:hover .stuorgan_icon{ color:#fff; } .stuorganViewCon{ position:relative; height:900px;} .stuorganView_img{ width:20%; position:absolute; left:20px; top:20px; z-index:99; } .stuorganView_img img{ width:100%;} .viewBig{ margin:0 auto; font-size:14px; height:30px; line-height:30px; text-align:center; color:#999;} .viewBig i{ font-size:14px;} .organPicUrlBig img{ max-width:600px;} .stuorganView_r{} .stuorgan_head{ background:#f7f7f7; padding:20px 20px 20px 25%; position:relative; z-index:0;} .stuorganView-title{ font-size:44px; font-weight:500; padding:10px 0; text-align:left; } .stuorganView-titleLine{ background:#f60; overflow:hidden; width:100px; height:4px; margin:10px 0;} .stuorganView-titleDesc{ font-size:16px; text-align:left; color:#999; padding-right:120px;} .stuorgan_qrcode{ position:absolute; right:20px; top:50px; width:100px; text-align:center; padding:4px; border-radius:4px; background:#a4c2ff; font-size:12px; color:#fff;} .stuorgan_qrcode img{ width:100%; } .stuorgan_pics{ padding:20px 20px 20px 25%;} .stuorgan_picsUl{} .stuorgan_picsUl{ margin:0; padding:0; list-style:none;} .stuorgan_picsUl li{ width:33.3%; float:left; text-align:center; height:220px; } .stuorgan_picsUl li a{ margin:20px; display:block; border-radius:0 0 4px 4px; box-shadow:0 0 4px #ccc;} .stuorgan_picsUl li a:hover{ background:#ff9e36; box-shadow:0 0 4px #555;} .albumimg{height:150px; display:flex;align-items:center;justify-content:center; background:#000; overflow:hidden;} .stuorgan_picstitle{ font-size:14px; padding:10px;} .stuorgan_picsUl li a:hover .stuorgan_picstitle{ color:#fff;} /*内页*/ #logo{ position:absolute; left:0; top:10px; width:424px; height:128px; background:url(/images/logo.png) no-repeat left top; background-size:100%; z-index:666;} #logo a{ display:block; height:128px;z-index:666;} .banner{ text-align:center; position:relative; width:1400px;height: 100%; margin:0 auto; background:#fff;} .banner .triangle-down{ position:absolute; top:20px; left:50%; margin-left:-700px;height: 0; width: 1400px; border-top: 50px solid #fff; border-left: 700px solid transparent; border-right: 700px solid transparent; z-index:100;} .banner .triangle-line{position:absolute; top:0; left:50%; margin-left:-700px;height: 20px; width: 1400px; background:#fff; z-index:100;} .triangle-down-footer{ height: 50px; width: 80%; background:url(/images/footerbg.jpg) no-repeat center bottom; margin:0 auto;} /* banner切换 */ .slideBanner{ position:relative;width:100%; height:573px;} .slideBanner .hd{ } .slideBanner .hd ul{position:absolute; bottom:50px; right:50px; text-align:center;z-index:90;width:100px;} .slideBanner .hd ul li{ margin:0 5px; float:left; cursor:pointer; width:10px; height:10px; line-height:10px; text-indent:-9999em;border:1px solid #fff; border-radius:10px; } .slideBanner .hd ul li.on{ background:#fff;} .slideBanner .hd ul li.on img { } .slideBanner .hd ul li.on{ color:#fff; } .slideBanner .prev{ z-index:20; color:#fff; position:absolute; left:20px; top:270px; display:block; width:30px; height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBanner .prev i{ color:#fff; margin:0 auto;} .slideBanner .prev:hover i{color:#ee7200; font-size:24px;} .slideBanner .next{ z-index:20;position:absolute; right:20px; top:270px; display:block; width:30px; height:30px; line-height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBanner .next i{ color:#fff; } .slideBanner .next:hover i{color:#ee7200; font-size:24px;margin:0 auto;} .slideBanner .bd{ } .slideBanner .bd li{ height:573px;} .bannerList{ position:relative; z-index:0; } .bannerList .banner_title{ position:absolute; bottom:0; left:0px; height:60px; line-height:60px; overflow:hidden; background:rgba(0,0,0,0.8); text-align:center; font-size:18px; color:#fff; width:100%; } .bannerList .banner_title a{ color:#fff; transition:0.3s; display:block;} .bannerList .banner_title a:hover{ color:#e97305;} .swiper-slide h3{ transform:translateY(60px); opacity:0; transition:all .4s;} .ani-slide h3{ transform:translateY(0); opacity:1; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { height: 100%; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container .swiper-pagination{ text-align:center !important; z-index:999 !important; bottom:70px !important;} .swiper-container .swiper-pagination-bullet{ background:#fff !important;} .swiper-container .swiper-pagination-bullet-active{ background:#fff !important;} .swiper-container .swiper-button-next, .swiper-button-prev{ background:none !important; font-size:34px !important; color:#fff !important;} .swiper-manage { width: 280px; height: auto; overflow:hidden; position:relative; } .swiper-manage .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-manage .swiper-pagination{ text-align:center !important; z-index:999 !important; top:140px; position:absolute; left:0; } .swiper-manage .swiper-pagination-bullet{ background:#fff !important; } .swiper-manage .swiper-pagination-bullet-active{ background:#fff !important;} .swiper-manage .swiper-button-next,.swiper-manage .swiper-button-prev{ background:none !important; font-size:34px !important; color:#fff !important; top:100px; } @media screen and (max-width: 1200px) and (min-width:1200px){ html, body { overflow-x:hidden; } } .inbanner{ padding-top:400px; min-height:800px; background:url(/images/inAcad.jpg) no-repeat center top; background-size:100% auto; text-align:center; position:relative; width:100%;} .postdocs{ position:absolute; right:20px; top:-300px; width:350px;} .postdocs img{ width:100%;} .inbanner_about{background: url(/images/inAbout.jpg) no-repeat center top;} .inbanner_acad{background: url(/images/inAcad.jpg) no-repeat center top;} .inbanner_campus{background: url(/images/inCampus.jpg) no-repeat center top;} .inbanner_enroll{background: url(/images/inEnroll.jpg) no-repeat center top;} .inbanner_news{background: url(/images/inNews.jpg) no-repeat center top;} .inbanner_recruit{background: url(/images/inRecruit.jpg) no-repeat center top;} .inbanner_innovation{background: url(/images/innovationbg.jpg) no-repeat center top;} .inbanner_forstu{background: url(/images/for/inStu.jpg) no-repeat center top; background-size:cover; text-align:center; position:relative; width:100%; height:500px;} .inbanner_forfaculty{background: url(/images/for/inFaculty.jpg) no-repeat center top;background-size:cover; text-align:center; position:relative; width:100%; height:500px;} .inbanner_forstaff{background: url(/images/for/inStaff.jpg) no-repeat center top;background-size:cover; text-align:center; position:relative; width:100%; height:500px;} .inbanner_students{background: url(/images/inStudents.jpg) no-repeat center top;background-size:cover; text-align:center; position:relative; width:100%; height:500px;} .inbanner .triangle-down{ position:absolute; top:20px; left:50%; margin-left:-700px;height: 0; width: 1400px; border-top: 50px solid #fff; border-left: 700px solid transparent; border-right: 700px solid transparent;} .inbanner .triangle-line{position:absolute; top:0; left:50%; margin-left:-700px;height: 20px; width: 1400px; background:#fff; } .guide{ border-left:8px solid #bf2e1b; line-height:200%; margin-bottom:40px; padding-left:10px; height:64px; overflow:hidden; text-align:left;} .guide h2{ font-size:32px; margin-bottom:8px; font-weight:900;} .guide h4{ font-size:14px; color:#666; font-weight:normal;} .headCon{ width:100%;height:110px; position:relative; background:#fff;} .headRbg{ width:55%; height:40px; position:absolute; right:0; top:0;height: 0; border-top: 40px solid #f2f1f0; border-left: 20px solid transparent; z-index:555} .head{ width:1400px; background:#fff; height:160px; margin:0 auto; position:relative;} .headbg{ height:70px; width:100%;background:url(/images/headbg.png) no-repeat center bottom; background-size:100%; position:absolute; left:0; bottom:-10px; z-index:55;} .nav{ position:absolute; right:0; top:80px; z-index:999;} .nav ul{width:830px; margin:0 auto;} .nav li{list-style:none;width:130px;float:left;position:relative;} .nav li .a{display:block;color:#746a71;text-align:center; height:40px; text-decoration:none;font-size:16px;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; z-index:1; position:relative; font-family: Axiforma-Bold font-weight: normal;font-style: normal;} .nav li .hon{ color:#ee7200 !important; font-size:18px !important;} .nav li .a .nline{position:absolute; left:50%; bottom:0; width:100%; margin-left:-50%; width:100%; height:2px; background:#ee7200; display:none;} .nav li .a:hover{ z-index:10;} .xmzs0{background:#eee;display:none;position:absolute;left:0;top:41px;padding:0; z-index:10005; z-index:0;} .xmzs0 ul{ margin:0; padding:0; list-style:none; width:320px; text-align:center; } .xmzs0 ul li{ height:40px; line-height:40px; font-size:14px; overflow:hidden; text-align:center; padding:0;width:160px; } .xmzs0 ul li a{ color:#333; text-align:left; padding:0 0 0 10px; display:block; border-bottom:1px solid #ccc !important;} .xmzs0 ul li a:hover{ background:#df0a15; color:#fff; text-decoration:none;} .xmzs0 .subsections{ width:400px; line-height:150%;} .xmzs0 .subsections h4{ padding:5px 0; font-size:16px; font-weight:500; color:#ee7200;} .xmzs0 .subsections a{ font-size:15px; display:block; padding:5px;} .xmzs0 .subsections a:hover{ background:#df0a15; color:#fff; text-decoration:none; font-size:17px;} .xmzs0 .subsections_l{ width:200px; padding:10px; float:left; border-right:1px solid #ddd; background:#f7f7f7;} .xmzs0 .subsections_r{ width:190px; float:right; padding:10px;} .nav_research{} .nav_research_link i{ font-size:11px !important; float:right;} .nav_research_link_icon{} .nav_research_con{ display:none; position:absolute; top:0; left:180px; background:#fff; width:200px; z-index:99; box-shadow:0 0 10px #ccc;} .nav_research_con a{ display:block; padding:10px !important; border-bottom:1px solid #eee; font-size:14px;} .nav_research_con a:hover{ background:none !important; color:#df0a15 !important; font-size:15px !important;} .nav_under{} .nav_under_link i{ font-size:11px !important; float:right;} .nav_under_link_icon{} .nav_under_con{ display:none; position:absolute; top:0; left:180px; background:#fff; width:200px; z-index:99; box-shadow:0 0 10px #ccc;} .nav_under_con a{ display:block; padding:10px !important; border-bottom:1px solid #eee; font-size:14px;} .nav_under_con a:hover{ background:none !important; color:#df0a15 !important; font-size:15px !important;} .nav_fixed{position:fixed;top:0; right:0; display:none; z-index:999;} #floatNav{ display:none;} .rlan{ position:fixed; right:10px; top:10px;width:50px; height:50px; line-height:50px; display:none; z-index:999; background:#fff; color:#f60; box-shadow:0 0 5px #ccc; border-radius:4px 4px 0 0; text-align:center; font-size:14px;} .rlan:hover {background:#f60; color:#fff; font-size:20px;} .navBackHome{position:fixed; right:10px; top:60px; background:#fff; box-shadow:0 0 5px #ccc; width:50px; height:50px; color:#fff;z-index:999; text-align:center; transition:0.3s;} .navBackHome a{ display:block;} .navBackHome i{ font-size:24px;} .navBackHome:hover{ background:#8c95db; color:#fff;} .navBackHome:hover i{ color:#fff;} .navOne{ position:absolute; right:10px; top:110px;} .navOneIcon{ color:#fff; font-size:30px; width:50px; height:50px; box-shadow:0 0 5px #ccc; border-radius:0 0 4px 4px; line-height:50px; display:inline-block; text-align:center; background:#59abda;} .navOneIcon i{ font-size:40px; } .navOneIcon:hover{ background:#fff;} .navOneCon{ position:relative; text-align:right; z-index:10;} .navOneCon .navOneUl{ display:none; margin:0; padding:0; list-style:none; background:#59abda; width:320px; height:160px;} .navOneCon .navOneUl li{ width:80px;font-size:14px; float:left;} .navOneCon .navOneUl li a{ height:80px; color:#fff; display:block; text-align:center;} .navOneCon .navOneUl li a p{ font-size:12px; margin-top:5px;} .navOneCon .navOneUl li a:hover{ background:#eee; color:#333;} /*关于我们*/ .ill_img_r{ display:block; text-align:left; } .il1{ width:280px; height:300px; position:relative; float:left; z-index:99;} .ill_img{ width:280px; height:171px; overflow:hidden; border:1px solid #eee;} .ill_img img{-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .il1 .il1_line{ position:absolute; left:0; bottom:0; width:50px; height:2px; overflow:hidden; background:#ee7200;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .ilTitle{ font-size:16px; color:#ee7200; line-height:25px;transition:all 0.5s; font-weight:700;} .ilTitle1{ font-size:14px; color:#6b6a67; line-height:25px;} .ilTitle_en{ color:#ee7200; line-height:25px;transition:all 0.5s; font-weight:700; margin-top: 40px; font-size: 22px;} .ilTitle1_en{ color:#6b6a67; line-height:25px;margin: 10px 0; margin-top: 40px; font-size: 16px; font-weight: 700;} .il1 a:hover .il1_line{ width:100%; } .il1 a:hover .ill_img{ width:280px; height:171px; overflow:hidden;} .il1 a:hover .ill_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); filter:alpha(opacity=70);opacity:0.7;} /* 欢迎致辞 */ .slideBox{ position:relative;width:280px; float:left;} .slideBox .hd{ } .slideBox .hd ul{position:absolute; top:150px; left:50%; margin-left:-30px; text-align:center;z-index:90;width:40px;} .slideBox .hd ul li{ margin:0 5px; float:left; cursor:pointer; width:10px; height:10px; line-height:10px; text-indent:-9999em;border:1px solid #fff; border-radius:10px; } .slideBox .hd ul li.on{ background:#fff;} .slideBox .hd ul li.on img { } .slideBox .hd ul li.on{ color:#fff; } .slideBox .prev{ z-index:20; color:#fff; position:absolute; left:20px; top:70px; display:block; width:30px; height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBox .prev i{ color:#fff; margin:0 auto;} .slideBox .prev:hover i{color:#ee7200; font-size:24px;} .slideBox .next{ z-index:20;position:absolute; right:20px; top:70px; display:block; width:30px; height:30px; line-height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBox .next i{ color:#fff; } .slideBox .next:hover i{color:#ee7200; font-size:24px;margin:0 auto;} .slideBox .bd{ } .slideBox .bd li{ } /* 欢迎致辞 */ .slideBoxInauguration{ position:relative;width:280px; float:left; } .slideBoxInauguration .hd{ } .slideBoxInauguration .hd ul{position:absolute; top:150px; left:50%; margin-left:-30px; text-align:center;z-index:90;width:40px;} .slideBoxInauguration .hd ul li{ margin:0 5px; float:left; cursor:pointer; width:10px; height:10px; line-height:10px; text-indent:-9999em;border:1px solid #fff; border-radius:10px; } .slideBoxInauguration .hd ul li.on{ background:#fff;} .slideBoxInauguration .hd ul li.on img { } .slideBoxInauguration .hd ul li.on{ color:#fff; } .slideBoxInauguration .prev{ z-index:20; color:#fff; position:absolute; left:20px; top:70px; display:block; width:30px; height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBoxInauguration .prev i{ color:#fff; margin:0 auto;} .slideBoxInauguration .prev:hover i{color:#ee7200; font-size:24px;} .slideBoxInauguration .next{ z-index:20;position:absolute; right:20px; top:70px; display:block; width:30px; height:30px; line-height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBoxInauguration .next i{ color:#fff; } .slideBoxInauguration .next:hover i{color:#ee7200; font-size:24px;margin:0 auto;} .slideBoxInauguration .bd{ } .slideBoxInauguration .bd li{ } /*einsten*/ .welcome_l{width: 320px; float: left;} .welcome_c{width: 530px; float: left;} .welcome_r{width: 280px; float: right; line-height: 200%;} .il2{ width:280px; height:410px; position:relative; float:right; margin-top:0; z-index:999;} .il2_img{ width:280px; height:284px; overflow:hidden; background:#fff;} .il2_img img{-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .il2 .il2_line{ position:absolute; left:0; bottom:0; width:50px; height:2px; overflow:hidden; background:#ee7200;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .il2 a:hover .il2_line{ width:100%;} .il2 a:hover .il2_img{ width:280px; height:284px; overflow:hidden;} .il2 a:hover .il2_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); filter:alpha(opacity=70);opacity:0.7;} .einstein{} .einstein_fix{position:absolute; left:-190px; top:1100px; width:180px; text-align:left; font-size:11px; line-height:150%; font-style:italic;} .einstein_img{ width:251px; height:300px; float:left; overflow:hidden;} .einstein_img img{-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .einstein_txt{ width:240px; height:300px; float:right;position:relative;} .einstein_txt .il2_line{ position:absolute; left:0; bottom:0; width:50px; height:2px; overflow:hidden; background:#ee7200;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .einstein a:hover .il2_line{ width:100%;} .einstein a:hover .einstein_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); filter:alpha(opacity=70);opacity:0.7;} .irTitle{ font-size:42px; color:#ee7200; line-height:25px;transition:all 0.5s; margin-bottom:20px;} .irTitle1{ font-size:18px; color:#6b6a67; margin-bottom:10px; text-align:left;} .irTitle1 span{color:#ee7200; float:left; height:70px; width:20px;} .irTitleen1{ font-size:28px; color:#6b6a67; margin-bottom:20px; text-align:left; font-family:BebasNeue;} .irTitleen1 span{color:#ee7200; float:left; height:70px; width:20px;} .beapart{ font-size:56px; color:#6b6a67; margin-bottom:50px; text-align:left;} .irmore{ width:340px; height:40px; line-height:40px; text-align:center; background:#98b8e1; color:#fff; display:block;transition:all 0.5s; font-size:16px; margin-top:50px;} .irmore:hover{ background:#ee7200; font-size:18px;} .irmoreEn{ width:400px; height:40px; line-height:40px; text-align:center; background:#98b8e1; color:#fff; display:block;transition:all 0.5s; font-size:20px; margin-top:50px; font-family:Gobold;} .irmoreEn:hover{ background:#ee7200; font-size:22px;} .campusTitle{ font-size:30px; color:#ee7200; margin-bottom:20px;} .il3{ width:589px; height:469px; position:relative;} .il3_img{ width:589px; height:309px; overflow:hidden;} .il3_img img{-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .il3 a:hover .il3_img{ width:589px; height:309px; overflow:hidden;} .il3 a:hover .il3_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); filter:alpha(opacity=70);opacity:0.7;} .il4{ width:570px; height:469px; position:relative;} .il4_img{ width:570px; height:309px; overflow:hidden;} .il4_img img{-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .il4 a:hover .il4_img{ width:570px; height:309px; overflow:hidden;} .il4 a:hover .il4_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); filter:alpha(opacity=70);opacity:0.7;} /*奖学金查询*/ .scholarTitle{ padding:50px 0; text-align:center; position:relative;} .scholarLine{ width:180px; height:8px; overflow:hidden; background:#ff7200; border-radius:8px; position:absolute; bottom:20px; left:50%; margin-left:-90px; z-index:1; opacity:.5;} .scholarDiv{ width:500px; margin:30px auto; margin-bottom:100px; border:1px solid #ccc; box-shadow:0 0 5px #ccc; padding:50px 20px; background:rgba(255,255,255, .9);border-radius:10px;} .scholarDiv p{ display:flex; flex-direction:row} .scholarDiv p label{ width:160px; text-align:right;height:40px; line-height:40px; padding-right:10px;} .scholarDivCard{ font-size:12px; color:#666; align-items:center} .scholarDivCard_span{ padding-left:160px;} .scholarButton{ cursor:pointer; border:none; border-radius:8px; width:60%; margin:30px auto; height:40px; line-height:40px;text-align:center; font-size:18px; background:#ff7200; color:#fff; } .scholarInput{flex:1; height:40px; line-height:40px; text-indent:4px; font-size:16px; color:#000; border-bottom:1px solid #ccc !important; border:none; margin-bottom:10px; background:none;} .scholarResult_tips{ font-size:14px; padding:15px 0; color:#777;} .scholarInquiry_tips{font-size:14px; padding:15px 0; color:#555; text-align:center; line-height:200%;} .scholarResult{ width:500px; margin:30px auto; margin-bottom:100px; border:1px solid #ccc; box-shadow:0 0 5px #ccc; padding: 20px; background:rgba(255,255,255, .9);border-radius:10px; font-size:14px} .scholarResultLine{ width:260px; height:8px; overflow:hidden; background:#ff7200; border-radius:8px; position:absolute; bottom:20px; left:50%; margin-left:-130px; z-index:1; opacity:.5;} .scholarResult_ul{ list-style:none; margin-bottom:20px; border-bottom:1px solid #ccc;} .scholarResult_ul li{ margin-bottom:10px; color:#000; font-size:16px;} .scholarResult_ul li span.txt{ width:120px; color:#777; font-size:16px; text-align:right; display:inline-block} .scholarResult_ul li span.txtcolor{ color:#ff7200;} .remarks{ padding:10px 0; font-size:16px; color:#000;} .remarks_t{ font-weight:bold; color:#666} /*录取查询*/ .channel_query{ width:100%; margin:0 auto;background: url(/images/querybg.jpg) no-repeat center top; background-size:cover;} .forqueryin{min-height: 750px; text-align: left; background: url(/images/forquerybg.png?t=22) no-repeat center top; background-size: cover;position:relative;} .query_all{ background:#fff; margin-bottom:30px;} #searchPanel{ margin:0 auto; width:600px; padding-top:20px; } .queryDiv{ margin:30px 0; border:1px solid #ccc; box-shadow:0 0 5px #ccc; padding:20px; background:rgba(255,255,255, .9); } .queryDiv p{ display:flex; flex-direction:row} .queryDiv p label{ width:160px; text-align:right;height:40px; line-height:40px; padding-right:10px;} .queryBtn{ width:200px; height:40px; line-height:40px; text-align:center; background:#98b8e1; color:#fff; display:block;transition:all 0.5s; font-size:16px; border:none; border-radius:4px; cursor:pointer; margin:0 auto;} .queryBtn:hover{ background:#ee7200; font-size:18px;} .queryInput{flex:1; height:40px; line-height:40px; text-indent:4px; font-size:16px; color:#000; border-bottom:1px solid #ccc !important; border:none; margin-bottom:20px; background:none;} .queryDivProvince{ font-size:12px; text-align:right;margin-bottom:20px; color:#777;} .queryDivProvince_l{} .queryDivProvince_r{ text-align:right;} .queryDivProvince_r_city{ font-size:14px; color:#000;} #resultPanel{ padding:20px;} .query_l{font-weight:normal; width:40%; float:left;} .query_r{font-weight:normal; width:60%; float:right;} .query_pinyin{ background:#fff; padding:10px; box-shadow:0 20px 25px #ccc; padding-bottom:30px; min-height:550px;} .query_pinyin_in{ } .query_pinyin_in p{ margin-bottom:10px; } .query_pinyin_in label{ width:120px; font-size:14px; display:inline-block; text-align:right;} .query_pinyin_input{ width:120px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:4px; text-indent:1em; font-size:16px;} .query_toptips{ text-align:center; background:#f60; color:#fff; padding:10px 0; line-height:180%; border-radius:4px; margin-bottom:10px;} .query_address{ font-size:14px; padding:10px;} .query_buttons{ padding:20px 0; line-height:200%; border-top:1px solid #eee; text-align:center; } .query_btnyes{ padding:5px 30px; background:#f60; border:none; border-radius:4px; font-size:16px; color:#fff; cursor:pointer;} .query_btnno{ padding:5px 10px; background:#888; border:none; border-radius:4px;font-size:16px; color:#fff; cursor:pointer;} .query_checkbox{color:#858fff; padding:0 10px; margin-bottom:10px;} .query_checkbox_button{ width:20px; height:20px; vertical-align:middle; } .query_newadd{ font-size:14px; padding:10px; background:#f7f7f7; display:none; } .query_newadd p{ margin-bottom:10px; } .query_newadd span.gray{ color:#888; font-size:12px;} .query_newadd label{ width:140px; font-size:14px; display:inline-block; text-align:right;} .query_input_new{ width:300px; height:25px; line-height:25px;} .query_newadd_btnin{ text-align:center;} .query_newadd_btn{padding:5px 30px; background:#bf2e1b; border:none; border-radius:4px; font-size:16px; color:#fff; cursor:pointer; color:#fff} .query_bot{ text-align:center; color:#bf2e1b; padding-top:5px; font-size:12px;} .successTips{ padding:10px; background:#e3fff3; border-radius:4px; border:1px dotted #38cf49; font-size:14px;} .addressShow{ display:block;} .addressHide{ display:none;} .noquerydata{ text-align:center; padding:100px 0; width:100%; display:block; font-size:24px;} .tblQuery{ margin:30px 30px 10px 30px;} .tblQuery .wlnum{ font-weight:bold; color:#f60;} .tblQuery .td1{ border-right:1px solid #ccc;} .tblQuery { text-align: left; border:1px solid #ccc; background:#fff; } .tblQuery thead th { padding: 5px 20px; background-color: #f7f7f7; font-weight: 400; color: #fff; } .tblQuery tbody tr td { line-height:180%; padding: 5px 20px; border-top: 1px solid #f60; } .tblQuery tbody tr:nth-child(2n) td { background-color: #f7f7f7; } .tblQuery tbody tr:last-child td { border-bottom: none; } /* 欢迎致辞 */ .slideBox_campus{ position:relative;width:589px;} .slideBox_campus .hd{ } .slideBox_campus .hd ul{position:absolute; top:280px; left:50%; margin-left:-30px; text-align:center;z-index:90;width:60px;} .slideBox_campus .hd ul li{ margin:0 5px; float:left; cursor:pointer; width:10px; height:10px; line-height:10px; text-indent:-9999em;border:1px solid #fff; border-radius:10px; } .slideBox_campus .hd ul li.on{ background:#fff;} .slideBox_campus .hd ul li.on img { } .slideBox_campus .hd ul li.on{ color:#fff; } .slideBox_campus .prev{ z-index:20; color:#fff; position:absolute; left:20px; top:150px; display:block; width:30px; height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBox_campus .prev i{ color:#fff; margin:0 auto;} .slideBox_campus .prev:hover i{color:#ee7200; font-size:24px;} .slideBox_campus .next{ z-index:20;position:absolute; right:20px; top:150px; display:block; width:30px; height:30px; line-height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBox_campus .next i{ color:#fff; } .slideBox_campus .next:hover i{color:#ee7200; font-size:24px;margin:0 auto;} .slideBox_campus .bd{ } .slideBox_campus .bd li{ } .campusTips{ text-align:right; margin-bottom:30px;} .campusTips_line{ width:300px; height:2px; background:#743b93; margin:10px 0; display:inline-block} .campusTips_info{ color:#743b93; font-size:24px; width:500px; line-height:180%; font-weight:900; display:inline-block; margin-bottom:10px;} .campusTips_infoEn{ color:#743b93; font-size:26px; width:480px; line-height:180%; display:inline-block; margin-bottom:10px; text-align:left;} /*闪存哪里发明*/ .flashMem{height:309px; background:url(/images/flash.jpg) no-repeat left top; text-align:right; overflow:hidden; font-size:18px; line-height:200%;} .flashMem_line{ width:300px; height:2px; background:#743c93; margin-bottom:20px; overflow:hidden; display:inline-block; transition:0.3s all;} .flashMem a{ color:#743c93;} .flashMem a:hover{font-size:20px; color:#ed7200;} .flashMem a:hover .flashMem_line{ width:400px;} /* 推荐新闻 */ .slideBox_news{ position:relative;width:570px; margin:50px 0 50px 0; height:309px;} .slideBox_news .hd{ } .slideBox_news .hd ul{position:absolute; top:250px; left:50%; margin-left:-30px; text-align:center;z-index:90;width:60px;} .slideBox_news .hd ul li{ margin:0 5px; float:left; cursor:pointer; width:10px; height:10px; line-height:10px; text-indent:-9999em;border:1px solid #fff; border-radius:10px; } .slideBox_news .hd ul li.on{ background:#fff;} .slideBox_news .hd ul li.on img { } .slideBox_news .hd ul li.on{ color:#fff; } .slideBox_news .prev{ z-index:20; color:#fff; position:absolute; left:20px; top:150px; display:block; width:30px; height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBox_news .prev i{ color:#fff; margin:0 auto;} .slideBox_news .prev:hover i{color:#ee7200; font-size:24px;} .slideBox_news .next{ z-index:20;position:absolute; right:20px; top:150px; display:block; width:30px; height:30px; line-height:30px; cursor:pointer; font-size:18px; text-align:center;transition:all 0.5s; } .slideBox_news .next i{ color:#fff; } .slideBox_news .next:hover i{color:#ee7200; font-size:24px;margin:0 auto;} .slideBox_news .bd{ } .slideBox_news .bd li{ } .il_inews{ width:570px; height:309px; position:relative;} .il_inews .il_inews_title{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.8); font-size:14px; color:#fff; text-align:center;} .il_inews_img{ width:570px; height:309px; overflow:hidden;} .il_inews_img img{-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .il_inews a:hover .il_inews_img{ width:570px; height:309px; overflow:hidden;} .il_inews a:hover .il_inews_img img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); filter:alpha(opacity=70);opacity:0.7;} /*内页左边菜单*/ .subnav{ width:19.5%; float:left; text-align:left;} .subnav_title{ margin-bottom:20px; color:#ff7200;} .navListUl{ margin:0; padding:0; list-style:none;} .navListUl li{padding:0;} .navListUl li span{ width:15px; height:20px; float:left;} .navListUl li a{ padding:10px 0; padding-bottom:0; font-size:16px; color:#000; display:block; line-height:120%;} .navListUl li a:hover{ color:#ff7200;} .navListUl li a.on{ color:#ff7200;} .navListUl li.sec{ padding-left:15px; } .navListUl li.sec a{font-size:14px !important; color:#777;} .navListUl li.sec a:hover{ color:#ff7200;} .navListUl li.on a{ color:#ff7200;font-size:14px !important;} .navListUl li.third{ padding-left:15px; } .navListUl li.third a{font-size:12px !important; color:#777;} .navListUl li.third a:hover{ color:#ff7200;} .navListUl li a.backAdac{ color:#bf2e1b; padding:10px 0; background:#fff; border:1px solid #bf2e1b; text-align:center; border-radius:4px; width:80%; margin-top:20px; font-size:14px;} .navListUl li a.backAdac:hover{ color:#fff; background:#bf2e1b; border:1px solid #bf2e1b; } .innerCon{ width:80%; float:right; text-align:left;} @media screen and (max-width: 1920px) and (min-width:1200px){ .subnav{ width:15%; } .innerCon{ width:84.5%; } } .title1{ padding:0 0 20px 0; text-align:left;color:#000; font-size:28px; font-family:Gobold;} .title2{ font-size:32px; color:#333;text-align:center; margin-bottom:30px;} .tline{ height:1px; background:#eee; width:500px; margin:0 auto; margin-bottom:50px; position:relative;} .tline .tline_block{ width:50px; background:#ff7200; height:5px; position:absolute; left:50%; top:-2px; margin-left:-25px;} /* 本例子css */ .picScroll-left{ position:relative; width:1000px; margin:0 auto;} .picScroll-left .hd{ overflow:hidden; height:30px; padding:0 10px; } .picScroll-left .prev{ position:absolute; left:100px; top:130px; z-index:1000; color:#666; font-size:62px; cursor:pointer;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; z-index:9999;} .picScroll-left .prev:hover, .picScroll-left .next:hover{ text-decoration:none; -webkit-animation-name: pulse; animation-name: pulse; color:#c00;} .picScroll-left .next{ position:absolute; right:100px; top:130px; z-index:1000; color:#666; font-size:62px; cursor:pointer;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .picScroll-left .hd ul{ overflow:hidden; zoom:1; zoom:1; margin:0 auto; width:1000px;} .picScroll-left .hd ul li{ float:left; overflow:hidden; margin:0 15px; cursor:pointer;} .picScroll-left .hd ul li.on{ background-position:0 0; background:#fff;} .picScroll-left .bd{ width:1000px; padding: 0;} .listYear{} .listYear li{ width:1000px; float:left; text-align:center;} .listYear .imgBox{ width:600px; margin:0 auto;} .listYear .imgBox img{ width:100%;} .listYear h2{ font-size:30px; color:#ff7200; margin:20px 0;} .listYear h3{ font-size:16px; color:#666; margin:20px 0;} /*大事记*/ .milestones{ background:#eff5ff; padding:20px; border-radius:10px; margin:20px auto; border:1px solid #bdcce5; line-height:180%;} .milestones .mtitle{ line-height:60px; font-size:24px;} .historyCon { background:url(/images/line04.gif) repeat-y 187px 0; position:relative;} .history-date { overflow:hidden;} .history-date h2 { background:url(/images/icon06.gif) #fff no-repeat 158px 0; height:59px; font-size:25px; font-weight:normal; padding-left:45px; margin-bottom:5px; } .history-date h2.first { width:935px; z-index:99;} .history-date h2 a { color:#bf2e1b; display:inline-block; *display:inline; zoom:1; background:url(/images/icon08.gif) no-repeat right 50%; padding-right:17px; margin:5px 97px 0 0;} .history-date h2 a:hover { text-decoration:none;} .history-date h2 img { vertical-align:-5px;} .history-date h2.date02 { background:none;} .history-date ul { margin:0; padding:0;} .history-date ul li { background:url(/images/icon07.gif) no-repeat 180px 0; padding-bottom:40px; zoom:1; } .history-date ul li.last { padding-bottom:0;} .history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;} .history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#333; font:normal 18px/16px Arial;} .history-date ul li h3 span { display:block; color:#333;font-size:12px;} .history-date ul li dl { float:left; padding-left:51px; margin-top:-5px; width:600px;} .history-date ul li dl dt { font:14px ; color:#333; width:520px;} .history-date ul li dl dt span { display:block; color:#787878; font-size:12px;} .history-date ul li dl dd { line-height:150%;} .history-date ul li.green h3 { color:#1db702;} .history-date ul li.green h3 span { color:#a8dda3; } .history-date ul li.green dl { margin-top:-8px;} .history-date ul li.green dl dt { font-size:14px; line-height:28px;} .history-date ul li.green dl dt a { /*background:url(/images/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;} .history-date ul li.green dl dd { padding-top:20px; display:none;} .history-date ul li.green dl dd img { float:left;} .history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;} .history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;} .history-date h2.first .more-history:hover {text-decoration: underline;} .history-date ul li dl dt {_font-size:12px !important; _font-weight:bold;} .history-date ul li dl dt span {_font-weight:normal !important;} .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:12px !important; _font-weight:normal !important;} .milestones_ul{ margin:0; list-style:none; padding:0; position:absolute; right:0; top:0;} .milestones_ul li{ float:left;} .milestones_ul li a{ padding:10px 15px; font-size:16px; font-weight:normal; border:1px solid #eee; display:block;} .milestones_ul li a:hover{ border:1px solid #bf2e1b; color:#bf2e1b;} /*在线反馈*/ .tbl{ margin:0 auto; border:1px solid #ccc; background:#ccc;} .tbl td{ padding:15px 10px; font-size:14px; background:#fff; } .feedback{} .feedback p{ padding:10px 0;} .feedback p label{ padding-right:10px; width:120px; text-align:right; height:30px; line-height:30px; display:inline-block;} .feedback .input1{ width:120px; height:30px; line-height:30px; border:none;color:#111; border-bottom:1px solid #ccc;} .feedback .checkbox{ width:30%; display:inline-block; text-align:left; line-height:30px; font-size:14px; color:#666} .checkbox_input{ width:120px;} .feedbacken{} .feedbacken p{ padding:10px 0;} .feedbacken p label{ padding-right:10px; width:140px; text-align:right; height:30px; line-height:30px; display:inline-block;} .feedbacken .input1{ width:200px; height:30px; line-height:30px; border-radius:5px; background:#eee; border:none; color:#111;} .btn{ width:200px; height:40px; line-height:40px; display:block; text-align:center; background:#152540; color:#fff; font-size:16px; border:none; border-radius:5px; cursor:pointer; } .formdiv { margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px;} .form-control-out{ margin-bottom:20px;} .form-control {width:25%; float:left; } .form-control-w50 {width:50%; display:flex; } .form-control .label {width: 100px;text-align: right; color:#666; display:inline-block} .form-control .label_right {width: 120px; color:#666;display:inline-block} .form-input {width: 120px;border: 1px solid #ccc;border-radius: 4px;height: 30px;line-height: 30px;} .form-title {font-size: 18px;padding: 10px 0;} .sectionselect{ margin-right:10px; height:30px;} .stuArea{height:30px; margin-right:10px;} .form-control-m{ display:flex; } #city_china{ display:flex;} /* 致辞 */ .slideTxtBox{ padding-top:100px; position:relative;} .slideTxtBox .hd{ position:absolute; top:-50px; right:0; text-align:center;} .slideTxtBox .hd ul{ } .slideTxtBox .hd ul li{ margin:0 20px; float:left; cursor:pointer; width:100px; text-align:center; font-size:14px;} .slideTxtBox .hd ul li img{padding:5px;border: 3px solid #f7f7f7; border-radius: 86px;} .slideTxtBox .hd ul li .familyTitle{ font-size:14px; font-weight:bold;} .slideTxtBox .hd ul li.on{ } .slideTxtBox .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideTxtBox .hd ul li.on{ color:#bf2e1b; } .slideTxtBox .bd ul{ padding:15px; zoom:1; } .slideTxtBox .bd li{ } .dhleft{ padding:50px 0 0 30px; background:url(/images/dhleft.png) no-repeat left top; width:70%; float:left;} .ceoimg{ width:30%; float:right;} /* 北南宫ngpc28注册区 */ .slideTxtBoxSouth{ padding-top:60px; position:relative;} .slideTxtBoxSouth .hd{ position:absolute; top:-50px; right:0; text-align:center;} .slideTxtBoxSouth .hd ul{ } .slideTxtBoxSouth .hd ul li{ margin:0 20px; float:left; cursor:pointer; width:120px; height:60px; line-height:60px; border-radius:5px; text-align:center; font-size:14px; border:1px solid #ccc;} .slideTxtBoxSouth .hd ul li .familyTitle{ font-size:16px; font-weight:normal;} .slideTxtBoxSouth .hd ul li.on{ border: 1px solid #bf2e1b;} .slideTxtBoxSouth .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideTxtBoxSouth .hd ul li.on{ color:#bf2e1b; } .slideTxtBoxSouth .bd ul{ padding:15px; zoom:1; } .slideTxtBoxSouth .bd li{} /* 领导架构 */ .slideTxtBoxLeader{ padding-top:60px; position:relative;} .slideTxtBoxLeader .hd{ position:absolute; top:-50px; right:0; text-align:center;} .slideTxtBoxLeader .hd ul{ } .slideTxtBoxLeader .hd ul li{ margin:0 20px; float:left; cursor:pointer; width:120px; height:60px; line-height:60px; border-radius:5px; text-align:center; font-size:14px; border:1px solid #ccc;} .slideTxtBoxLeader .hd ul li .familyTitle{ font-size:16px; font-weight:normal;} .slideTxtBoxLeader .hd ul li.team{ width:200px;} .slideTxtBoxLeader .hd ul li.on{ border: 1px solid #bf2e1b;} .slideTxtBoxLeader .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideTxtBoxLeader .hd ul li.on{ color:#bf2e1b; } .slideTxtBoxLeader .bd ul{ padding:15px; zoom:1; } .slideTxtBoxLeader .bd li{} .boardlist{ width:100%;} /* 领导架构en */ .slideTxtBoxLeader_en{ padding-top:60px; position:relative;} .slideTxtBoxLeader_en .hd{ position:absolute; top:-50px; right:0; text-align:center;} .slideTxtBoxLeader_en .hd ul{} .slideTxtBoxLeader_en .hd ul li{ margin:0 20px; float:left; cursor:pointer; width:180px; height:60px; line-height:normal; display:flex; justify-content: center; align-items:center; border-radius:5px; text-align:center; font-size:13px; border:1px solid #ccc;} .slideTxtBoxLeader_en .hd ul li .familyTitle{ font-size:14px; font-weight:normal; text-align:center !important; } .slideTxtBoxLeader_en .hd ul li.on{ border: 1px solid #bf2e1b;} .slideTxtBoxLeader_en .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideTxtBoxLeader_en .hd ul li.on{ color:#bf2e1b; } .slideTxtBoxLeader_en .bd ul{ padding:15px; zoom:1; } .leadership_l{width: 30%; float: left;} .leadership_r{width: 68%; float: right;} /* 北南宫ngpc28注册区en */ .slideTxtBoxSouthen{ position:relative;} .slideTxtBoxSouthen .hd{ text-align:center; margin-bottom:20px;} .slideTxtBoxSouthen .hd ul{ } .slideTxtBoxSouthen .hd ul li{ margin:0 10px; float:left; cursor:pointer; width:200px; height:60px; line-height:60px; border-radius:5px; text-align:center; font-size:12px; border:1px solid #ccc;} .slideTxtBoxSouthen .hd ul li .familyTitle{ font-size:16px; font-weight:normal;} .slideTxtBoxSouthen .hd ul li.on{ border: 1px solid #bf2e1b;} .slideTxtBoxSouthen .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideTxtBoxSouthen .hd ul li.on{ color:#bf2e1b; } .slideTxtBoxSouthen .bd ul{ padding:15px; zoom:1; } .slideTxtBoxSouthen .bd li{} /* 美丽汕头 */ .slideBoxCity{ padding-top:30px; position:relative; } .slideBoxCity .hd{ position:absolute; top:-50px; right:0; text-align:center;} .slideBoxCity .hd ul{ } .slideBoxCity .hd ul li{ margin:0 10px; float:left; cursor:pointer; width:100px; height:60px; line-height:60px; text-align:center; font-size:18px; border:1px solid #eee; border-radius:5px;} .slideBoxCity .hd ul li .familyTitle{ font-size:14px; font-weight:bold;} .slideBoxCity .hd ul li.on{ background:#bf2e1b;} .slideBoxCity .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideBoxCity .hd ul li.on{ color:#fff; } .slideBoxCity .bd{ line-height:200%;} .slideBoxCity .bd li{ } .spot_dl{ } .spot_dl dd{ float:left; width:50%; text-align:center; margin-bottom:20px; height:520px;} .spot_dl dd a{ width:440px; height:323px; overflow:hidden; padding:5px; background:#eee; border:1px solid #ccc; display:inline-block; border-radius:5px;} .spot_dl dd .t{ font-size:16px; transition:all 0.5s; text-align:left; padding:0 10px;position:relative;} .spot_dl dd .tmore{ font-size:12px; width:60px; height:20px; line-height:20px; font-weight:normal; text-align:center; border:1px solid #ccc; color:#777; padding:0; background:#fff;} .spot_dl dd .desc{ font-size:14px; font-weight:normal; transition:all 0.5s; text-align:left; color:#999; line-height:150%; padding:0 10px;word-wrap:break-word; } .spot_dl dd .author{ font-size:14px; font-weight:normal; transition:all 0.5s; text-align:left; color:#666; line-height:150%; padding:10px 10px 0 10px; } .spot_dl dd a .spotimg{width:430px; height:313px; vertical-align:middle; display: table-cell; text-align:center; overflow:hidden; } .spot_dl dd a .spotimg img{transition:all 0.5s; vertical-align:middle; width:auto;} .spot_dl dd .tmore:hover{ background:#af2e1c; color:#fff; font-size:14px;} .spot_dl dd a:hover img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);} .cityintro{width: 800px; height: auto; line-height: 200%;} #fancybox-outer {word-wrap:break-word; } /*汕头景点*/ /* 双重slide-相册效果 */ .gallery{ padding:10px; text-align:left; background:#f7f7f7; } .gallery .bd li .pic{ line-height:0px; } .gallery .bd li .bg,.gallery .bd li .title{ display:none; } .gallery .bd li img{ width:500px; height:250px; } .gallery .hd{ position:relative; padding:0 15px; margin-top:10px; zoom:1; } .gallery .hd .tempWrap{ margin-left:25px; } .gallery .hd ul{ overflow:hidden; zoom:1; } .gallery .hd li{ width:100px; padding-top:4px; text-align:center; cursor:pointer; -webkit-transition: all 0.3s ease-out; } .gallery .hd li img{ width:86px; height:60px; border:1px solid #ddd; padding:2px; } .gallery .hd li.on{ background:url("/images/icoUp.gif") no-repeat center 0; } .gallery .hd li.on img{ border:1px solid #f60; background:#fff; } .gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center; width:15px; height:66px; line-height:66px; border:1px solid #ddd; cursor:pointer; position:absolute; left:0px; top:4px; background:#f3e9c0;} .gallery .hd .sNext{ left:auto; right:0px; } .gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60; } /* 美丽汕头 */ .slideBoxCityen{position:relative; } .slideBoxCityen .hd{ text-align:center; margin-bottom:20px;} .slideBoxCityen .hd ul{ } .slideBoxCityen .hd ul li{ margin-right:10px; float:left; cursor:pointer; width:180px; height:60px; line-height:60px; text-align:center; border:1px solid #eee; border-radius:5px;} .slideBoxCityen .hd ul li .familyTitle{ font-size:16px; font-weight:bold;} .slideBoxCityen .hd ul li.on{ background:#bf2e1b;} .slideBoxCityen .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideBoxCityen .hd ul li.on{ color:#fff; } .slideBoxCityen .bd{ line-height:200%;} .slideBoxCityen .bd li{ } .cityenrli{ width:120px !important;} /* useful */ .slideBoxUseful{position:relative; } .slideBoxUseful .hd{ text-align:center; margin-bottom:20px;} .slideBoxUseful .hd ul{ } .slideBoxUseful .hd ul li{ margin-right:10px; float:left; cursor:pointer; padding:0 10px; height:40px; line-height:40px; text-align:center; border:1px solid #eee; border-radius:5px;} .slideBoxUseful .hd ul li .familyTitle{ font-size:14px; font-weight:bold;} .slideBoxUseful .hd ul li.on{ background:#bf2e1b;} .slideBoxUseful .hd ul li.on img { padding:5px; border: 3px solid #bf2e1b; border-radius: 86px; } .slideBoxUseful .hd ul li.on{ color:#fff; } .slideBoxUseful .bd{ line-height:200%;} .slideBoxUseful .bd li{ } /*新闻列表*/ .dl_newsList{ padding:0; position:relative; overflow:hidden; transition:500ms; border-bottom:1px dotted #ccc; z-index:0; margin-bottom:20px; } .dl_newsList dt{ width:300px; float:left; padding-right:20px; min-height:150px; } .dl_newsList dt img{ width:100%; display:block;} .dl_newsList dt .dltime{ position:absolute; left:3px; top:3px; width:80px; background:rgba(0,0,0,0.8); text-align:center; height:120px; padding-top:10px; color:#fff;} .dl_newsList dt .dltime h2{ font-size:24px;} .dl_newsList dt .dltime h4{ font-size:12px; margin:5px 0; font-weight:normal;} .dl_newsList dd{ line-height:150%; font-size:14px; color:#666; } .dl_newsList dd.ntitle{ padding:5px 0; font-size:16px; font-weight:bold; color:#000; } .dl_newsList dd.ntime{ margin-top:10px; font-size:14px; color:#999; } .dl_newsList dd.ntime i{ font-size:12px;} .dl_newsList:hover{ background:#ff7200; color:#fff; text-decoration:none;} .dl_newsList:hover .dltime{ background:#000; } .dl_newsList:hover .ntitle{ color:#fff;} .dl_newsList:hover dd{ color:#fff;} a.dl_newsaList{ transition:500ms;} .dl_newsaList:hover{ text-decoration:none;} /*媒体视角列表*/ .dl_mediumList{ padding:5px 5px 10px 150px; position:relative; overflow:hidden; transition:500ms; border-bottom:1px dotted #ccc; height:60px; z-index:0; } .dl_mediumList dt{ width:150px; height:60px; position:absolute; top:5px; left:5px; } .dl_mediumList dt .dltime{ position:absolute; left:3px; top:3px; width:100%; text-align:left; height:100px; padding-top:10px; color:#999;} .dl_mediumList dt .dltime .icon1{ font-size:30px!important; } .dl_mediumList dt .dltime h2{ font-size:18px; font-weight:normal;} .dl_mediumList dd{ line-height:150%; font-size:14px; color:#666; } .dl_mediumList dd.ntitle{ font-size:16px; color:#333; line-height:50px; } .dl_mediumList:hover{text-decoration:none;} .dl_mediumList:hover .dltime{ } .dl_mediumList:hover .ntitle{ color:#ff7200;} .dl_mediumList:hover dd{ color:#fff;} a.dl_newsaList{ transition:500ms;} .dl_newsaList:hover{ text-decoration:none;} .isTop{ width:60px; height:25px; line-height:25px; border:1px solid #f60; border-radius:4px; color:#f60; font-size:12px; text-align:center; display:inline-block;} .dl_newsaList:hover .isTop{ background:#fff; border:none;} /*招聘列表*/ .dl_recruitMob{padding:0; position:relative; overflow:hidden; transition:500ms; border-bottom:1px dotted #ccc; z-index:0; border:1px solid #eee; height:80px;margin-bottom:10px;} .dl_recruitMob dt{ width:100px; position:absolute; top:0; right:0; } .dl_recruitMob dt .dltime{ padding-top:10px; width:100px; text-align:center; height:80px; color:#999; border-left:1px solid #eee;background:#fff;} .dl_recruitMob dt .dltime h2{ font-size:24px; font-weight:normal; line-height:30px;} .dl_recruitMob dt .dltime h4{ font-size:14px; font-weight:normal;} .dl_recruitMob dd{ height:80px; overflow:hidden; font-size:16px; color:#666; text-align:left; padding-left:70px; padding-right:210px; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .dl_recruitMob .isEnd{ position:absolute; right:100px; top:0px; width:100px; background:#f7f7f7; text-align:center; line-height:80px; color:#333;border-left:1px solid #eee;} .dl_recruitMob dd .icon{ width:60px; height:80px; line-height:80px; display:inline-block; margin-right:10px; background:#152540; text-align:center; overflow:hidden; position:absolute; left:0; top:0px;} .dl_recruitMob dd .icon i{color:#fff; font-size:32px;} .dl_recruitMob:hover{ background:#ff7200; color:#fff; text-decoration:none;} .dl_recruitMob:hover .dltime{ color:#fff;background:#ff7200; } .dl_recruitMob:hover .ntitle{ color:#fff;} .dl_recruitMob:hover dd{ color:#fff;} .dl_recruitMob:hover .isEnd{ background:#ff7200; color:#fff; } /*招聘列表*/ .dl_recruitList_mtime{ display:none;} .dl_recruitList{padding:0; position:relative; overflow:hidden; transition:500ms; border-bottom:1px dotted #ccc; z-index:0; border:1px solid #eee; height:80px;margin-bottom:10px;} .dl_recruitList dt{ width:100px; position:absolute; top:0; right:0; } .dl_recruitList dt .dltime{ padding-top:10px; width:100px; text-align:center; height:80px; color:#999; border-left:1px solid #eee;background:#fff;} .dl_recruitList dt .dltime h2{ font-size:24px; font-weight:normal; line-height:30px;} .dl_recruitList dt .dltime h4{ font-size:14px; font-weight:normal;} .dl_recruitList dd{ height:80px; overflow:hidden; font-size:16px; color:#666; text-align:left; padding-left:70px; padding-right:210px; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .dl_recruitList .isEnd{ position:absolute; right:100px; top:0px; width:100px; background:#f7f7f7; text-align:center; line-height:80px; color:#333;border-left:1px solid #eee;} .dl_recruitList dd .icon{ width:60px; height:80px; line-height:80px; display:inline-block; margin-right:10px; background:#152540; text-align:center; overflow:hidden; position:absolute; left:0; top:0px;} .dl_recruitList dd .icon i{color:#fff; font-size:32px;} .dl_recruitList:hover{ background:#ff7200; color:#fff; text-decoration:none;} .dl_recruitList:hover .dltime{ color:#fff;background:#ff7200; } .dl_recruitList:hover .ntitle{ color:#fff;} .dl_recruitList:hover dd{ color:#fff;} .dl_recruitList:hover .isEnd{ background:#ff7200; color:#fff; } a.dl_recruitaList{ transition:500ms;} .dl_recruitaList:hover{ text-decoration:none;} .recruitPostTime{ font-size:14px; color:#888;} .recruitPostTime i{ } .recruitPostTime h4{ font-weight:normal; font-size:14px;} .btn_back{ width:200px; height:40px; line-height:40px; display:block; text-align:center; border:1px solid #ccc; font-size:16px; border-radius:5px;} .btn_back:hover{ background:#c02d1a; color:#fff;} .postForm{ line-height:200%; margin-top:40px;} .postForm p{ margin-bottom:10px;} .recruitInput{ height:30px; line-height:30px; border:1px solid #ccc; border-radius:4px; text-indent:4px; font-size:14px; width:500px;} .postSelect{height:30px; line-height:30px; border:1px solid #ccc; border-radius:4px; text-indent:4px; font-size:14px; width:500px;} .postComment{ width:100%; height:100px;} .postSubmit{ width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; background:#ee7200; color:#fff; border-radius:4px; border:none;} .graduateLink{ display:block; border-radius:4px;} .graduateLink:hover{ background:#152540; font-size:18px; color:#fff !important;} .graduateLink2{ display:block; border-radius:4px; width:150px; line-height:40px; background:#ff7200; background-image: linear-gradient(#ff8b2e, #ff7200); text-align:center; color:#fff; box-shadow:0 0 5px #ccc; } .graduateLink2:hover{ background:#bf2e1b; font-size:18px; color:#fff !important;} /*专业设置*/ .accordion_programs {width: 100%;background: #FFF;} .accordion_programs .link {cursor: pointer;display: block; padding: 0;color: #4D4D4D; height:60px; font-size: 16px; font-weight:500;border-bottom: 1px solid #CCC; position: relative; background:#f7f7f7; } .accordion_programs .linkon .link{ color:#f60 !important; background:#f60;} .accordion_programs .linkon i{ color:#f60;} .accordion_programs li:last-child .link { border-bottom: 0;} .accordion_programs li{ cursor: pointer; border:1px solid #ccc; margin-bottom:20px; border-radius:4px; box-shadow:0 0 5px #ccc;} .accordion_programs li i {font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;} .accordion_programs li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;} .accordion_programs li.open .link { color: #f60;} .accordion_programs li.open i { color: #f60;} .accordion_programs li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .programs_list{ padding:10px;} .programs_num{ width:8%; float:left; text-align:center; height:60px; line-height:60px; font-size:24px; color:#fff; font-weight:700; background:#f60;} .programs_num i{ color:#fff !important; font-size:22px !important;} .programs_title{ width:92%; float:right; height:60px;} .programs_title h4{ padding:0 10px; font-weight:500;} .programs_title p{ font-size:14px; padding:0 10px; line-height:15px; color:#888;} .lineh60{ line-height:60px;} .programsbg1{ background:#f60} .programsbg2{ background:#ec81a2} .programsbg3{ background:#8c95db } .programsbg4{ background:#37d6b2} /*翻页*/ /*========== page */ #AspNetPager1 { padding: 20px 10px 20px 10px; margin: 0px auto; text-align: center; } #AspNetPager1 a { display: inline-block; width: 28px; height: 28px; line-height:28px; text-align: center; color: #fff; font-size: 15px; background:#666 url(/images/page.jpg) no-repeat; background-position: 0px 0px; margin: 0px 3px 0px 3px; border-radius:28px; } #AspNetPager1 a:hover { background-position: 0px -80px; color: #ffffff; } #AspNetPager1 font { display: inline-block; width: 28px; height: 28px; text-align: center; color: #bf2e1b !important; font-size: 15px; background: url(/images/page.jpg) no-repeat; background-position: 0px -80px !important; margin-bottom:-5px; } #AspNetPager1 .prve { background-position: 0px -120px; text-indent: -9999em; } #AspNetPager1 .prve:hover { background-position: -40px -120px; } #AspNetPager1 .prveNO { background-position: 0px -120px !important; text-indent: -9999em; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #AspNetPager1 .next { background-position: 0px -158px; text-indent: -9999em; } #AspNetPager1 .next:hover { background-position: -40px -158px; } #AspNetPager1 .nextNO { background-position: 0px -158px !important; text-indent: -9999em; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* end*/ /*学生生活*/ .student{ margin:30px auto; padding:0; list-style:none; border-top:1px solid #eee; border-left:1px solid #eee;} .student li{ width:244.5px; float:left;} .student li a{ padding-top:30px; display:block; height:200px; text-align:center;font-size:16px; border-bottom:1px solid #eee; border-right:1px solid #eee;transition:0.5s} .student li a i{ font-size:50px; display:block; margin-bottom:30px; color:#666;} .student li p{ font-size:14px; margin:10px auto; color:#666;} .student li a:hover{ background:#ff7200; font-size:24px; color:#fff;} .student li a:hover p{ color: #fff;} .student li a:hover i{font-size:60px; display:block; margin-bottom:20px;transition:0.5s; color:#fff;} .studentEn{ margin:30px auto; padding:0; list-style:none; border-top:1px solid #eee; border-left:1px solid #eee;} .studentEn li{ width:244.5px; float:left;} .studentEn li a{ padding-top:30px; display:block; height:180px; text-align:center;font-size:16px; border-bottom:1px solid #eee; border-right:1px solid #eee;transition:0.5s} .studentEn li a i{ font-size:50px; display:block; margin-bottom:30px; color:#666;} .studentEn li a:hover{ background:#ff7200; font-size:16px; color:#fff;} .studentEn li a:hover i{font-size:60px; display:block; margin-bottom:30px;transition:0.5s; color:#fff;} /*友情链接*/ .linksTitle{ font-size:18px; font-weight:bold; text-align:left;} .ul_links{ margin:0; padding:0; list-style:none;} .ul_links li{ float:left; width:50%; text-align:left;} .ul_links li a{ font-size:14px; line-height:40px; color:#666;} .ul_links li a:hover{ text-decoration:underline; color:#bf2e1b;} /*学院领导*/ .ul_lead{ margin:0; padding:0; list-style:none;} .ul_lead li{ display:inline-block; width:23%; margin-left:-5px; text-align:center;} .ul_lead li a{ width:200px; height:292px; position:relative; border:1px solid #ccc; border-radius:4px; box-shadow:0 0 5px #555; display:block; overflow:hidden;} .ul_lead li a img{ width:200px; height:292px;transition: all 0.6s;} .ul_lead li a .tCon{ height:80px; position:absolute; left:0; bottom:-40px; background:rgba(0,0,0,0.8); width:100%; transition:0.3s; text-align:center;} .ul_lead li a .tCon h2{ font-size:18px; color:#fff; padding-left:10px; line-height:40px;} .ul_lead li a .tCon h3{ font-size:14px; color:#fff; padding-left:10px; font-weight:normal; opacity:0;transition: all 0.6s;} .ul_lead li a:hover .tCon{ bottom:0;} .ul_lead li a:hover img{transform: scale(1.1); } .ul_lead li a:hover .tCon h3{ opacity:1;} .ul_lead_en{ margin:0; padding:0; list-style:none;} .ul_lead_en li{ display:inline-block; width:25%; margin-left:-5px; text-align:center;} .ul_lead_en li a{ width:200px; height:292px; position:relative; border:1px solid #ccc; border-radius:4px; box-shadow:0 0 5px #555; display:block; overflow:hidden;} .ul_lead_en li a img{ width:200px; height:292px;transition: all 0.6s;} .ul_lead_en li a .tCon{ min-height:80px; position:absolute; left:0; bottom:-40px; background:rgba(0,0,0,0.8); width:100%; transition:0.3s; text-align:center;} .ul_lead_en li a .tCon h2{ font-size:18px; color:#fff; line-height:40px;} .ul_lead_en li a .tCon h3{ font-size:14px; color:#fff; font-weight:normal; opacity:0;transition: all 0.6s; line-height:150%;} .ul_lead_en li a:hover .tCon{ bottom:0;} .ul_lead_en li a:hover img{transform: scale(1.1); } .ul_lead_en li a:hover .tCon h3{ opacity:1;} .viewLeaderImg{ width:100%; border:1px solid #ccc; border-radius:4px; box-shadow:0 0 5px #555; overflow:hidden;} .viewLeaderImg img{ width:100%; display:block;} .leaderLine{ margin:10px 0; height:3px; overflow:hidden; width:20px; background:#bf2e1b;} .leaderPosition{ font-size:16px; font-weight:normal; color:#888;} .leaderFaculty{ font-size:16px; font-weight:normal; color:#888;} .leaderFaculty i{ color:#000;} .leaderFaculty:hover i{ color:#ee7200;} .slideTxtLeader{ width:100%;} .viewLeader_ul3{ margin-top:20px;} .viewLeader_ul3 li{ border-bottom:1px solid #ccc; line-height:40px; position:relative;} .viewLeader_ul3 li a{ display:block; padding-right:20px;} .viewLeader_ul3 li a i{ font-size:10px; float:right;transform: rotate(-90deg); position:absolute; right:0; top:0px;} .viewLeader_ul3 li.on{ color:#bf2e1b; transition:0.3s; } .viewLeader_ul3 li.on a{color:#bf2e1b;} /*学术团队*/ .staffList{ margin:0; padding:0 ; list-style:none;} .staffList li{ padding:5px 0;} .staffList li a{ text-decoration:none; margin-bottom:30px; } .staffList li a:hover{ color:#f60;} .staffTitle{ line-height:70px;} .staffList_img{ width:20%; float:left;} .staffList_img_in{ } .staffList_img_in img{ display:block; width:100%;} .staffList_info{ float:right; width:78%; } .staffList_name{ font-size:24px; font-weight:500; padding-top:30px; } .staffEmail{ text-decoration:none; color:#888;} .staffEmail i{ color:#000;} .staffEmail:hover i{ color:#ee7200;} .staffType{ cursor:pointer;} .staffIcon{ border-bottom:1px solid #eee;padding:5px 0;} .staffIcon:before{content:"+"; width:20px; text-align:center; display:inline-block; border-radius:5px; font-size:24px; margin-bottom:-10px; color:#bf2e1b;} .staffActive:before{content:"-"; width:20px; text-align:center;} .staffGuide{padding:10px 0; margin-bottom:20px; color:#999;} .staffGuide i{ font-size:14px;} .staffList_imgMore{ background:#fff;padding:5px; border:1px solid #eee; border-radius:5px; display:block;} .staffList_imgMore img{ display:block; width:100%;} .staffList_imgMore:hover{background:#ee7200;} .staffList_more_t{ margin-top:15px;} .staffList_more{ background:#f7f7f7; padding:5px 10px; font-size:14px; color:#888;} .staffList_more:hover{ background:#ee7200; color:#fff !important; padding:5px 20px;} .staffLine{ margin:10px 0; height:3px; overflow:hidden; width:20px; background:#ee7200;} /*学术团队弹出窗*/ .staff_feed{ background:#fff; z-index:99;} .staffcard-body{ text-align: left; padding: 10px; position:relative;} .staff_feed_desc{ font-size:14px; margin-bottom:20px;} .staff_feed_form{ margin-bottom:10px;} .staff_feed_input{ height:30px; line-height:30px; width:100%; border:1px solid #ccc; border-radius:4px; text-indent:4px;} .staff_feed_code{ height:30px; line-height:30px; width:60px;border:1px solid #ccc; border-radius:4px; text-indent:4px;} .staff_feed_codeimg{ margin-bottom:-10px;} .staff_feed_message{ height:100px; width:100%; border:1px solid #ccc; border-radius:4px;} .staffbtn{width: 100%; height: 40px; line-height: 40px; background: #a7bfe8; transition: all .4s;border-radius: 4px;border: 2px solid transparent; color: #fff; font-size: 16px;} /*学术科研团队*/ .acdstaffCon{ background:#f7f7f7;} .acdstaffCon1{ padding:20px;} .staff_accordion { width: 100%;list-style:none;} .staff_accordion .link {cursor: pointer;display: block;padding: 10px;color: #4D4D4D;font-size: 16px; font-weight:500;position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .staff_accordion li i {position: absolute;top: 12px;right: 15px; font-size: 16px;color: #595959;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-weight:500;} .staff_accordion li i.fa-chevron-down { top:10px; right: 20px; left: auto; font-size: 40px; font-weight:300; color:#888;} .staff_accordion li.open .link { color: #f60; border: 1px solid #f60;} .staff_accordion li.open i { color: #f60;} .staff_accordion li.open i.fa-chevron-down { color: #fb002a;} .sta_submenu_faq { display: none; font-size: 16px; padding:10px 20px;} .sta_submenu_faq_h4{ font-size:18px; font-weight:500; color:#000} .sta_submenu_faq_h4 i{ font-size:18px;} .faculty_accordion_dl_out{ padding-left:25px;} .staff_accordion_dl{} .staff_accordion_dl dd{ width:33.3%; float:left; height:35px; } .staff_accordion_dl_en{} .staff_accordion_dl_en dd{ width:50%; float:left;} .faculty_accordion_dl{ margin-bottom:20px;} .faculty_accordion_dl dd{ float:left; margin-right:20px;} .facultyLink{ color:#888; } .typeLink{ color:#888;} .typeLink_en{color:#888; font-size:14px;} .facultyLink_on{} .faculty_accordion_dl .linkOn, .staff_accordion_dl .linkOn, .staff_accordion_dl_en .linkOn{ font-size:16px; border:1px solid #ee7200; background:#fff; color:#f60; margin-right:10px; height:25px; line-height:25px; padding:0 15px 0 5px; border-radius:6px; position:relative; display:inline-block; } .faculty_accordion_dl .linkOn::after, .staff_accordion_dl .linkOn::after, .staff_accordion_dl_en .linkOn::after{content:'\e717';font-size: 15px; font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; position:absolute; top:1px; right:-1px; } .conditions_sel{ padding-left:20px; padding-bottom:20px;} .conditions_sel_span{ display:inline-block;} .conditions_sel_span i{ font-size:14px;} .conditions_sel_list{ display:inline-block;} .conditions_sel_list .term{ border:1px solid #8c95db; background:#fff; color:#8c95db; margin-right:10px; padding:2px 25px 2px 5px; border-radius:6px; font-size:14px; position:relative; line-height:150%; display:inline-block} .conditions_sel_list .del{position:absolute; right:-1px; top:4px; cursor:pointer;} .conditions_sel_list .del i{ } .staff_res{ width:45%; border-radius:8px; text-align:left; position:relative; float:left;} .staff_res_input{ height:40px; line-height:40px; background:#fff; border:none; width:100%; border-radius:4px; font-size:16px; text-indent:1em; display:inline-block; border:1px solid #eee;} .staff_res_icon{ width:40px; line-height:39px; text-align:center; cursor:pointer; position:absolute; right:0; top:0; background:#ee7200;border-radius:0 4px 4px 0; border:none; color:#fff; font-size:18px;} .staff_res_icon i{ font-size:18px; color:#fff;} .staff_res_sericon{position:absolute; right:10px; top:3px; font-size:18px; color:#fff; z-index:99; cursor:pointer;} .staff_keyword{ padding:20px; border-top:1px solid #ccc; line-height:30px; } .staff_res_areas{ width:30%; float:left; margin:0 1%;} .staff_res_appoint{width:20%; float:left;} .staff_drop{ height:40px; line-height:40px; background:#fff; border:none; width:100%; border-radius:4px; font-size:16px; color:#999;} .staff_clear{ width:150px; height:30px; line-height:30px; background:#fff; border:1px solid #ccc; border-radius:4px; text-align:center; display:block; color:#777; margin-top:10px;} .staff_clear:hover{ background:#888; color:#fff;} .stafffix{ z-index:999;} .staff_word{ display:inline-block;} .staff_word a{ display:inline-block; text-align:center; font-size:16px; padding:0 8px;} .staff_word a:hover{ color:#ee7200;} .staff_acd_icon{padding:5px 0 0 30px; position:relative;} .staff_acd_icon:before{content:"+"; width:30px; text-align:center; display:inline-block; border-radius:5px; font-size:30px; color:#bf2e1b; position:absolute; left:0; top:0;transition:0.3s;} .staff_acd_icon_active:before{content:"-"; width:30px; text-align:center;font-size:30px; } .acd_sta_con{ margin:20px auto;} .acd_sta_list{ width:25%; float:left;} .acd_sta_list_in{margin:10px; border:1px solid #eee; border-radius:5px; overflow:hidden;} .acd_sta_list_img{ overflow:hidden; height:100%; } .acd_sta_list_img img{ width:100%; display:block; transition:0.3s; z-index:0;} .acd_sta_info{ padding:10px; height:170px;} .acd_sta_info_en{ padding:10px; height:280px;} .acd_sta_list_n{ font-size:16px; font-weight:600;transition:0.3s; line-height:150%;padding-bottom:8px;} .acd_sta_list_n_en{ font-size:16px; font-weight:600;transition:0.3s; line-height:150%; padding-bottom:5px;} .acd_sta_list_t{ font-size:14px;transition:0.3s; color:#888; line-height:none;} .acd_sta_list_p{ font-size:14px;transition:0.3s; color:#555; line-height:none;line-height:150%;} .acd_sta_list_p_en{ font-size:14px;transition:0.3s; color:#222; line-height:none;line-height:150%; margin-bottom:5px;} .acd_sta_list_ten{ font-size:14px;transition:0.3s; color:#888; line-height:none; line-height:150%;} .acd_sta_link{ transition:0.3s;} .acd_sta_link:hover .acd_sta_list_n{color:#ee7200;} .acd_sta_link:hover .acd_sta_list_in{border:1px solid #ee7200; box-shadow:0 0 25px #eee;} .acd_sta_link:hover .acd_sta_list_img img{ transform:scale(1.2); } .staffNoData{ text-align:center; color:#999; line-height:300%; display:block;} .staffNoData i{ font-size:50px;} /*Research*/ .research_keyword{ margin:10px auto; border:1px solid #ccc; border-radius:4px; line-height:30px;} .research_search{ padding:0 10px; display:inline-block; background:#f7f7f7; color:#888;} .research_search i{ font-size:14px;} .research_word{ display:inline-block;} .research_word a{ width:18px; line-height:30px; display:inline-block; text-align:center;} .research_word a:hover{ color:#bf2e1b;} .researchType{ float:left;} .researchType a{ font-size:18px; line-height:40px;} .researchType a:hover{ color:#bf2e1b;} .researchType_dl{ float:left;width:350px;} .researchType_dl dt{ line-height:40px; font-size:16px;} .researchType_dl dd a{ display:block; font-size:14px; padding:5px 0;} .researchType_dl dd a:hover{ color:#bf2e1b;} .timeline{ width:5px; height:15px; background:#bf2e1b; overflow:hidden; display:inline-block; margin-right:10px;} .researchNewsList { margin: 0; margin-bottom:10px; padding: 0; list-style:none; } .researchNewsList li{ line-height:25px; margin-bottom:10px; padding:0 0 0 15px;} .researchNewsList li .newsSpan{ float:left; width:80%;} .researchNewsList li a{ text-decoration:none; color:#444; font-size:16px;} .researchNewsList li a:hover{ text-decoration:underline; color:#f60;} .researchNewsList li .time{ float:right; color:#999; width:20%; text-align:right; font-size:12px;} .researchMore { font-size:14px; margin-bottom:30px; margin-left:15px; width:150px; height:35px; line-height:35px; text-align:center; border-radius:4px; color:#fff; background:#1f3351; display:block;} .researchMore:hover{background:#bf2e1b; color:#fff;} #newsMsg{ padding:30px; color:#888; text-align:center;} #eventsMsg{ padding:30px; color:#888; text-align:center;} .icon_re{padding-left:20px; background:url(/images/icon.png) no-repeat left 8px; display:block;} .yearDiv{ font-size:24px; color:#1f3351; line-height:50px;} .yearDiv i{ font-size:24px;} .researchEventsList { margin: 0; margin-bottom:10px; padding: 0 0 0 15px; list-style:none; } .researchEventsList li{ line-height:25px; float:left;} .researchEventsList li a{ text-decoration:none; color:#444; font-size:16px; padding:15px 0 15px 10px;} .researchEventsList li a:hover{ text-decoration:underline; color:#f60;} .eventsType{ width:100%; height:25px; line-height:25px; border:1px solid #ccc; border-radius:5px; text-align:center; font-size:14px; font-weight:bold;} .eventSelect{ position:absolute; right:0; top:10px; width:120px; height:30px; font-size:14px; border-radius:4px; background:#1f3351; color:#fff;} .research_newsTitle{ line-height:40px; color:#fff; padding-left:20px; background:#1f3351;} .researchersList{ margin:0; padding:20px 0 20px 220px; border-bottom:1px solid #ccc; position:relative; min-height:280px;} .researchersList dt{ width:200px; height:250px; overflow:hidden; position:absolute; left:0; top:10px;} .researchersList dd{ padding:0; line-height:180%;} .researchersList dd.researchName{ font-size:18px;} .researchersList dd.researchPosition{ font-size:14px; color:#888;} .researchersList dd.researchIntro{ padding:4px 0; font-size:14px;} .researchersList dd.researchInterests{font-size:14px;} .researchersMore { margin:10px 0; width:120px; height:25px; line-height:25px; font-size:14px; text-align:center; border-radius:4px; border:1px solid #bf2e1b; color:#bf2e1b; display:block;} .researchersMore:hover{background:#bf2e1b; color:#fff;} /*programs列表*/ .dl_programsList{ padding:0; overflow:hidden; transition:500ms; } .dl_programsList dd{ position:relative; height:80px; overflow:hidden; font-size:18px; color:#666; text-align:left; padding-left:70px; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ margin-bottom:10px; border-bottom:1px dotted #ccc; border:1px solid #eee; transition:0.5s; } .dl_programsList dd .icon{ width:60px; height:80px; line-height:80px; display:inline-block; margin-right:10px; background:#152540; text-align:center; overflow:hidden; position:absolute; left:0; top:0px;} .dl_programsList dd .icon i{color:#fff; font-size:32px;} .dl_programsList dd:hover{ background:#ff7200; color:#fff; text-decoration:none;} .dl_programsList:hover dd a:hover{ color:#fff;} .programsMore{ background:#152540; color:#fff; font-size:18px; width:200px; padding:10px; display:block; text-align:center;} #footerIn{ background:#ee7400; text-align:center; text-align:center; padding-top:16px; width:100%; margin:0; margin-top:-1px; } #footerIn .copy{ width:1000px; margin:0 auto; text-align:right; height:80px; font-size:12px; color:#fff; line-height:160%; position:relative;} #footerIn .copy .flogo{ float:left; margin-right:10px;} #footerIn .footer_icon{ position:absolute; right:0; top:0; font-size:14px; color:#fff;} #footerIn .footer_icon a{ height:50px; line-height:50px;} #footerIn .footer_qq{position:absolute; right:110px; top:-2px; } .wxicon{ width:50px; height:50px; line-height:50px; font-size:42px; display:inline-block; color:#fff; font-weight:normal;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;} .wxicon:hover{ text-decoration:none; -webkit-animation-name: pulse; animation-name: pulse; color:#152540;} .weixin{ display:none; position:absolute; left:-40px; bottom:70px; z-index:999; padding:5px; background:#fff; width:120px; height:120px;border-radius:5px;} .weixinDown{ position:absolute; left:50px; bottom:-30px; color:#fff; font-size:15px;} .footerInCon{ width:1200px; margin:0 auto; position:relative; } .footerInConEn{ width:1000px; margin:0 auto; position:relative; padding-left:100px;} .foooter_rlink{ margin:0; padding:0; list-style:none; color:#fff; width:800px; text-align:left; float:right;} .foooter_rlink a{margin:10px; width:150px; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; border:1px solid #fff; border-radius:4px; display:inline-block;} .foooter_rlink a:hover{ background:#fff; color:#ff7200;} .footer_rlink_ehs{ width:240px !important;} .footerIn_tel{ float:left; font-size:12px; line-height:150%; color:#fff; text-align:left; width:360px; margin-left:20px;} .foooter_tel{ text-align:left;} .foooter_tel dt{ width:50px; float:left; height:60px; line-height:40px;} .foooter_tel dt i{ color:#fff; font-size:40px; } .foooter_tel dd { font-size:14px; color:#fff;} .footer_maillist{ margin:10px 0; padding:0; list-style:none;} .footer_maillist li{ width:130px; float:left; text-align:left;} .footer_maillist_en{ margin:10px 0; padding:0; list-style:none;} .footer_maillist_en li{ width:50%; float:left; text-align:left;} .footerIn_tel a{ color:#fff;} .footer_iconIn{ position:absolute; left:60px; bottom:10px; font-size:14px; color:#fff;} .footer_qqIn{position:absolute; left:0; bottom:12px; } /*南宫ngpc28注册历*/ .ui-datepicker-inline{ width:100% !important;} .calendar_left{ width:17%; float:left; text-align:left;} .calendar_todays{ text-align:center; padding:10px; background:#fff; border-radius:5px; border:1px solid #bf2e1b; font-size:16px; font-weight:400; color:#bf2e1b; display:block;} .calendar_todays i{ font-size:16px;} .calendar_todays:hover{ background:#bf2e1b; color:#fff;} .calendar_category{ font-size:16px; font-weight:400; margin:10px 0; margin-top:20px; color:#152540;} .calendar_category_dl{ margin:0; padding:0; list-style:none; overflow:hidden;} .calendar_category_dl dt{ line-height:40px; color:#bf2e1b; font-size:16px; padding:0 ;} .calendar_category_dl dt i{font-size:16px;} .calendar_category_dl dd{ } .calendar_category_dl dd a{ padding:10px 0; display:block; font-size:14px; color:#888; transition:0.3s;} .calendar_category_dl dd a.on{ color:#ff7200;} .calendar_category_dl dd a .dticon{ height:18px; overflow:hidden; margin-bottom:-2px; display:inline-block;transform:rotate(-90deg); font-size:12px; margin-left:7px;} .calendar_category_dl dd a .dticon i{ font-size:12px;} .calendar_category_dl dd a .ddicon{ height:18px; overflow:hidden; margin-bottom:-2px; display:inline-block;} .calendar_category_dl dd a i{ font-size:22px; } .calendar_category_dl dd a:hover{color:#ff7200;} .calendar_right{ text-align:left; width:82%; float:right; position:relative;} .calendar_search{ padding:10px; position:relative; margin-bottom:20px; background:#f7f7f7;} .calendarList_search{ position:absolute; right:0; top:0;} .calendar_input{ line-height:30px; border:1px solid #eee; border-radius:4px; width:200px; text-indent:1em;} .canlendar_search_icon{ width:80px; line-height:30px; background:#bf2e1b; color:#fff; border:none;border-radius:4px;} .calendar_view{ position:absolute; right:0; top:10px; height:30px; line-height:30px; background:#152540; color:#fff; border-radius:4px; padding:0 10px;} .layui-layer-content{ padding:10px !important; line-height:200%; font-size:14px;} .cspan{ font-weight:bold; width:120px; color:#152540; display:inline-block;} .calendarTitle{ padding:10px; background:#bf2e1b; color:#fff; margin-bottom:10px; font-size:16px; font-weight:500;} .fc-event-time{ display:block;} .calendarSearchList{ padding:10px 0; border-bottom:1px dotted #ccc; line-height:200%;} .ul_calendar_search{ width:40%; float:left; margin:0; padding:0; list-style:none;} .ul_calendar_search li{ font-size:12px;} .cspan1{ font-weight:bold; width:120px; color:#152540; display:inline-block;} .calendar_search_right{ width:59%; float:right;} .yearDropdown{ position:absolute; right:10px; top:10px; z-index:99; width:120px;line-height:30px; height:30px; } .calendarlist{ border-bottom:1px solid #eee; padding:20px; display:block;} .calendarlist:hover{ box-shadow:0 0 5px #ccc;} .calendarlist_l{ width:20%; float:left;} .calendarlist_r{ width:78%; float:right;} .calendarlist_type{ background:#eee; color:#000; text-align:center; font-size:18px; font-weight:300; border-radius:4px; height:120px;display: flex; align-items: center; justify-content: center; overflow:hidden; } .calendarlist_title{font-size:20px; font-weight:400; margin-bottom:10px; color:#000; } .calendarlist_d{ font-size:14px; padding:3px 0;} .calendarlist_d i{ font-size:14px;} .calendarlist_time{ font-size:14px; font-weight:400; color:#ec81a2;} .calendarlist_time i{ font-size:14px;} .calendarDetail{ padding:20px; text-align:left;} .calendarDetailTitle{ font-size:24px; font-weight:400; color:#bf2e1b;} .calendarDetail_ul{ margin:20px auto; list-style:none; padding:10px; background:#f7f7f7; border-radius:4px; } .calendarDetail_ul li{ font-size:14px; border-bottom:1px solid #eee; padding:10px 0; text-align:left;} .calendarDetail_span{width:120px; color:#777; display:inline-block; text-align:right; padding-right:10px;} .calendarDetail_span i{ font-size:14px;} .calendarDetail_abstract{ font-size:24px; font-weight:400; line-height:45px;} .calendarDetail_intro{ line-height:180%;} .gradient--4 { --gradient-start: #6CACFF; --gradient-start-text: '#6CACFF'; --gradient-end: #8DEBFF; --gradient-end-text: '#8DEBFF'; } .gradient--6 { --gradient-start: #A16BFE; --gradient-start-text: '#A16BFE'; --gradient-end: #DEB0DF; --gradient-end-text: '#DEB0DF'; } .gradient--2 { --gradient-start: #99E5A2; --gradient-start-text: '#99E5A2'; --gradient-end: #D4FC78; --gradient-end-text: '#D4FC78'; } .gradient--8 { --gradient-start: #F78FAD; --gradient-start-text: '#F78FAD'; --gradient-end: #FDEB82; --gradient-end-text: '#FDEB82'; } .gradient--12 { --gradient-start: #F5CCF6; --gradient-start-text: '#F5CCF6'; --gradient-end: #F1EEF9; --gradient-end-text: '#F1EEF9'; } .gradient--1 { --gradient-start: #41C7AF; --gradient-start-text: '#41C7AF'; --gradient-end: #54E38E; --gradient-end-text: '#54E38E'; } .gradient { color:#fff; display: inline-block; height: 125px; width: 100%; background: linear-gradient(33deg, var(--gradient-start), var(--gradient-end)); border-radius: 4px; box-shadow: 0 5px 10px #0002; display: flex; align-items: center; justify-content: center; overflow:hidden; } .calendar_type10{ background:#cee2f9; color:#000;} /* 首页南宫ngpc28注册历css */ .txtScroll-top{ overflow:hidden; position:relative; } .txtScroll-top .hd{ } .txtScroll-top .hd a i{ font-size:24px; } .txtScroll-top .hd .prev,.txtScroll-top .hd .next{ text-align:center; color:#000; display:block; width:24px; height:18px; cursor:pointer; position:absolute; right:30px; top:2px; transition:0.3s;} .txtScroll-top .hd .next{ right:0; top:0; } .txtScroll-top .hd .prev:hover,.txtScroll-top .hd .next:hover{ text-decoration:none; color:#bf2e1b; } .panel{ padding:0 10px; background:#fff; border:1px solid #02458d; color:#02458d; border-radius:20px; font-size:14px; font-weight:normal;} .companyCeo{ line-height:30px; font-size:12px; color:#777; font-weight:normal; padding-left:5px;} .companyCeo span{ font-size:14px; color:#333; width:100px;} .txtScroll-top .bd{ padding:10px 0 0 0 ; } .txtScroll-top .infoList li{} .txtScroll-top .infoList li a:hover{ color:#bf2e1b;} .txtScroll-top .infoList li .startTime{ color:#888; font-size:12px; padding:2px 10px; background:#f7f7f7; border-radius:20px; display:initial;} .txtScroll-top .infoList li .startTime i{ font-size:12px;} .txtScroll-top .infoList li .icalendarTitle{ font-size:14px; padding:5px 0 10px 10px; line-height:150%; height:70px; overflow:hidden;} .calendarMore{ width:100px; text-align:center; line-height:20px; font-size:12px; background:#ff7200; color:#fff; display:block; transition:0.3s;} .calendarMore:hover{font-size:14px; width:160px;} .fc-event{ background:none !important; color:#777;padding-left:10px;} .fc-event:hover{ color:#000;} .calendar_down{ padding:5px; border:1px solid #eee; font-size:14px; display:block; background:#f7f7f7; border-radius:5px; line-height:25px; margin-top:30px;} .calendar_down i{ float:left; height:40px; width:25px;} /*南宫ngpc28注册历圆点颜色*/ .typeColor1{color:#1cb1fa; font-size:18px;} .typeColor2{color:#176c79; font-size:18px;} .typeColor3{color:#17791d; font-size:18px;} .typeColor4{color:#df00bc; font-size:18px;} .typeColor5{color:#b8000e; font-size:18px;} .typeColor6{color:#ec5431; font-size:18px;} .typeColor7{color:#f5a53b; font-size:18px;} .typeColor8{color:#2e3384; font-size:18px;} .typeColor9{color:#27d100; font-size:18px;} .typeColor10{color:#1c7ae3; font-size:18px;} .typeColor11{color:#50064c; font-size:18px;} .typeColor12{color:#dc1e61; font-size:18px;} .typeColor13{color:#1edc78; font-size:18px;} .typeColor14{color:#89dc1e; font-size:18px;} .typeColor15{color:#1edc5d; font-size:18px;} .calendarStyle1::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#1cb1fa; } .calendarStyle2::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#176c79; } .calendarStyle3::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#17791d; } .calendarStyle4::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#df00bc; } .calendarStyle5::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#b8000e; } .calendarStyle6::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#ec5431; } .calendarStyle7::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#f5a53b; } .calendarStyle8::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#2e3384 !important; } .calendarStyle9::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#27d100; } .calendarStyle10::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#1c7ae3; } .calendarStyle11::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#50064c; } .calendarStyle12::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#dc1e61; } .calendarStyle13::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#1edc78; } .calendarStyle14::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#89dc1e; } .calendarStyle15::before{ content:"\e764"; position:absolute; left:-5px; top:-2px; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color:#1edc5d; } /*首页新闻*/ .sconewsCon{padding: 20px 10px;} .indexNews{ margin:0; padding:0; list-style:none;} .indexNews li{ width:33.3%; float:left;} .indexNews li a { padding:20px; display:block;} .indexNews li a:hover{ background:#f7f7f7;} .indexNews_Title{ font-size:16px; font-weight:700; height:45px; display: -webkit-flex; /* Safari */ display: flex; align-items: center; text-align:left;} .indexNews_Title_en{ font-size:16px; font-weight:700; height:45px; padding:5px 0; overflow:hidden;} .indexNews_img{display: flex; align-items: center; justify-content: center; min-height:260px; overflow:hidden;} .indexNews_desc{ font-size:14px; color:#777; line-height:180%;} .indexNews_time{ font-size:14px; color:#999; padding:10px 0;} .indexNews_time i{ font-size:14px;} .indexNews_more{ width:340px; height:50px; line-height:50px; text-align:center; background:#98b8e1; color:#fff; display:block;transition:all 0.5s; font-size:18px; margin:0 auto; z-index:99; position:relative;} .indexNews_more:hover{ background:#ee7200; font-size:22px;} .indexNews_more_line{ height:1px; overflow:hidden; width:100%; position:absolute; left:0; top:30px; background:#eee; z-index:0;} /*首页教学科研*/ .index_title{ font-size:24px; color:#ff7200; text-align:center; margin:10px auto;} .index_line{ height:2px; overflow:hidden; background:#ccc; width:40px; margin:10px auto; } .index_title_desc{ font-size:16px; color:#888; font-weight:normal; text-align:center;margin:20px auto;} .index_academic{ position:relative; height:500px; margin:40px auto;} .index_academic_img{ width:830px; height:500px; overflow:hidden;} .index_school_img{ width:830px; height:500px; overflow:hidden; float:right;} .index_academic_ul{ margin:0; padding:20px; list-style:none; width:330px; height:520px; background:#fff; position:absolute; right:0; top:-10px;} .index_academic_ul li{ height:70px; line-height:70px; border-bottom:1px solid #eee;} .index_academic_ul li a{ font-size:16px; display:block; transition:0.3s;} .index_academic_ul li i{ font-size:16px; float:right; color:#999;} .index_academic_ul li a:hover{ color:#ff7200; font-size:18px;} .index_academic_ul li a:hover i{ color:#ff7200; font-size:18px;} .index_school_ul{ margin:0; padding:20px; list-style:none; width:330px; height:520px; background:#f7f7f7; position:absolute; left:0; top:-10px;} .index_school_ul li{ height:55px; line-height:55px; border-bottom:1px solid #e0e0e0;} .index_school_ul li a{ font-size:16px; display:block; transition:0.3s;} .index_school_ul li i{ font-size:16px; float:right; color:#999;} .index_school_ul li a:hover{ color:#ff7200; font-size:18px;} .index_school_ul li a:hover i{ color:#ff7200; font-size:18px;} .index_school_ul_en{ margin:0; padding:20px; list-style:none; width:330px; height:530px; background:#f7f7f7; position:absolute; left:0; top:-10px;} .index_school_ul_en li{ height:80px; line-height:80px; border-bottom:1px solid #e0e0e0;} .index_school_ul_en li a{ font-size:16px; display:block; transition:0.3s;} .index_school_ul_en li i{ font-size:16px; float:right; color:#999;} .index_school_ul_en li a:hover{ color:#ff7200; font-size:18px;} .index_school_ul_en li a:hover i{ color:#ff7200; font-size:18px;} /*首页招生*/ .index_admission_title{ font-size:24px; color:#ff7200; text-align:left; height:50px; } .index_admission_link{ position:absolute; right:20px; top:15px;} .index_admission_link a{ padding:10px; border:1px solid #eee; border-radius:4px; display:inline-block; margin-left:10px; background:#f7f7f7;} .index_admission_link a:hover{ background:#ff7200; color:#fff;} .index_admission_ul{ margin:0; padding:0; list-style:none;} .index_admission_ul li{width:25%; float:left; } .index_admission_ul li a{ padding:0 10px 10px 10px; border:1px solid #eee; border-radius:4px; display:block; margin:10px; box-shadow:0 0 2px #ccc; transition:0.3s; min-height:150px;} .index_admission_ul_time{ width:70px; height:80px; background:#98b8e1; text-align:center; color:#fff; margin-bottom:10px; transition:0.3s;} .index_admission_ul_time p{ padding:10px 0; font-size:14px;} .index_admission_ul_time h3{ font-size:34px;} .index_admission_ul_title{ font-size:16px; font-weight:500; line-height:150%; transition:0.3s;} .index_admission_ul li a:hover .index_admission_ul_time{ background:#ff7200;} .index_admission_ul li a:hover .index_admission_ul_title{ color:#ff7200; } .index_admission{ width:250px; float:right;} .index_admission_list li{ margin-bottom:20px;} .index_admission_list li a{ border:1px solid #eee; border-radius:4px; display:block; background:#f7f7f7; height:80px; line-height:80px; text-align:center; font-size:18px;} .index_admission_list li a:hover{ font-size:22px; color:#ff7200; border:1px solid #ff7200;} /*首页南宫ngpc28注册园参观*/ .index_visit_con{padding: 20px; position: relative; margin-bottom: 30px;} .index_visit{ width:100%;} .index_visit_ul{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:30px} .index_visit_ul li{ width:49%; position:relative; height:220px; overflow:hidden; border-radius:10px; box-shadow:0 0 5px #ccc; border:1px solid #eee; transition:0.3s; background:#000} .index_visit_ul li:hover{box-shadow:0 0 10px #f60; } .index_visit_ul li img{ width:100%; opacity:0.5; transition:0.3s; z-index:0; } .index_visit_ul li:hover img{opacity:0.7;} .index_visit_ul_l1{ margin-right:20px;} .index_visit_more{ position:absolute; left:0; bottom:0; text-align:center; color:#fff; width:100%; line-height:220px; font-size:18px; z-index:20} .index_visit_more:hover{ font-size:24px;} .index_visit_more_en{ position:absolute; left:0; bottom:0; text-align:center; color:#fff; width:100%; line-height:220px; font-size:18px;z-index:20} .index_visit_more_en:hover{ font-size:24px;} /*视频*/ .videoList{ margin:0; padding:0; list-style:none;} .videoList li{ width:33.3%; float:left;} .videoList li a { padding:20px; display:block;} .videoList li a:hover{ background:#f7f7f7;} .videoList_img{position:relative; height:200px; display:flex;align-items:center;justify-content:center; background:#f60; overflow:hidden;} .videoList_img img{ width:100%;} .videoList_png { position: absolute; left: 0; bottom:0;} .videoList_time{ padding:5px 0; font-size:12px; color:#999;} .videoList_time i{ font-size:12px; color:#999;} .videoList_Title{ font-size:16px; font-weight:700; height:60px; padding:10px 0; line-height:150%;} .videoList li a:hover .videoList_Title{ color:#ff7200;} .videoYears{ text-align:right;} .videoYears a{ padding:0 10px; margin-left:1px; background:#eee; color:#888; font-size:14px; height:30px; line-height:30px; display:inline-block;} .videoYears a:hover{ background:#ff7200; color:#fff;} .videoYears a.on{ background:#ff7200; color:#fff;} .videoYears_all{ background:#152540 !important; color:#fff!important;} /*南宫ngpc28注册园预约*/ .div_visit{ width:500px; display:inline-block; text-align:center; position:relative;} .visit_con{ color:#fff; width:100%; text-align:center; position:absolute; left:0; top:100px;} .div_visit_title{ color:#fff; font-size:34px; font-weight:500;} .visit_img{ background:#000; } .visit_img img{ width:100%; display:block;} .visit_more{ margin:50px auto; width:200px; height:40px; line-height:40px; font-size:16px; text-align:center; border-radius:5px; color:#fff; border:1px solid #fff; display:block; transition:0.3s;} .visit_more:hover{ background:#f60; color:#fff; font-size:18px; } .reservaMore{ position:absolute; right:0; top:0; width:120px; font-size:16px; font-weight:normal; border:1px solid #bf2e1b; height:35px; line-height:35px; text-align:center; border-radius:4px; } .reservaMore:hover{ background:#bf2e1b; color:#fff; font-size:18px; } .reservationForm{} .reservationForm p{ display:block; width:100%; margin-bottom:10px;} .reservationForm input{ height:30px; line-height:30px; border-radius:4px; border:1px solid #ccc; text-indent:5px;} .reservationForm_visitSole{ height:30px; line-height:30px;} .reservationForm_radio{ height:30px; line-height:30px; display:inline-block;} .reservationForm_radio label{ width:40px; display:inline-block;} .isSciInput{vertical-align:middle; margin-top:-2px; margin-bottom:1px;} .reservationForm .reservationForm_left{ width:150px; display:inline-block; text-align:right; padding-right:10px;} .reservationForm .reservationForm_left_en{ width:230px; display:inline-block; text-align:right; padding-right:10px;} .reservationForm_tips{ font-size:12px; color:#c00; padding-left:5px;} .button2{ height:40px !important; line-height:40px !important; background: #21b9d8; color: #FFF; box-shadow: 1px 1px 5px #B6B6B6; border-radius: 3px; text-shadow: 1px 1px 1px #9E3F3F; cursor: pointer; border: none; padding: 0 25px 0 25px;} .reservationTitle{padding:10px; background:#ff7200; color:#fff; margin-bottom:0; font-size:16px; font-weight:500; text-align:center;} .select_timeSole{ border-bottom:1px solid #eee; background:#f7f7f7; padding-top:10px;} .select_timeSole_r{ float:right; text-align:left;} #city{display:inline} #city select{border-radius:3px; margin-right:10px; height:30px; line-height:30px; } .prov{} .fc-day-header{ background:#f60; padding:10px !important; color:#fff;} .layui-layer-gtiit{} .layui-layer-gtiit .layui-layer-content{ padding:0 !important;} .layui-layer-gtiit .layui-layer-close2{ right:10px !important; top:-5px !important;} .reservation_upfile{ position:relative; display:inline-block;width:50px !important; height:50px !important; line-height:50px; border-radius:4px; border:1px solid #ccc; text-align:center; margin-right:10px;} .reservation_upfile i{ font-size:20px; color:#ccc;} .reservation_upfile_input{position: absolute; top: 0; bottom: 0; left: 0;right: 0; opacity: 0; width:50px !important; height:50px !important;} .reservation_upfile_tips{font-size:12px; padding-left:150px; color:#999;} .item-close{position:absolute; top:0; right:0; z-index:100; width:20px; height:20px; line-height:20px; border-radius:20px; background:#f60;transform:rotate(45deg);} .item-close i{ font-size:10px; color:#fff;} .gallery-item img{ height:50px;} /*车牌*/ .che_tit{ text-align:center; padding:20px;} .ul_pro{ background-color:#CED3D9; text-align:center; padding:4px 2px; font-size:14px;} .ul_pro li{ float:left; width:11.11%; padding:2px;box-sizing: border-box;} .ul_pro .li_close{ float:right; width:22.22%;} .ul_pro .li_close span{ background-color:#ACB3BB;} .ul_pro .li_clean{ float:right; width:22.22%;} .ul_pro li span{ display:block;cursor:pointer; background-color:#fff; border-radius:4px; box-shadow: 2px 2px 2px #888888; /* max-width:48px; margin:0 auto; */ line-height:32px; padding-top:2px; } .ul_pro li span:active{ background-color:#4DA9F2; color:#fff;} .car_left{ width:150px; float:left; text-align:right; padding-right:10px;} .changeCarNumDiv{padding-left:150px; line-height:30px;} .changeCarNum{ color:#ff7200; cursor:pointer; } .changeCarNumDiv i{ font-size:12px;} .ul_input{ padding:0;width:350px; float:left;} .ul_input li{ float:left; width:10%; padding:2px;text-align:center; } .ul_input li span{ display:block; background-color:#fff; border:1px solid #ccc; border-radius:4px; width:30px; margin:0 auto; height:30px; line-height:30px; } .ul_keybord{ background-color:#CED3D9; text-align:center; padding:4px 2px; font-size:14px;} .ul_keybord li{ float:left; width:10%; padding:2px;box-sizing: border-box;} .ul_keybord .ikey20{ margin-left:5%;} .ul_keybord .li_w{ width:11.11%; } .ul_keybord .li_close{ float:right; width:22.22%;} .ul_keybord .li_close span{ background-color:#ACB3BB;} .ul_keybord .li_clean{ float:right; width:22.22%;} .ul_keybord li span{ display:block; cursor:pointer; background-color:#fff; border-radius:4px; box-shadow: 2px 2px 2px #888888; /* max-width:48px; margin:0 auto; */ line-height:32px; padding-top:2px; } .ul_keybord li span:active{ background-color:#4DA9F2; color:#fff;} .layui-layer-page{ width:100%;} .layui-layer-close2{ display:none !important;} .layui-layer-car{ background:none !important; box-shadow:none !important;} #car_parent{ position:relative; height:210px; width:100%; display:none; } /*预约弹出窗*/ .bgPop{ display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); } .pop { display:none; width: 600px; height:80%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1000; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 18px rgba(100, 0, 0, .5); overflow-y:scroll;} .pop-top{ height:40px; width:100%; position:absolute; right:10px; top:10px; color:#fff; } .pop-top h2{ float: left; display:black} .pop-top span{ float: right; cursor: pointer; font-weight: bold; display:black} .pop-foot{ height:50px; line-height:50px; width:100%; border-top: 1px #E5E5E5 solid; text-align: right; } .pop-cancel, .pop-ok { padding:8px 15px; margin:15px 5px; border: none; border-radius: 5px; background-color: #337AB7; color: #fff; cursor:pointer; } .pop-cancel { background-color: #FFF; border:1px #CECECE solid; color: #000; } .pop-content{ height: 380px; } .pop-content-left{ float: left; } .pop-content-right{ width:310px; float: left; padding-top:20px; padding-left:20px; font-size: 16px; line-height:35px; } /*南宫ngpc28注册园南宫ngpc28注册*/ .r-activity-con{ width:50%; float:left;} .r-activity{ margin:0 20px;border:1px solid #ccc; box-shadow:0 0 5px #eee; text-align:left; border-radius:5px; overflow:hidden;} .r-activity-title{ padding:15px; font-size:18px; font-weight:500; padding-bottom:20px; height:100px; line-height:200%; } .r-activity-signtime{ background:#70beeb; border-radius:0 5px 0 0; color:#fff; font-size:14px; padding:0 15px; height:30px; line-height:30px; display:inline-block; } .r-activity-title-en{ padding:15px; font-size:18px; font-weight:500; padding-bottom:20px; height:100px; line-height:200%; border-bottom:1px solid #eee;} .r-activity-desc{ font-size:14px; color:#333; padding:15px; line-height:150%;border-top:1px solid #eee;} .r-activity-desc i{ font-size:12px;} .r-activity-link{ height:40px; line-height:40px; background:#eee; text-align:center; margin:0 auto; display:block; } .r-activity-link:hover{ background:#f60; color:#fff; font-size:18px;} .activityGuid{ height:45px; line-height:45px; font-size:14px; text-align:left; border-bottom:1px solid #eee; border-top:1px solid #eee; margin-top:10px;} .activityGuid li{ float:left; padding-right:30px;} .activityGuid i{ font-size:14px;} .activity_l{width: 67%; float: left; text-align:left;} .activity_r{width: 30%; float: right; text-align:left;} .enrollForm{ line-height:200%; background:#f7f7f7; padding:20px; border-radius:5px;} .enrollForm h3{ padding-bottom:10px; border-bottom:1px solid #ccc;} .enrollForm p{ margin-bottom:10px;} .enrollInput{ height:30px; line-height:30px; border:1px solid #ccc; border-radius:4px; text-indent:4px; font-size:14px; width:100%;} .enrollSubmit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; background:#ee7200; color:#fff; border-radius:4px; border:none;} .channel_forsign{padding: 10px; width: 1280px; min-height:initial !important;} .forsignin{height: auto; text-align: left; background: url(/images/for/forstaffbg.png) no-repeat center bottom; background-size: initial;position:relative;} .signTitle{ font-size:34px; padding:20px; font-weight:500; color:#ee7200;} .signFormbg{ padding:50px 0;} .signFormDiv{ width:540px; margin:0 auto; background:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; padding:20px; border-top:8px solid #ee7200;} .signFormControl{ margin-bottom:10px; padding:5px 0;} .signForm_l{ width:140px; float:left; text-align:right; padding-right:10px;} .signForm_r{ float:left; text-align:left;} .signForm_upfile_tips{ font-size:12px; color:#999; } .signInput{ height:30px; line-height:30px; text-indent:2px; font-size:14px; border-radius:4px; border:1px solid #ccc;} .signInputNum{ height:30px; line-height:30px; text-indent:2px; font-size:16px; border-radius:4px; border:1px solid #ccc; width:50px;} .signSubmit{ width:100%; height:40px; line-height:40px; text-align:center; background:#ee7200; font-size:18px; border-radius:4px; border:none; color:#fff; cursor:pointer; margin-bottom:10px;} .form-required{ color:#bf2e1b;} /*掌上南宫ngpc28注册园*/ .index_campus360_con{padding: 20px; border-bottom: 1px solid #eee;} .index_campus360{ width:100%; overflow:hidden; height:236px; transition: all 0.6s; position:relative;} .index_campus360 img{transition: all 0.6s; opacity:1;} .index_campus360:hover img{transform: scale(1.2);transition: all 0.6s;} .index_campus360_title{ font-size:32px; color:#fff; position:absolute;top: 50%; transform: translateY(-50%); width:100%; text-align:center; z-index:999; text-shadow:3px 3px 2px #333;} /*本科入学*/ .faqCon{ padding:10px;} .accordion { width: 100%; background: #FFF; list-style:none; } .accordion .link { cursor: pointer; display: block; padding: 10px 30px 10px 20px; color: #4D4D4D; font-size: 16px; font-weight:500; border: 1px solid #ccc; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li{ cursor: pointer; margin-bottom:20px; } .accordion li i { position: absolute; top: 12px; right: 15px; font-size: 16px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-weight:500; } .accordion li i.fa-chevron-down { top:10px; right: 20px; left: auto; font-size: 40px; font-weight:300; color:#888; } .accordion li.open .link { color: #f60; border: 1px solid #f60; } .accordion li.open i { color: #f60; } .accordion li.open i.fa-chevron-down { color: #fb002a; } .submenu_faq { display: none; background: #fff; font-size: 16px; padding:20px; border:1px solid #fb002a; border-top:none; } .submenu_faq li { border-bottom: 1px solid #d6d7dc; } .submenu_faq a { } .submenu_faq a:hover ,.submenu_faq li.current a{ background: #f39800; color: #FFF; } /*媒体报道*/ .selmedium{ padding:20px; border:1px solid #eee; background:#f7f7f7; position:relative;} .selmedium_ul{ margin:0; padding:0; list-style:none;} .selmedium_ul li{ width:20%; float:left;} .selmedium_ul li a{ font-size:14px; padding:5px 0; display:block;} .selmedium_ul li a:hover{ color:#f60;} .selmedium_ul li a.on{ font-weight:bold; color:#f60;} #foldin{ border-radius:0 0 5px 5px; width:80px; height:20px; background:#fff; margin:0 auto; display:block; text-align:center; position:absolute; left:50%; bottom:-1px; margin-left:-40px;-ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */} #foldin i{ font-size:12px; transform:rotate(180deg); } .tbl-overflowx{ width:100%; overflow-x:scroll;} .channel{ width:80%; margin:0 auto; background:#fff url(/images/footerbg.jpg) no-repeat center bottom; min-height:800px;} .channel_in{ padding:40px;} .channel_i{ width:1200px; margin:0 auto; background:#fff url(/images/footerbg.jpg) no-repeat center bottom; min-height:800px;} .channel_forstu{padding: 10px; width: 1280px; min-height:initial !important;} .panel-control-left{ display:none} /*全站搜索*/ .siteSearchCon{width:100%; margin:0 auto; background:#fff;height:135px; box-shadow:0 0 5px #ccc; border-bottom:1px solid #eee;position:fixed; left:0; top:0;} .siteSearchHead{ width:1000px; margin:0 auto; height:135px; position:relative; overflow:hidden; } .siteSearchHead_list{width:1200px; margin:0 auto; height:135px; position:relative; overflow:hidden;} #sitelogo{ float:left; width:424px;} #sitelogo img{ width:100%; display:block;} #sitelogo a{ display:block; height:128px;z-index:666;} .siteSearch_ul_con{ position:absolute; right:0; bottom:0; background:#f7f7f7; padding:0 10px; border-radius:8px 8px 0 0;} .siteSearch_ul_con_in{ position:absolute; right:0; top:0; background:#f7f7f7; padding:0 10px; border-radius:0 0 8px 8px;} .siteSearch_ul{ list-style:none;} .siteSearch_ul li{ float:left;height:40px; line-height:40px;font-size:16px; color:#999; padding:2px; } .siteSearch_ul li a{ height:40px; line-height:40px; display:block; font-size:14px; padding:0 15px;} .siteSearch_ul li a:hover{ background:#ee7200; color:#fff;} .siteBody{ width:100%;height:100%;display:flex;justify-content: center;align-items: center; background: #fff; z-index:0;} .siteBodyIn{width:1000px;height:300px;background: #fff; text-align:center;} .siteBody_t1{ font-size:34px; font-weight:600; color:#ee7200; margin-bottom:20px;} .siteBody_t2{ font-size:20px; font-weight:300; color:#666;margin-bottom:20px;} .siteSearch{ width:500px; margin:30px auto; border-radius:8px; background:#ee7200; padding:8px; text-align:left;} .siteSearch_input{ height:50px; line-height:50px; background:#fff; border:none; width:440px; border-radius:4px; font-size:18px; text-indent:2em; display:inline-block;} .siteSearch_icon{ width:30px; line-height:50px; text-align:center; display:inline-block; cursor:pointer;} .siteSearch_icon i{ font-size:24px; color:#fff;} .siteSearch_in{ width:500px; border-radius:8px; background:#ee7200; padding:4px; text-align:left; position:absolute; right:0; bottom:20px; } .siteSearch_input_in{ height:50px; line-height:50px; background:#fff; border:none; width:440px; border-radius:4px; font-size:18px; text-indent:2em; display:inline-block;} .siteSearch_icon_in{ width:30px; line-height:45px; text-align:center; display:inline-block; cursor:pointer;} .siteSearch_icon_in i{ font-size:24px; color:#fff;} .siteSearch_in_fix{ width:250px; border-radius:4px; background:#ee7200; padding:4px; text-align:left; position:absolute; right:0; top:5px; display:none; z-index:999;} .siteSearch_input_in_fix{ height:35px; line-height:35px; background:#fff; border:none; width:200px; border-radius:4px; font-size:16px; text-indent:4px; display:inline-block;} .siteSearch_icon_in_fix{ width:30px; line-height:30px; text-align:center; display:inline-block; cursor:pointer;} .siteSearch_icon_in_fix i{ font-size:24px; color:#fff;} .siteSearch_nav{width:100%; background:#f7f7f7;height:52px; } .siteSearch_nav_con{ width:1200px; position:relative; margin:0 auto;} .siteSearch_nav_ul{ width:1200px; margin:0 auto;} .siteSearch_nav_ul li{ float:left; padding:0 30px;} .siteSearch_nav_ul li a{ height:55px; line-height:55px; display:block; border-bottom:5px solid #f7f7f7; font-size:18px;} .siteSearch_nav_ul li a.on{ border-bottom:5px solid #ee7200;} .sitesearch_l{ width:900px; float:left} .sitesearch_r{ width:250px; float:right; margin-top:30px;} .sitesearch_r_t{ font-size:16px; font-weight:300; color:#000; background:#eee; padding:10px;} .sitesearch_r_ul{ list-style:0; padding:10px; border:1px solid #eee;} .sitesearch_r_ul li{ padding:10px; border-bottom:1px solid #eee;} .sitesearch_r_ul li a{ font-size:14px;} .sitesearch_r_ul li a:hover{ color:#ff7200;} .sitesearch_r_ul li a i{ font-size:14px;} .swiper1 {width: 100%;} .swiper1 .selected {color: #ee7200;border-bottom:5px solid #ee7200; background:none;} .swiper1 .swiper-slide { text-align: center; font-size: 16px; height: 50px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; background:none; } /*搜索类型颜色*/ .siteType{ position:absolute; right:10px; top:20px; padding:2px 10px; font-size:14px; background:#ff9000; color:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; } .siteType2{ position:absolute; right:0; top:10px; padding:2px 10px; font-size:14px; background:#3ed2ad; color:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; } .siteTypeAdmissions{ position:absolute; right:0; top:10px; padding:2px 10px; font-size:14px; background:#82c5eb; color:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; } .siteTypeStaff{ position:absolute; right:0; top:10px; padding:2px 10px; font-size:14px; background:#70ddb5; color:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; } .siteTypeOther{ position:absolute; right:0; top:10px; padding:2px 10px; font-size:14px; background:#666; color:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; } .siteTypeLabs{ position:absolute; right:0; top:10px; padding:2px 10px; font-size:14px; background:#16ca56; color:#fff; border-radius:4px; box-shadow:0 0 5px #ccc; } .siteImgNews{ padding:20px; border-bottom:1px solid #eee; position:relative;} .siteImgNews:hover{ box-shadow:0 0 5px #ccc;} .siteImgNews_time{ width:50px; float:left; height:50px; border:1px solid #6b85ff; margin-right:20px; text-align:center; border-radius:4px;} .siteImgNews_time h2{ font-size:24px; font-weight:500; color:#6b85ff; line-height:30px; } .siteImgNews_time h3{ font-size:12px; font-weight:300; color:#111;} .siteImgNews_timeMob{ display:none;} .siteImgNews_img{ width:300px; float:left; margin-right:20px;} .siteImgNews_img img{ width:100%;} .siteImgNews_list{ width:440px; float:left; } .siteImgNews_t{ font-size:18px; font-weight:500; color:#000; margin-bottom:10px; padding-right:70px; } .siteImgNews_desc{ font-size:14px; color:#666; line-height:150%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;} .siteImgNews_more{ padding:2px 10px; width:80px; font-size:14px; border:1px solid #ee7200; color:#ee7200; display:inline-block; border-radius:4px;} .siteImgNews_more i{ font-size:12px;} .siteImgNews_more:hover{ background:#ee7200; color:#fff; width:100px;} .siteSearchList{ width:1200px; margin:0 auto;} .siteSearch_key{ padding:20px; border-bottom:1px solid #eee; } .siteSearch_key_t{ font-size:18px; font-weight:400; color:#999;} /*搜索文字列表*/ .siteSearchRecruit{padding:20px 10px 20px 20px; border-bottom:1px solid #eee;} .siteSearchRecruit:hover{ box-shadow:0 0 5px #ccc;} .siteSearchRecruit_list{padding:0; position:relative; overflow:hidden; transition:500ms; height:50px; } .siteSearchRecruit_list .dltime{ width:50px; float:left; height:50px; border:1px solid #6b85ff; text-align:center; border-radius:4px; margin-right:20px;} .siteSearchRecruit_list .dltime h2{ font-size:24px; font-weight:500; color:#6b85ff; line-height:30px; } .siteSearchRecruit_list .dltime h3{ font-size:12px; font-weight:300; color:#111;} .siteSearchRecruit_list .dltime .dltubiao{ height:50px; line-height:50px;} .siteSearchRecruit_list .dltime .dltubiao i{ color:#666; font-size:30px} .siteSearchRecruit_list .siteSearchRecruit_list_tit{ position:relative; height:50px; overflow:hidden; font-size:18px; color:#000; font-weight:500; text-align:left; padding-right:120px; display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .siteSearchRecruit_list:hover .siteSearchRecruit_list_tit{ color:#ee7200;} .siteSearchNonews{ width:300px; line-height:300px; text-align:center; margin:0 auto; display:block; font-size:24px; color:#999;} .siteNum{ color:#ff7200 !important;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; }