@charset "utf-8"; @import url(../font/stylesheet.css); @import url(../font/font.css); .nav ul li:hover{background:#fff;} .nav ul li:hover a{color:#16529f;} .nav ul li a:hover{color:#16529f;} .nav li ol li:hover{border:none!important} .nav ul>li:hover ol{display:block;} .zbzs ul li img{margin:0 auto;display: block;} .keywordfontcolor1020106{font-size: 22px!important; color:#dd4b39!important!important; font-weight: bold!important; overflow: hidden!important; text-overflow: ellipsis!important; white-space: nowrap!important;} .zbzsn a:hover img { transform: rotateY(180deg); } .zbzsn1{background-color:#3e41d8;background-image: url(../js/jczxz.png); background-repeat: no-repeat; background-position: 80% 45%;} .tzx ul li small{float:right} .sjbfxy{display:none} .zbzsn1 img{position: absolute; top: 50px; left: 50px; transition: 0.6s;} .gdz{display: block; margin-top: -45px; text-align: right; margin-bottom: 25px; } .xyxwwm{width: 66%; float: left; margin-right: 3%;} .tab-hd2{line-height: 30px; margin: 20px 0;} .tab-hd2 li{float: left; cursor: pointer;height: 30px; padding-right: 20px; width: 140px; text-align: center;} .tab-hd2 li:nth-child(2){background: url(../img1/tzggh.png)no-repeat center;} .tab-hd2 .active:nth-child(2){background: url(../img1/tzggbt.png)no-repeat center!important;} .zbzsn3{background-color:#fd9c00;background-image: url(../js/xyfgz.png); background-repeat: no-repeat; background-position: 80% 45%;} .zbzsn3 img{position: absolute; top: 50px; left: 50px; transition: 0.6s;} .yqljx{float:left;margin-right:8%;width:40%} .yqljx h2{ font-size: 16px; font-weight: 400; } .yqljx li a{font-size:16px;color:#fff} .yqljx li{margin:5px 0} .zbzsn2{background-color:#00c9b6;background-image: url(../js/rwfcz.png); background-repeat: no-repeat; background-position: 80% 45%;} .zbzsn2 img{position: absolute; top: 50px; left: 50px; transition: 0.6s;} .zbzsn4{background-color:#00b7ed;background-image: url(../js/yxwyz.png); background-repeat: no-repeat; background-position: 80% 45%;} .zbzsn4 img{position: absolute; top: 50px; left: 50px; transition: 0.6s;} .zbzsn dl img{display: block; max-width: 100%; height: 300px;} .zbzs{width:100%;min-height:420px;background:#231e5f;margin-top: 30px; max-width:1920px; margin:auto;} .zbzsn{max-width:1600px;margin:0 auto;padding-top: 10px;} .zbzs ul li{margin: 0 2%;width:21%;float:left;height:200px;position: relative;} .zbzsn dl { border: 1px solid #B29873; background-color: #fff; padding: 10px;margin-bottom: 30PX;} .zbzsn dl img:hover{ background-image: none; background-color: #B29873; opacity: 0.6;} .zbzsn dl dt { margin: 10px 0; font-size: 16px; line-height: 20px; height: 40px; overflow: hidden; font-weight: normal;} .zbzsn dl dd { color: #777; line-height: 180%; margin-bottom: 10px; padding-bottom: 10px;font-size:14px} .zbzsn dl dd .btn-golden { color: #fff; background-color: #B29873;} .cont{margin-top: 111px;} /* 头部*/ .slide3_tabs{top: 290px!important;} .slide3_tabs li{margin:0 5px!important} .xyxwx{margin-top: 15px;} .xyxwzt{width: 100%; height: 0; padding-bottom:400px; overflow: hidden; position: relative;} .xyxwzt em { background-position: center top; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .top { transition: all 0.7s ease-out 0s; transform: translateY(-100%); background: #231e5f; background-size: 100%; width: 100%; height: 121px; position: fixed; z-index: 9; } #header .inner { /* height: 143px; */ position: relative; max-width: 100%; width: 1600px; margin: 0px auto; } .showdiv .top { opacity: 1; filter: Alpha(opacity=100); transform: none; display: block; } .sitelogo { padding: 25px 0px; } .top_link { margin-top: 30px; margin-bottom: 15px; } .top_link ul li { float: left; line-height: 15px; border-right: 1px solid #7d8fb0; padding: 0px 20px; } .top_link ul li a { color: #fff; font-size: 16px; } .top_link .search, .top_link .link_last { border-right: none; } .toplink1 a { padding-right: 15px; } .top_link .link_last { padding-right: 0px; } /* 搜索*/ .search { padding-left: 50px; font-size: 16px; cursor: pointer; position: relative; } .search input { border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.1); height: 28px; line-height: 28px; color: #fff; border-radius: 14px; margin-top: -20px; width: 0px; text-indent: 10px; opacity: 0; } .search i.active { position: absolute; right: 0px; top: 0px; } .search button { display: none; } .search.active input { width: 150px; opacity: 1; } .search.active i.active { position: absolute; right: 25px; top: 0px; } .icon-search:before { color: #fff; } .search.active i.active:before { content: '\ea1f'; } /*导航*/ /*nav*/ .demo-2 { display: none; position: relative; z-index: 9999; } .nav { width: 100%; height: 50px; line-height: 50px; } .nav ul>li { float: left; text-align: center; padding-left: 20px; padding-right: 20px; position: relative; } .nav .nav_first { padding-left: 0px; } .nav .nav_last { padding-right: 0px; } .nav li a { font-size: 18px; color: #fff; } .nav li ol { position: absolute; left: 0%; top: 43px; z-index: 9999; min-width: 200px; display: none; background: #fff; } .nav li ol li { width: 100%; height: 40px; line-height: 40px; } .nav li ol li a { display: block; width: 96%; font-size: 14px; margin: 0px 2%; text-align: left; padding-left: 20px; color: #4e4e4f; font-family: "微软雅黑"; } .nav li ol li:hover a { color:#fff } .nav li ol li:hover{background: rgba(43, 81,161,0.8 );} .nav li ol.widths li { width: 268px; } .nav li ol.widths li a { width: 50%; } /* banner */ /**主页banner开始**/ .head, .mbanner, .mbanner .inner, .mbanner .inner>div, .focus, .focus>ul, .mbanner .slick-list, .mbanner .slick-track { } .mbanner { width: 100%; overflow: hidden; } #banner .inner { width: auto; max-width: 100%; text-align: center; position: relative; } #banner .slide { width: 100%; height: 100%; position: relative; float: left; display: inline-block; } #banner .slide>a { display: block; width: 100%; height: 100%; } #banner .slide .slide_imgs { width: 100%; height: 100%; position: absolute; } #banner .slide .news_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; } #banner .slide_title { position: absolute; z-index: 29; /* bottom: 0.6rem; */ bottom: 60px; left: 7.5%; padding: 0 15px; max-width: 57%; } #banner .slide_title .tit_con { /* font-size: 0.30rem; */ font-size: 30px; font-weight: normal; /* line-height: 0.65rem; */ line-height: 65px; color: #fff; font-family: "微软雅黑"; z-index: 9; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #banner .slide_title .title_bg { background: #000; opacity: 0.5; filter: Alpha(opacity=50); position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; } #banner .slick-dots { position: absolute; z-index: 9; /* bottom: 0.65rem; */ bottom: 12px; right: 7.5%; } #banner .slick-dots li { /* font-size: 0.25rem; */ /* font-size: 25px; */ /* line-height: 0.34rem; */ /* line-height: 34px; */ /* color: #fff; */ /* margin: 0 0.12rem; */ margin: 0 12px; cursor: pointer; display: inline-block; vertical-align: bottom; } #banner .slick-dots li.slick-active:after { /* width: 0.55rem; */ width: 55px; height: 1px; background: #fff; /* margin-left: 0.13rem; */ margin-left: 13px; content: " "; display: inline-block; margin-top: -10px; display:none; } #banner .slick-dots li button { /* background: no-repeat; */ /* border: none; */ font-size: 0.25rem; font-size: 25px; line-height: 0.34rem; line-height: 34px; color: #fff; width: 10px; height: 10px; color: transparent; border-radius: 50%; background:#fff; } #banner .slick-dots li.slick-active button { /* font-size: 0.35rem; */ background:#221B58; } #banner .button_box { position: absolute; top: 44%; /* width: 0.7rem; height: 0.7rem; */ width: 70px; height: 70px; opacity: 0; filter: alpha(opacity=0); /* background: #000; */ /* border: 1px solid rgba(255, 255, 255, 0.5); */ display: block; z-index: 20; border-radius: 50%; text-align: center; cursor: pointer; transition: all 0.4s ease; } .head:hover #banner .button_box { opacity: 0.5; filter: alpha(opacity=50); } #banner .button_box button { background: none; border: none; /* font-size: 0.4rem; */ font-size: 40px; color: transparent; /* line-height: 0.7rem; */ line-height: 70px; font-weight: bold; } #banner .button_box.prev { left: 1%; background: url(../img/banner_left.png) no-repeat center; } #banner .button_box.next { right: 1%; background: url(../img/banner_right.png) no-repeat center; } .bb { cursor: pointer; z-index: 10; animation: bb 2s linear 0s infinite; width: 44px; height: 34px; background: url(../img/arr_btm.png) no-repeat center; position: fixed; left: 50%; bottom: 27px; } @keyframes bb { 0% { transform: translate(-50%, 0); opacity: 0; } 20% { transform: translate(-50%, 3px); opacity: 1; } 80% { transform: translate(-50%, 10px); opacity: 1; } 90% { transform: translate(-50%, 10px); opacity: 0; } 100% { transform: translate(-50%, 10px); opacity: 0; } } /* 头部2 */ body::-webkit-scrollbar { display: none; } .body_b { outline: none; overflow: auto; z-index: 20; background: #fff; overflow-x: hidden; } .list.body_b { position: static; overflow: hidden; } .body_b.showdiv { top: 0; } .body_b .top { padding: 0; background: #16529f; opacity: 0; filter: Alpha(opacity=00); } /* .head-top, .header2 { background-color: #16529f; } */ .body_b.showdiv .top { transition: all 0.7s ease-in-out 0.5s; transform: none; opacity: 1; } .body_b .top_link { margin-top: 15px; } .body_b .sitelogo { padding: 3px 0px; padding-bottom: 0px; } .body_b .sitelogo img { /* display: block; */ /* margin-top: 5px; */ } .body_b #header .inner, .body_b .wrapper .inner, .body_b .inner { max-width: 1600px; margin: 0px auto; } .body_b .nav { height: 56px; line-height: 56px; } /* 学校要闻 */ .kongbai { height: 80px; background-color: #cddfff; } #container-1 { padding-top: 20px; } .news { padding: 30px 0px 0px 0px; } .news_title { /* height: 75px; */ margin-bottom: 20px; } .news_title>h2 { color: #004398; /* height: 75px; */ padding-left: 85px; background: url(../img/icon1.png) no-repeat left bottom; } .news_title>h2 P { font-size: 26px; font-weight: bold; padding-top: 15px; } .news_title>h2 span { font-size: 14px; display: block; padding-top: 10px; } .news_link { color: #fff; display: block; line-height: 30px; padding: 0px 10px; font-size: 14px; background-color: #b90016; border-radius: 20px; margin-top: 25px; } .news_list ul li { float: left; margin-right: ; max-width: 430px; height: 270px; width: 31%; margin-right: 3.9%; overflow: hidden; position: relative; } .news_listimg, .news_listimg img { width: 100%; transition: .5s; } .news .news_last { margin-right: 0px; } .news_listtitle { position: absolute; bottom: 0px; height: 50px; width: 100%; color: #fff; font-size: 18px; line-height: 50px; text-align: center; box-sizing: border-box; padding: 0px 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../img/bg1.png) left top; } .news_date { width: 65px; height: 65px; position: absolute; background: url(../img/bg2.png) no-repeat left top; left: 0px; top: 0px; color: #fff; text-align: center; } .news_date p { font-size: 20px; font-weight: bold; padding-top: 10px; } .news_date div { font-size: 12px; } .news_list ul li a { display: block; } .news_list ul li:hover .news_listimg img { transform: scale(1.1, 1.1); transition: .5s; } /* 校园公告*/ .notice, .campus_news, .science { margin-top: 30px; max-width: 430px; width: 31%; } .notice .news_title {} .notice .news_title h2 { color: #f27e03; background: url(../img/icon2.png) no-repeat left bottom; } .more { font-size: 16px; display: block; padding-left: 30px; margin-top: 30px; background: url(../img/jian.png) no-repeat left center; } .notice_list, .campus_newslist, .science_list { box-shadow: 5px 0px 5px #bfcff3, -4px 5px 5px #bfcff3; border-top: 4px solid #f27e03; background: url(../img/diwen.png) #FFFFFF no-repeat 97% bottom; } .notice_list ul, .campus_newslist ul { margin: 18px; margin-top: 5px; padding-bottom: 20px; } .date1 { color: #f27e03; line-height: 28px; text-align: center; padding-right: 15px; margin: 20px 0px; border-right: 1px solid #dceafb; } .date1 p { font-size: 26px; padding-top: 5px; } .date1 div { font-size: 14px; } .notice_list ul li, .campus_newslist ul li { height: 99px; overflow: hidden; border-bottom: 1px solid #dceafb; } .notice_list ul li a, .campus_newslist ul li a { display: block; width: 78%; font-size: 18px; line-height: 33px; margin-top: 18px; max-height: 66px; overflow: hidden; } /* 校园新闻 */ .campus_news { margin: 30px 3.9%; margin-bottom: 0px; } .campus_news .news_title h2 { color: #00a8ca; background: url(../img/icon3.png) no-repeat left bottom; } .campus_newslist { border-top: 4px solid #00a8ca; } .campus_left { width: 76px; height: 55px; margin: 20px 0px; border: 2px solid #7cd4e6; background-color: #e3f4f7; color: #05b6da; font-size: 16px; text-align: center; font-weight: bold; line-height: 28px; } .campus_newslist ul li a { width: 75%; } /* 学术动态 */ .science .news_title h2 { color: #004398; background: url(../img/icon4.png) no-repeat left bottom; } .science_list { position: relative; border-top: 4px solid #004398; } .date2 { margin: 20px 0px; width: 60px; height: 70px; font-weight: bold; font-size: 22px; color: #004398; line-height: 75px; text-align: center; background: url(../img/rili.png) no-repeat left top; } .date2_right { width: 79%; margin-top: 20px; } .science_one { height: 199px; border-bottom: 1px solid #dceafb; } .date2_right a { font-size: 18px; line-height: 33px; max-height: 90px; overflow: hidden; } .date2_right p, .date2_right div { color: #16529f; font-size: 14px; padding-left: 30px; margin-top: 10px; background: url(../img/time.png) no-repeat left center; } .date2_right div { background: url(../img/di.png) no-repeat left center; } .science .button_box { width: 30px; height: 50px; position: absolute; top: 50%; margin-top: -25px; color: transparent; } .science .button_box button { color: transparent; background-color: transparent; background: none; position: initial; } .science .prev { left: 0px; background: url(../img/xue_left.png) no-repeat left top; } .science .next { right: 0px; background: url(../img/xue_right.png) no-repeat left top; } .science_list ul { margin-top: 5px; padding-bottom: 20px; } .science_list .science_one { margin: 0px 18px; } /* 缤纷校园 */ .main2 { overflow: hidden; background: url(../img1/bj2.png) no-repeat left top; min-height: 450px; } .main2 .news_title { margin-top: 50px; margin-bottom: 40px; } .main2 .news_title h2 { color: #fff; background: url(../img/icon5.png) no-repeat left bottom; } .main2 .news_title .more { color: #fff; background: url(../img/jian2.png) no-repeat left center; } .flipster { overflow: hidden; } .flipster ul li { border: 2px solid #fff; } .flipster-carousel .flip-item { width: 635px; height: 335px; } /* 校园视频 */ .main3 { background: url(../img/bg8.png) no-repeat left top; min-height: 630px; } .xiao_video { max-width: 680px; width: 48%; margin-top: 45px; } .xiao_video .news_title { margin-bottom: 30px; } .xiao_video .news_title h2 { background: url(../img/icon6.png) no-repeat left bottom; } .lecturelist2 li { position: relative; } .video_img { width: 100%; height: 400px; overflow: hidden; } .video_img img { width: 100%; } .lecturelist2 li p { color: #fff; width: 100%; height: 93px; position: absolute; font-size: 18px; bottom: 0px; left: 0px; box-sizing: border-box; padding-left: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 120px; background: url(../img/bg6.png) no-repeat left top; } .slick-prev, .slick-next { width: 24px; height: 24px; } .slick-prev { background: url(../img/xiao_left.png); position: absolute; top: -70px; right: 45px; } .slick-next { background: url(../img/xiao_right.png); position: absolute; top: -70px; right: 5px; } .main3r { max-width: 680px; width: 48%; margin-top: 45px; } .main3r .news_title h2 { background: url(../img/icon7.png) no-repeat left bottom; } .main3r .news_title { margin-bottom: 30px; } .main3rx img { width: 100%; } .main3rx p { color: #fff; width: 100%; height: 60px; position: absolute; bottom: 5px; left: 0px; font-size: 18px; box-sizing: border-box; padding-left: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 60px; background: url(../img/bg7.png) no-repeat left top; } .main3rx { position: relative; } /* 校园专题 */ .main4 { background-image: url(../img/big_diwen.png); background-color: #E9F3FF; background-repeat: no-repeat; background-position: center; min-height: 520px; } .main4 .news_title { padding-top: 50px; margin-bottom: 25px; } .zt1 { margin-bottom: 60px; } .zt1 li { float: left; } .zt1 li { margin-right: 2%; } .zt2 li { float: left; width: 12%; text-align: center; margin: 0 3px; } .zt2 li img { height: 50px; } .zt2 li p { color: #333333; font-size: 18px; padding-top: 15px; } /* 底部 */ .main5 {} .main-zy { background: #F2F2F2; } .dqwz { min-height: 80px; line-height: 80px; } .dqwz h2 { float: left; color: #16529f; font-size: 28px; font-weight: normal; padding-right: 40px; } .dqwz small { color: #888888; background: url(../img/dqwz.png) no-repeat 0%; text-indent: 2em; padding-left: 25px; line-height: 90px; } .dqwz small a { color: #888888; } .main-zynl { max-width: 280px; float: left; width: 100%; } .main-zynl ul li { width: 100%; height: 50px; border-bottom: 1px solid #FFFFFF; background: #CCD8EC; text-align: center; line-height: 50px; } .main-zynl ul li a { color: #333333; font-size: 18px; display: block; } .main-zynl ul li a:hover { background: #284998; color: #fff; border-left: 5px solid #EAB202; border-right: 5px solid #EAB202; } .main-zynr { float: right; max-width: 1070px; background: #FFFFFF; min-height: 600px; width: 100%; } .dpzw { padding: 0 30px; } .dpzw h2 { line-height: 50px; color: #16529f; font-size: 20px; } .dpzw p { font-size: 15px!important; color: #333333; line-height: 40px!important; text-indent: 2em!important; padding-bottom: 20px; } .dpzw table p { text-indent: 0em!important; } .dpzw table { max-width: 100%; margin: 0 auto } .dpzw h3 { font-size: 18px; color: #16529f; padding-bottom: 10px; } .ld { padding: 0 30px; } .ld h2 { line-height: 50px; color: #16529f; font-size: 20px; border-bottom: 1px solid #E0E0E0; } .ld ul li { float: left; width: 49.5%; margin-right: 0.5%; min-height: 50px; line-height: 50px; border-bottom: 1px solid #E7E7E7; text-align: center; font-size: 18px; color: #284998; } .ld ul li a { color: #000; } .ld ul li:nth-child(1), .ld ul li:nth-child(2) { border-bottom: none; background: #284998; color: #FFFFFF; } .ld ul li:nth-child(2n) { margin-right: 0px; } .ld ul { width: 80%; margin: 0 auto; padding-top: 50px; } .ld ul li p { width: 70%; margin: 0 auto; } .flip-content h1 { position: absolute; bottom: 3px; width: 100%; height: 50px; line-height: 50px; background: url(../img/bg4.png)no-repeat bottom; color: #FFFFFF; text-indent: 1em; } .sjp,.sjbanner{display: none;} .slide_container2 { position: relative; float: left; width: 100%; } .slide2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide2 li { position: absolute; width: 100%; left: 0; top: 0; } .slide2 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .caption { display: block; position: absolute; z-index: 2; font-size: 16px;font-weight: bold; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 15px; margin: 0; max-width: none;opacity: 0.8;background: #342F2F; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; margin-top: -45px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto; background-position: right top; right: 0; } .slide_tabs { text-align: right; font-size: 0; list-style-type: none; position: relative; top: 495px; z-index: 2;} .slide_tabs li { display: inline-block; margin: 0 10px; *display: inline; *zoom: 1;} .slide_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; line-height: 20px; border:1px solid #FFFFFF; overflow: hidden;} .slide_tabs .slide_here a { background-color: #FFFFFF; } .callback { margin-top: 20px; color: #f50; text-align: center;} .callback em { font-style: normal;} .xyxw{float: left;width: 47%;margin-right: 50px;} .xyxws img{float: left;} .xyxws small{float: right;} .xyxws{line-height: 30px; margin: 20px 0;} .xyxwz{position: relative;min-height:322px} .xyxwz img{width:100%;height:322px} .xyxwzz{position: absolute;bottom: 0;min-height: 129px;background: url(../img1/xyxwbjt.png);width:100%} .xyxwzz h2{ font-size: 22px; color: #fff; padding: 0 5%; height: 35px; line-height: 35px; margin-top: 3%;} .xyxwzz p{font-size: 14px; color: #FFFFFF; padding: 0 4%; margin-top: 15px;} .xyxwx ul li a{font-size: 18px;}.xyxwx ul li small{font-size: 16px;float: right;}.xyxwx ul li{margin-bottom: 9px;} .tzgg { float: left; width: 47%; } .tzgg small{float:right} .mtgz { float: left; width: 31%; } .tzgg ul li span { display: block; } .tzgg ul li a { font-size: 16px; line-height: 30px; } .tzgg ul li span { font-size: 15px; color: #ee4023; } .tzgg ul li { border-bottom: 1px #9D9BB0 dashed; height:45px;line-height: 45px;overflow: hidden; } .main1 { background: url(../img1/bj1.png)no-repeat bottom; } .mtgzxl { float: left; width: 14%; height: 55px; background: #221B58; border-radius: 10px; } .r { width: 100%; height: 30px; font-size: 22px; text-align: center; line-height: 40px; color: #FFFFFF; } .ny { width: 100%; height: 30px; font-size: 13px; text-align: center; line-height: 30px; color: #FFFFFF; } .mtgzx1 .ny { border-radius: 0px 0 10px 10px } .mtgzx1 p { padding-top: 10px; } .mtgzxr { float: right; width: 84%; min-height:60px;border-bottom: 1px #9D9BB0 dashed; } .mtgzxr a { font-size: 16px; line-height: 25px; } .mtgzxr span { display: block; color: #ee4023; } .mtgzx li { margin:4px 0; } .tshd{position: relative;min-height: 770px;padding: 50px 0;} .tshd1{width: 801px;height: 520px;position: absolute;} .tshd1 img{width:100%;height:520px} .tshd2{width: 270px;height: 250px;background-color: #D04702;position: absolute;left: 801px; top: 230px;background-image:url(../img1/gybxz.png) ;background-repeat: no-repeat;background-position: 80% 30%;} .tshd3{width: 270px;height: 250px;background: #4CC5AC;position: absolute;top: 230px; left: 1071px;background-position: 80% 30%;background-image:url(../img1/rwfcz.png) ;background-repeat: no-repeat;} .tshd4{width: 220px;height: 250px;background-color:#EE9202;position: absolute;top: 570px;left: 361px;background-image:url(../img1/xyfgz.png) ;background-repeat: no-repeat;background-position: 80% 30%;} .tshd5{width: 220px;height: 250px;background-color:#48AFEB;position: absolute;top: 570px;left: 581px;background-image:url(../img1/yxwyz.png) ;background-repeat: no-repeat;background-position: 80% 30%;} .tshd6{width: 540px;height: 340px;position: absolute;top: 480px; left: 801px;} .tshd7{width: 260px;height: 450px;background:#FFCC00;position: absolute;right: 0px; top: 370px;background-image:url(../img1/xzxxz.png) ;background-repeat: no-repeat;background-position: 80% 30%;} .xiaox{position: absolute;left: 930px; top: 60px;} .tshd2 img,.tshd3 img{position: absolute; top: 110px; left: 80px;transition: 0.6s;} .tshd4 img{position: absolute; top: 110px; left: 40px;transition: 0.6s;} .tshd5 img{position: absolute; top: 125px; left: 40px;transition: 0.6s;} .tshd71{position: absolute; top: 180px; left: 40px;transition: 0.6s;} .tshd72{position: absolute; bottom: 0;} .tshd a:hover img { transform: rotateY(180deg); } .picScroll-left { position: relative; } .picScroll-left .hd { height: 30px; position: relative; top: -70px; right: 30px; float: right; width: 70px; background: url(../img1/jtx.png)no-repeat center; } .picScroll-left .hd .prev { display: block; width: 20px; height: 29px; float: right; overflow: hidden; cursor: pointer; background: url(../img1/jtz.png) 0 0 no-repeat; float: left; } .picScroll-left .hd .next { display: block; width: 22px; height: 29px; float: right; overflow: hidden; ; background: url(../img1/jty.png) 0 0 no-repeat; cursor: pointer; } .picScroll-left .hd .nextStop { background-position: -60px -50px; } .picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; } .picScroll-left .hd ul li.on { background-position: 0 0; } .picScroll-left .bd { padding: 10px; } .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .picScroll-left .bd ul li { margin: 0 20px; float: left; _display: inline; overflow: hidden; text-align: center; position: relative; } .picScroll-left .bd ul li .pic { text-align: center; } .picScroll-left .bd ul li .pic img { width: 350px; height: 190px; display: block; padding: 2px; } .picScroll-left .bd ul li .pic a:hover img { border-color: #999; } .picScroll-left .bd ul li .title { line-height: 50px; position: absolute; width: 100%; bottom: 0px; font-size: 18px; opacity: 0.8; background: #342F2F; } .picScroll-left .bd ul li .title a { color: #FFFFFF; } .right_inner img{max-width: 100%; display: block; margin: 0 auto;} /* 页尾 */ .footer { color: #FFFFFF; background: url(../img1/footbg.png) repeat-y center; } .dilogo { margin-top: 30px; width: 35%; } .contact { width: 27%; margin-top: 30px; } .contact p { font-size: 16px; margin-bottom: 10px; } .yu { width: 36%; margin-top: 30px; } .yu div { float: left; margin-left: 5%;text-align: center; } .yu div img { width: 110px; height: 110px; } .yu div p { color: #fff; text-align: center; line-height: 35px; } .copy { line-height: 50px; color: #FFFFFF; background-color: #18144d; text-align: center; } @media (min-width: 1400px) and (max-width:1600px) { } @media screen and (max-width: 1400px) {} @media screen and (max-width: 1280px) { .picScroll-left .bd{ overflow: hidden;width: 950px; } .zbzs ul li { padding: 0; width: 25%; float: left;background-position: center!important; } .zbzs ul li img{display:none} .nav ul>li { float: left; text-align: center; padding-left: 5px; padding-right: 5px; position: relative; } .body_b { top: 0px } .sjplogo img { margin: 10px; } .demo-2 { display: block; } .dl-menuwrapper button { top: -57px!important; } .slide_container1 { position: relative; float: left; width: 100%; } .slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide1 li { position: absolute; width: 100%; left: 0; top: 0; } .slide1 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide_container2 { position: relative; float: left; width: 100%; } .slide2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide2 li { position: absolute; width: 100%; left: 0; top: 0; } .slide2 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide2 .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.8; background: #454441; } .slide1 .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.8; background: #454441; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; margin-top: -45px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto; background-position: right top; right: 0; } .slide_tabs { text-align: right; font-size: 0; list-style-type: none; position: relative; top: -25px; z-index: 2;display:none } .slide_tabs li { display: inline-block; margin: 0 7px; *display: inline; *zoom: 1; } .slide_tabs a { display: inline-block; width: 6px; height: 6px; border-radius: 50%; line-height: 20px; border: 1px solid #FFFFFF; overflow: hidden; } .slide_tabs .slide_here a { background-color: #FFFFFF; } .callback { margin-top: 20px; color: #f50; text-align: center; } .callback em { font-style: normal; } .news_list ul li { margin-bottom: 15px; max-width: 100%; height: auto; margin-right: 3%; } .main1, .main2, .main3, .main4 { padding: 0 15px; } .notice, .campus_news, .science, .xiao_video, .main3r, .dlogo, .bq, .ewm { width: 100%; max-width: 100%; } .wp-panel, .slick-dots { display: none!important; } .main2 { margin-top: 15px; } .campus_news { margin: 0; } .lecturelist2 li p { background: #004398; line-height: 93px; } .main3rx p { background: #004398; line-height: 60px; bottom: 0; } .main3 { background: url(../img/bg8.png) left top; min-height: 630px; } .zt1 li { margin-right: 0; width: 33%; } .zt1 li img { width: 100%; } .zt2 li { width: 11.5%; } .zt2 { padding-bottom: 20px; } .dlogo, .bq, .ewm { margin-top: 20px; text-align: center; } .bq ul li { float: left; width: 100%; color: #FFFFFF; margin-bottom: 5px; } .ewm ul li { float: left; color: #FFFFFF; margin-left: 5%; text-align: center; } .ewm ul { float: none; padding-left: 20%; } .nyw, .main-zynl { display: none } .ld ul, .ld ul li p { width: 100%; } .zbzs ul li{margin:0} .mtgzxr{width: 70%; overflow: hidden;} .mtgzxl{width:25%} .yu { width: 45%; } .tab-hd2 li { float: left; cursor: pointer; height: 30px; padding-right: 0px; width: 120px; text-align: center; } .xyxw{margin-right:4%} .picScroll-left{display:none} .sjbfxy { display: block; } } @media screen and (max-width: 1000px) { .picScroll-left{display:none} .sjbfxy { display: block; } .picScroll-left .bd{padding: 10px; overflow: hidden; width: 700px;} .zbzs ul li{margin:0} .mtgzxr{width: 70%; height: 50px; overflow: hidden; min-height: 50px;} .mtgzxl{width:25%} .xyxw{margin-right:4%} .sjp { display: block; background: #231e5f; } .sjp, .sjbanner{display:block} .tzgg,.mtgz,.xyxw{max-width:100%} .body_b { top: 0px } .sjplogo img { margin: 10px; } .demo-2 { display: block; } .dl-menuwrapper button { top: -57px!important; } .slide_container1 { position: relative; float: left; width: 100%; } .slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide1 li { position: absolute; width: 100%; left: 0; top: 0; } .slide1 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide_container2 { position: relative; float: left; width: 100%; } .slide2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide2 li { position: absolute; width: 100%; left: 0; top: 0; } .slide2 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide2 .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.8; background: #454441; } .slide1 .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.8; background: #454441; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; margin-top: -45px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto; background-position: right top; right: 0; } .slide_tabs { text-align: right; font-size: 0; list-style-type: none; position: relative; top: -25px; z-index: 2;display:none } .slide_tabs li { display: inline-block; margin: 0 7px; *display: inline; *zoom: 1; } .slide_tabs a { display: inline-block; width: 6px; height: 6px; border-radius: 50%; line-height: 20px; border: 1px solid #FFFFFF; overflow: hidden; } .slide_tabs .slide_here a { background-color: #FFFFFF; } .callback { margin-top: 20px; color: #f50; text-align: center; } .callback em { font-style: normal; } .news_list ul li { margin-bottom: 15px; max-width: 100%; height: auto; margin-right: 3%; } .main1, .main2, .main3, .main4 { padding: 0 15px; } .notice, .campus_news, .science, .xiao_video, .main3r, .dlogo, .bq, .ewm { width: 100%; max-width: 100%; } .wp-panel, .slick-dots { display: none!important; } .main2 { margin-top: 15px; } .campus_news { margin: 0; } .lecturelist2 li p { background: #004398; line-height: 93px; } .main3rx p { background: #004398; line-height: 60px; bottom: 0; } .main3 { background: url(../img/bg8.png) left top; min-height: 630px; } .zt1 li { margin-right: 0; width: 33%; } .zt1 li img { width: 100%; } .zt2 li { width: 11.5%; } .zt2 { padding-bottom: 20px; } .dlogo, .bq, .ewm { margin-top: 20px; text-align: center; } .bq ul li { float: left; width: 100%; color: #FFFFFF; margin-bottom: 5px; } .ewm ul li { float: left; color: #FFFFFF; margin-left: 5%; text-align: center; } .ewm ul { float: none; padding-left: 20%; } .nyw, .main-zynl { display: none } .ld ul, .ld ul li p { width: 100%; } .top,.htmleaf-container,.head-right,.showdiv .top{display:none} .xyxw{margin-right: 20px;} .yu{width:50%} .copy p{width:100%} } @media screen and (max-width: 767px) { .copy p{width: 100%; margin: 0 auto;} .picScroll-left{display:none} .mtgzxr{height:auto} .tzgg small{display:none} .dilogo{padding-left:20px} .tzx ul li{width:100%!important;margin-right:0!important} .xyxw,.tzgg{width:100%} .yu div{margin-left: 2%!important;} .tab-hd2 li{margin-right:0} .xyxwwm,.mtgz{width:100%} .showdiv .top{display:none} .zbzs ul li{width:90%;margin:0 auto;float:none} .tzgg ul li{height:auto!important} .slide3_tabs{display:none} .xyxwz{min-height:250px!important} .embox1{padding-bottom:250px!important} .sitelogo { padding: 9px 0px; } .top{height:auto} .xyxwzt{padding-bottom: 250px;} .top,.htmleaf-container,.head-right{display:none} .xyxwz img{height:auto!important} .picScroll-left .bd ul li{margin:0} .embox{padding-bottom: 190px!important;} .xyxwzz p{display:none} .xyxwzz{min-height: 90px;} .ld ul, .ld ul li p { width: 100%; } .dqwz h2 { display: block; float: none } .dqwz small { color: #888888; background: url(../img/dqwz.png) no-repeat 0%; text-indent: 0em; padding-left: 25px; line-height: 40px; display: block; } .nyw, .main-zynl { display: none } .main1, .main2, .main3, .main4 { padding: 0 15px; } .news_list ul li { width: 100%; margin-bottom: 15px; max-width: 100%; height: auto; } .wp-panel, .slick-dots { display: none!important; } .notice, .campus_news, .science, .xiao_video, .main3r, .dlogo, .bq, .ewm { width: 100%; max-width: 100%; } .notice_list ul li a, .campus_newslist ul li a { width: 70%; } .campus_news { margin: 0; } .main2 { margin-top: 15px; } .lecturelist2 li p { height: 88px; } .video_img { height: auto; } .main3rx p { bottom: 0px; padding-left: 10px; } .zt1 li, .zt2 li { width: 50%; margin: 0; padding-bottom: 10px; } .zt1 li img { width: 100%; } .zt1 { margin-bottom: 20px; } .dlogo, .bq, .ewm { margin-top: 20px; text-align: center; } .bq ul li { float: left; width: 100%; color: #FFFFFF; margin-bottom: 5px; } .ewm ul li:nth-child(1) { width: 100%; margin-left: 0; margin-bottom: 10px; } .ewm ul li { float: left; color: #FFFFFF; margin-left: 5%; text-align: center; } .ewm ul { float: none; } .body_b { top: 0px } .sjp { display: block; background: #231e5f; } .sjplogo img { margin: 10px; } .demo-2 { display: block; } .dl-menuwrapper button { top: -57px!important; } .slide_container1 { position: relative; float: left; width: 100%; } .slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide1 li { position: absolute; width: 100%; left: 0; top: 0; } .slide1 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide_container2 { position: relative; float: left; width: 100%; } .slide2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide2 li { position: absolute; width: 100%; left: 0; top: 0; } .slide2 img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide2 .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.8; background: #454441; } .slide1 .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; opacity: 0.8; background: #454441; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; margin-top: -45px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto; background-position: right top; right: 0; } .slide_tabs { text-align: right; font-size: 0; list-style-type: none; position: relative; top: -25px; z-index: 2; } .slide_tabs li { display: inline-block; margin: 0 7px; *display: inline; *zoom: 1; } .slide_tabs a { display: inline-block; width: 6px; height: 6px; border-radius: 50%; line-height: 20px; border: 1px solid #FFFFFF; overflow: hidden; } .slide_tabs .slide_here a { background-color: #FFFFFF; } .callback { margin-top: 20px; color: #f50; text-align: center; } .callback em { font-style: normal; } .sjbanner, .sjbfxy { display: block; } .flipster { display: none!important; } .main2 { min-height: auto } } .yc { margin-top: 1000px; display: none; } .yc ul li { width: 48%; background: #EE9202; line-height: 80px; margin-left: 1%; text-align: center; float: left; margin-bottom: 10px; } .yc ul li a { font-size: 20px; color: #fff; } @media screen and (max-width: 375px) { .copy p{width: 78%; margin: 0 auto;} .contact { width: 100%; padding: 0px 20px; } .tshd{min-height: auto;} .dilogo, .yu, .tshd1 { width: 100%; } .yc{display: block;margin-top: 210px !important;} .tshd2,.tshd3,.tshd4,.tshd5,.tshd6,.tshd7{ display: none; } .slide1 img{height: 190px;} }