body{ background-color:#ededed; } img{ border:none !important; outline: none; } .clearboth:after{ clear: both; content: '.'; display: block; width: 0; height: 0; overflow: hidden; } .header-logo_box .header_contact{ display:inline-block; float: right; text-align: center; text-decoration: none; font-size: 14px; height: 24px; padding: 8px 24px 8px 30px; line-height: 24px; color: #ffffff; font-family: "NSimSun"; position: relative; } .header_contact:hover{ color: #ff8468 } .headericon{ background:url(/Uploads/commonimage/headericon.png) no-repeat; display:inline-block; position: absolute; left: 0px } .qq{height:24px;width:23px;background-position:0 0;} .phone{height:24px;width:23px;background-position:-23px 0;} .header{ width:100%; } #topbar-breaker-hr { height: 3px; border: none; background-color: #7d95c1; } .header_nav{ background: #ffffff; margin:0 auto; width: 1260px; border-radius: 5px; } .header_nav .MDY_logo{ float: left; width: 236px; height:102px; display: block; } .header_nav>ul{ display: flex; padding: 10px 0; justify-content: space-around; } .header_nav .sub_nav_ul{ width: 80%; display: inline-flex; flex-wrap: wrap; /*justify-content:space-evenly;*/ } .header_nav .sub_nav_ul li{ cursor: pointer; margin-right: 0.6rem; line-height: 24px; } .header_nav li.nav_grid{ display: flex; } .header_nav li.nav_grid:nth-child(1){ width : 17%; } .header_nav li.nav_grid:nth-child(3){ width : 13%; } .header_nav li.nav_grid:nth-child(5){ width : 20%; } .header_nav li.nav_grid:nth-child(7){ width : 15%; } .header_nav li.nav_grid:nth-child(9){ width : 17%; } .header_nav .sub_nav_ul li a{ font-size:0.95rem; color: #555; } .header_nav .sub_nav_ul li a:hover{ color:#ff8468; } .header_nav li a.nav_main_title{ display:inline-block; color: #0094d4; font-family: "Microsoft YaHei"; padding: 0 12px; width: 1rem; font-size: 1.2rem; } .verticalLine { border-left: thin solid #dccaca; } #topbar-division { height: 1px; border: none; background-color: #dccaca; width: 100%; margin: 0; } /*杞挱*/ .Carousel_box{ position: relative; } .Carousel_box_pic{ height: 438px; position: relative; overflow: hidden; } .Carousel_box_pic>li{ position: absolute; display: none; width: 100%; height: 100% } .Carousel_box_pic>li:first-child{ display: block; } .Carousel_box .ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;} .Carousel_box .ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);} .Carousel_box .ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;} .Carousel_box .ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; cursor: pointer;} .Carousel_box .ck-slidebox ul li.current em { background-color: #fe6500;} .Carousel_box .ck-slidebox ul li em:hover { background-color: #fe6500;} /*杞挱*/ /*鎼滅储鏉�*/ .search_box{ height: 88px; overflow: hidden; position:absolute; bottom: 20px; left: 50%; margin-left: -491px; } .search_box .search_box_container{ position: absolute; left: 50%; margin-left: -468px; top: 50%; margin-top: -24px; } .search_box label{ font-size: 1.875rem; line-height: 48px; height:48px; font-weight:bold; color:#2dbbe9; display: inline-block; padding: 0px; padding-right: 20px; padding-left: 10px; float: left; font-family: "MyriadPro"; background: #050505; border-radius:10px 0px 0px 10px; opacity: 0.8 } .search_box label>span:first-child{ font-family: "MyriadPro"; } .search_box label>span:last-child{ font-family: "SimHei"; color: #2dbbe9; font-size:1.5rem; font-weight: 500; } .search_box .search_bar{ width:749px; height: 48px; background: #ffffff; display: inline-block; position:absolute; border-radius: 0px 10px 10px 0px; } .search_box .search_input{ width: 564px; height:100%; font-size: 17px; padding: 0px; padding-left:20px; margin: 0px; outline: none; border:none; display:inline-block; background: none; font-weight: bold; vertical-align:middle; line-height: 48px; float: left; } .search_box .search_icon{ display: inline-block; background: url('/Uploads/commonimage/searchicon.png'); height: 100%; width: 56px; } .search_box .search_btn{ width:109px; height:100%; display: inline-block; background:#fdad00; outline:none; border: none; position: absolute; right: 0px; text-align: center; font-size: 23px; line-height:48px; color: #ffffff; border-radius: 0px 10px 10px 0px; } .search_box .search_btn:hover{ cursor: pointer; background:#ff8468; } /*鎼滅储鏉$粨鏉�*/ /*hotspot*/ .common_title_box{ height: 44px; border-bottom: 2px solid #a8a8a8; position: relative; } .common_title{ height: 44px; width:250px; border-bottom: 2px solid #39c4fc; z-index: 10; display: block; } .hotspot .common_title{ width:180px } .common_title>h1{ font-size:16px; -moz-font-size:16px; -webkit-font-size:16px; -ms-font-size:16px; color: #51504f; font-family: "Microsoft YaHei"; color: rgb( 54, 44, 26 ); font-weight:500 } .common_title:hover h1{ color:#ff8468; } .common_title>h3{ font-size:0.8rem; color: #ababab; font-weight: 500; font-family: "Microsoft YaHei"; } .common_title>h1,.common_title>h3{ display: inline; margin: 0px; padding: 0px; line-height:44px } .hotspot .hotspot_btns{ position: absolute; width: 68px; bottom: 7px; right: 10px; overflow: hidden; } .hotspot_btns>div{ width: 100px } .hotspot_btns .hostpot_more{ float: left; margin-right:8px; width: 30px; height: 30px; } .hotspot_btns span:last-child{background:url(/Uploads/commonimage/lefticon.png) -30px 0px no-repeat;} .hotspot_btns span:last-child:hover{ background-position:0px 0px; cursor: pointer; } .hotspot_btns span:first-child{background:url(/Uploads/commonimage/righticon.png) -30px 0px no-repeat;} .hotspot_btns span:first-child:hover{ background-position:0px 0px; cursor: pointer; } .common_infoshow{ padding-top:32px; height: auto; } .hotspot_infoshow .hotspot_infoshow_pic{ width: 500px; margin-left:2px; position: relative; } .hotspot_infoshow_pic>img{ width: 100%; height: 100%; position: absolute; display: none; } .hotspot_infoshow_pic img:eq(0){ display: none; } .hotspot_infoshow_pic,.hotspot_infoshow_content{ float: left; height:294px; } .hotspot_infoshow_content{ width: 450px; margin-left:30px; } .hotspot_infoshow_content .infoshow_content{ height:50%; border-bottom: 2px dashed #a2a2a2; position: relative; } .hotspot_infoshow_content .infoshow_content:hover{ cursor: pointer; } .hotspot_infoshow_content .infoshow_content a{ display: block; } .infoshow_content a:hover{ color:#ff8468 } .hotspot_infoshow_content .infoshow_content:last-child{ border-bottom: none; } .infoshow_content>div{ height: 124px; position: relative; } .infoshow_content:last-child>div{ top:22px; } .infoshow_content .infoshow_content_title{ height: 24px; font-size: 22px; font-weight: bold; color: rgb( 35, 35, 35 ); font-family: "Microsoft YaHei"; } .infoshow_content .infoshow_content_detail{ margin-top: 16px; font-size: 0.9rem; max-height: 63px; overflow: hidden; font-family: "NSimSun"; color: rgb( 61, 61, 61 ); } .infoshow_content_detail>span{ max-height:60px; display: block; width: 100%; text-overflow:ellipsis; overflow: hidden; } .hotspot_infoshow_content .know_more{ position: absolute; bottom: 0px; color: rgb( 0, 167, 237 ); font-family: "Microsoft YaHei"; height: 21px } /*hotspot*/ /*Tech_info*/ .Tech_infoshow>div{ width: 1300px } .Tech_infoshow .Tech_detail_box{ float: left; width: 410px; margin-right: 15px; min-height: 384px; background: #fff; border-radius: 8px; overflow: hidden; } .Tech_detail_box .Tech_detail_box_pic{ height:166px; width: 100%; } .Tech_detail_box_pic>img{ width: 100%; height: 100% } .Tech_detail_box .Tech_detail_box_content{ width: 100%; overflow: hidden; margin-top: 14px; min-height: 204px } .Tech_detail_box_content .Tech_content_lists{ margin-bottom: 26px; height: 20px; line-height: 20px; font-size:1rem; padding-left: 5px } .Tech_content_lists a{ font-family: "Microsoft YaHei"; color: rgb( 20, 20, 20 ); font-size: 1rem } .Tech_detail_box_content .Tech_content_lists:hover a{ cursor: pointer; color: #ff8279 } .Tech_detail_box_content .tech_more { text-align: center;margin: 0px;width:100%;height:35px;border-raidus:8px;background:#7db8e2 } .Tech_detail_box_content .tech_more>a { margin:0px;padding:0px;text-align:center;font-size:16px;line-height:35px; display: block;width: 100%;height: 100% } .Tech_detail_box_content .tech_more:hover a{ color:#fff; cursor: pointer; background:#ff8279 } /*kecheng*/ .info_box{ display: none; } .active_on{ display: block; } .kecheng_info_title{ position: relative; } .kecheng_info .kecheng_title{ position: absolute; bottom: 7px; right: 10px; overflow: hidden; } .kecheng_info .kecheng_title li{ float: left; width: 126px; height: 26px; text-align: center; line-height: 26px; border-radius:13px; margin-left:20px; cursor:pointer } .kecheng_info .kecheng_title li>a{ font-family: "Microsoft YaHei"; font-size:1em; } .kecheng_info .kecheng_info_picbox{ width: 557px; height: 302px; margin-left: 6px; position: absolute; } .kecheng_info_connact{ position: absolute; left: 600px; bottom: 10px; } .kecheng_info .kecheng_info_detailbox{ position: absolute; left:600px; display: block; } .kecheng_info .kecheng_info_detailbox{ margin-top: 11px } .kecheng_info .kecheng_info_detailbox ul li{ font-size:1.25rem; margin-bottom: 18px } .kecheng_info .kecheng_info_connact .kecheng_info_btn{ font-family: "Microsoft YaHei"; float: left; width: 143px; height: 44px; text-align: center; line-height: 44px; color: rgb( 12, 115, 229 ); font-size: 1.25rem; margin-top:10px; border: 1px solid #9d9d9d; margin-right: 10px } .kecheng_info .kecheng_info_connact .kecheng_info_btn:hover{color: #ff8468} .main{float:left;clear:left;margin-bottom:20px; } .menu .on{background-color: rgb( 191, 22, 26 )} .on a{color:#fff} /*shichang*/ .shichang_infon .shichang_infobox{ padding: 0px 10px 0px 10px; width: 999px; } .shichang_infon .common_infoshow li{ float: left; width: 220px; height: 249px; margin-right: 27.3px; position: relative; } .shichang_infon .common_infoshow li:last-child{ margin-right: none } .shichang_info_artical{ padding: 0px 10px 0px 10px; height: 70px; margin-top: 26px; overflow: hidden; color: rgb( 43, 60, 78 ); font-size: 1.1rem; font-family: "Microsoft YaHei"; } .shichang_infon img{ position: absolute; width: 100%; height: 100% } .shichang_infon .show_content{ width: 100%; height: 100%; position: absolute; top: 0px left:0px; z-index: 10; overflow: hidden; display: none; } .shichang_infon .show_content span:first-child{ display: block; width: 100%; height: 66px; margin: 0px auto; margin-top: 80px; color: rgb( 255, 255, 255 ); font-family: "Microsoft YaHei"; font-size: 1rem; font-weight:500; overflow: hidden; z-index: 10; text-align: center; font-size: 30px } .shichang_infon .show_content span:nth-child(2){ display: block; width: 135px; height: 36px; line-height: 36px; outline: 1px solid #ffffff; margin: 0px auto; text-align: center; color: rgb( 255, 255, 255 ); font-family: "Microsoft YaHei"; font-size: 1.12rem; z-index: 10; bottom: 50px; margin-top: 36px } .shichang_infon .show_content .show_bg{ width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0.5; background: black; z-index:-1 } /*advantage*/ .advantage_info_title{ position: relative; } .advantage_info .advantage_title{ position: absolute; bottom: 7px; right: 10px; overflow: hidden; } .advantage_info .advantage_title li{ float: left; width: 126px; height: 26px; text-align: center; line-height: 26px; border-radius:13px; margin-left:20px; } .advantage_info .advantage_title li>a{ font-family: "Microsoft YaHei"; font-size:1em; } .advantage_info_active{ background-color: rgb( 191, 22, 26 ); } .advantage_info .advantage_pic_box{ width: 100%; height: 230px; display: block; } .advantage_pic_box img{ height: 100%; width: 100%; } .advantage_info .advantage_content{ height:100px;margin-top:15px;padding:0px 10px; } /*Students*/ .graduate_info{ } .graduate_info .graduate_info_stus>ul{ width:1920px } .graduate_info .graduate_info_stus>ul>li{ height: 192px; width: 146px; float: left; margin-right: 20px; } .graduate_info .graduate_info_stus ul:last-child{ margin-top: 40px } .graduate_info .graduate_info_stus{ overflow: hidden; } .graduate_info .graduate_info_stus>ul>li>a, .graduate_info .graduate_info_stus>ul>li>a>img, .graduate_info .graduate_info_stus>ul>li>a>span{ display: block; width: 100%; border: none; outline: none; } .graduate_info .graduate_info_stus>ul>li>a{ height: 100%; } .graduate_info .graduate_info_stus>ul>li>a>img{ height:146px; border-radius:50%; margin-bottom: 6px; overflow:hidden; } .graduate_info .graduate_info_stus>ul>li>a>span{ height: 20px; text-align: center; line-height: 23px; } /*zhushu*/ .zhushu_info{ overflow: hidden; } .zhushu_info .zhushu_content{ display: block;text-align: center;margin-top:10px } .zhushu_info .zhushu_content:hover{ color: } .zhushu_info .zhushu_info_stus>ul{ width: 9999px; } .zhushu_info .zhushu_info_stus>ul>li{ width: 316px; height: 175px; float: left; margin-right:12px; } .zhushu_info .zhushu_info_stus>ul:first-child{ margin-bottom:70px } .zhushu_info .zhushu_info_stus>ul>li>a,.zhushu_info .zhushu_info_stus>ul>li>a>img{ width: 100%; height: 100% } /*companies*/ .companies_info .companies_info_stus li{ width: 154px; height: 93px; float: left; margin-right:9.6px; margin-bottom:15px; background:#fff } .companies_info .companies_info_stus li a,.companies_info .companies_info_stus li a>img{ width: 100%; height: 100% } .footer .footer_corp{ height: 47px; margin: 0 auto; display: flex; justify-content: start; } .footer_box{ position: relative; } .footer_box .company_info_detail:hover{ cursor: pointer; } .footer_box .footer_box_info{ } .footer_box_info{ height: 168px; padding: 40px 0px 90px 0px } .footer_box_info>div{ float: left; } .footer_box_info .company_info{ width: 500px; height: 100%; border-right: 1px solid #4f5156; padding: 0px; } .company_info .company_info_logo{ height: 70px; width: 100%; display: block; } .company_info .company_info_detail{ height: 60px; padding-top: 10px; } .company_info .company_info_ad{ height: 15px; width: 100%; color: #fff; line-height: 15px; padding: 0px; margin: 0px } .company_info .company_info_detail ul{ display: inline-block; float:left; } .company_info .company_info_detail ul:first-child{ margin-right: 60px; } .company_info .company_info_detail ul li{ font-size: 14px } .company_info .company_info_detail ul li span:first-child{ color: #60c0f3; } .company_info .company_info_detail ul li span:last-child{ color: #acacac } .company_info .company_info_ad{ font-size: 13px } .company_info .company_info_ad span:first-child{ color: #60c0f3; } .company_info .company_info_ad span:last-child{ color: #acacac } .footer_box_info .youqing_link{ width: 250px; height: 100%; border-right: 1px solid #4f5156; } .youqing_link>span{ display: block; width: 100%; text-align: center; font-size: 18px; color: #fff; font-family: "Microsoft YaHei"; } .youqing_link>div ul{ width: 99px; display: inline-block; float: left; margin-top:10px; } .youqing_link>div ul li{ text-align: center; } .youqing_link>div ul:first-child{ border-right:1px solid #4f5156; } .youqing_link>div ul li{ margin-top:6px; } .youqing_link>div ul li:first-child{ margin-top:0px; } .youqing_link>div ul a{ color: #60c0f3; font-size: 14px } .youqing_link>div ul a:hover{ color: #ff8468 } .footer_box_info .contact_info{ } .footer_box_info .contact_info{ width:229px; background-position: center center; height: 100%; } .footer_box_info .mdy_info{ height:40px; text-align: center; font-size: 14px; color: #8e929a; line-height: 40px; position:absolute; bottom: 0px; left: 50%; margin-left: -258px; z-index: 10; } .mdy_info a{ font-size: 14px; color: #fff; opacity: 0.6 } .mdy_info a:hover{ text-decoration:underline; } .footer_box .footer_bg{ height: 40px; background:#323537; width: 100%; position: absolute; bottom: 0px; opacity: 0.5 } /*banner*/ .banner_box{ min-height: 162px; position: relative; overflow: hidden; } .banner_box .banner_connect{ position:absolute; height: 100%; left:50%; margin-left:-481px } .banner_box .btn{ display:block; position: absolute; width: 100px;height: 30px; border-radius: 5px; background-color:#ffffff; opacity: 0.8; text-align: center; font-size: 15px; line-height: 30px; color: #363c4e; border: 1px solid #c9c9c9; left:50%; bottom:0px; margin-left:-50px; } .banner_box .btn:hover{ color:#ff8468; cursor: pointer; } .banner_box .banner_link,.banner_box img{ display: block; width:100%;height: 100%; margin: 0px auto; } /*鎶ュ悕澶ф*/ .header_contact_box{ position: fixed; top: 0px; left:0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 100; display: none } .header_contact_box .popmain{ width: 600px; height: 300px; background: #fff; position: absolute; top: 30%; left: 50%; margin-left: -300px; z-index: 100 } .popmain .contact_box_title{ text-align: center; } .popmain .popmain_logo,.popmain .contact_form{ display: inline-block; float: left; } .popmain .popmain_logo{ width: 30%; height:150px; background: red; margin-top: 20px; background: url('/Uploads/commonimage/header_connectlogo.jpg') no-repeat center; } .popmain .contact_form{ width: 70%; } .header_contact_box .contact_form li{ text-align:left; } .header_contact_box .contact_form li input{ width: 80% } .header_contact_box .close_contact_box{ width: 40px; height: 40px; display: block; position: absolute; background:#e7eef6; top: 0px; right: 0px; text-align: center; line-height: 40px } .header_contact_box .close_contact_box:hover{ text-decoration: underline; color: red } /**sidebar鍙充晶杈瑰浐瀹氬箍鍛�**/ .header_nav ul .daoha{ height: 358px; width: 100%; } .header_nav ul .daoha .yiliea{ float: left; width: 28%; } .header_nav ul .daoha .yiliea .yih{ font-size: 26px; font-weight: bold; color: #1E5B78; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 18px; } .header_nav ul .daoha .yiliea .erh{ background-color: #09527B; height: 10px; width: 40px; margin-top: -5px; } .header_nav ul .daoha .yiliea .shanh{ padding-top: 10px; padding-bottom: 10px; } .header_nav ul .daoha .yiliea .shanh a{color: #1E5B78;} .header_nav ul .daoha .yiliea .shanh a:hover{ color: #499DCC; text-decoration: underline; } .header_nav ul .daoha .erliea{ float: left; width: 39%; } .header_nav ul .daoha .erliea .yih{ font-size: 26px; font-weight: bold; color: #1E5B78; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 18px; } .header_nav ul .daoha .erliea .erh{ background-color: #09527B; height: 10px; width: 40px; margin-top: -5px; } .header_nav ul .daoha .erliea .shanh{ padding-top: 10px; padding-bottom: 10px; } .header_nav ul .daoha .erliea .shanh a{color: #1E5B78;} .header_nav ul .daoha .erliea .shanh a:hover{ color: #499DCC; text-decoration: underline; } .header_nav ul .daoha .sanliea{ float: left; width: 33%; } .header_nav ul .daoha .sanliea .yih{ font-size: 26px; font-weight: bold; color: #1E5B78; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 18px; } .header_nav ul .daoha .sanliea .erh{ background-color: #09527B; height: 10px; width: 40px; margin-top: -5px; } .header_nav ul .daoha .sanliea .shanh{ padding-top: 10px; padding-bottom: 10px; } .header_nav ul .daoha .sanliea .shanh a{color: #1E5B78;} .header_nav ul .daoha .sanliea .shanh a:hover{ color: #499DCC; text-decoration: underline; } .ad_sidebar{ position: absolute; top:20%; right:10px; z-index: 999; width: 93px; background-color: #8bbde8; border-radius: 10px; cursor:move; } .ad_sidebar dl{ width: 100%; margin: auto 0; padding: 5px 0; } .ad_sidebar dt{ width: 100%; padding-top: 5px; text-align: center; } .ad_sidebar dd { width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 0; } .ad_sidebar dd a { cursor: pointer; } .ad_sidebar dl dt img{ width: 70px; border-radius: 8px; } .ad_sidebar #mdy_wcacc{ position:relative; } .ad_sidebar #mdy_wcacc #wc_scan{ display:none; position: absolute; right: 100%; width: 225%; bottom: 0; } .ad_sidebar #mdy_wcacc:hover #wc_scan{ display: block; } @media (max-width: 1024px){ .ad_sidebar{ position: fixed; top: 17px; right: 1px; display: flex; border-radius: 6px; width: 500px; height: 100px; } .ad_sidebar #mdy_wcacc #wc_scan{ position: absolute; right: 100%; width: 225%; bottom: -130px; } .ad_sidebar dl dt img { width: 50px; border-radius: 6px; } .ad_sidebar dd, .ad_sidebar dd a { font-size: 12px; line-height: 12px; } .ad_sidebar dl #qq_cs{ } }