.more:hover{ background-color:#303d83; color:white !important; } body{ background-image: url(/uploads/image/wximg/content-bg.png); } .toptitlelist { background-color: white; }/*返回顶部*/ .gotop { width: 60px; height: 60px; border-radius: 60px; background-color: #2870b0; color: #ffffff; text-align: center; line-height: 60px; position: fixed; bottom: 100px; right: 20px; z-index: 999; cursor: pointer; } .gotop img{ width: 30px; height: 30px; margin: 15px auto; } /*banner*/ .bannermodel { overflow: hidden; } .swiper, #swiper { width: 100%; height: 100%; margin: 0 auto; position: relative; } .swiper div { display: block; position: absolute; max-width: 1920px; height: 458px; overflow: hidden; left: 0; top: 0; transition: 0.5s; color: #fff; font-size: 50px; text-align: center; line-height: 458px; } .swiper .a { opacity: 1; z-index: 23; -webkit-transform: translatex(255px) translatez(-300px) rotatey(0); -ms-transform: translatex(255px) translatez(-300px) rotatey(0); transform: perspective(500px) translatex(287px) translatez(0) rotatey(0); } .swiper .b { opacity: 1; z-index: 33; transform: translatex(0) translatez(0) rotatey(0deg) } .swiper .c { opacity: 1; z-index: 23; -webkit-transform: translatex(255px) translatez(-300px) rotatey(0); -ms-transform: translatex(255px) translatez(-300px) rotatey(0); transform: perspective(500px) translatex(-287px) translatez(0) rotatey(0); } .swiper .dd { opacity: 0; z-index: -1; -webkit-transform: translatex(0) translatez(-300px) rotatey(0); -ms-transform: translatex(0) translatez(-300px) rotatey(0); transform: perspective(500px) translatex(0) translatez(-253px) rotatey(0); } /* 圆点 */ #cir { position: absolute; bottom: 20px; left: 50%; /* width: 100px;*/ height: 20px; z-index: 999; } .cir_items { width: 10px; height: 10px; border-radius: 10px; background: #fff; float: left; margin-right: 10px; cursor: pointer; } .bannerimg img { width: 100% !important; display: block; height: 500px; line-height: 1; object-fit: cover; } .headernav { /* background-color: #192753; */ /* background: center; height: 154px; width: 100%; min-width: 1200px; */ } /*云农新闻 - 左*/ .fasttitle { display: block; font-size: 24px; font-weight: 600; color: #333333; } .fastmore { text-align: right; font-size: 16px; color: #2870b0; } .fastsubtitle { border-bottom: 4px solid #2870b0; line-height: 56px; height: 56px; margin: 20px 15px; } .fastsubtitle .col-xs-6{ padding-left: 0; padding-right: 0; } .subtitle { display: block; font-size: 24px; text-align: center; margin: 60px 0; font-weight: 600; color: #606060; } .fastnewsleft { padding: 10px 0; } /*云农新闻 - 右*/ .fastnewsright { padding: 0; } .focusnewsimg img { width: 100%; height: 400px; object-fit: cover; display: block; } .focusnewsimg p { padding: 0 15px; font-size: 18px; color: #fff; background-color: #192753; font-weight: normal; line-height: 50px; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*导航切换*/ .toptitlelist { color: #454545; font-weight: bold; /*height: 56px;*/ border-bottom: 4px solid #2870b0; position: relative; width: 100%; } .toptitlelist .more{ position: absolute; right: 0; bottom: 15px; font-size: 16px; color: #2870b0; font-weight: normal; } .toptitlelist a:focus { color: #454545; } .toptitlenav, .partynav, .medianav, .collegenav{ font-size: 24px; color: #333333; /*height: 46px;*/ /*line-height: 46px;*/ display: inline-block; cursor: pointer; text-align: center; margin-right: 40px; /*border-bottom: 2px solid #f8f8f8;*/ } .toptitlenav:last-child, .partynav:last-child, .collegenav:last-child{ margin-right: 0; } .toptitlelist .navactive { color: #2870b0 !important; background: url(/uploads/image/wximg/active.png) no-repeat 50% 100%; } /*新闻列表 - 无图片*/ .newslistitem { cursor: pointer; display: inline-block; height: 44px; margin: 10px 0; width: 100%; } .newslistitem:hover p { color: #2870b0 !important; } .newslistitem p { color: #192753; font-size: 17px; /* line-height: 30px;*/ /* display: -webkit-box; */ -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .fastnewsdetail { font-size: 14px; color: #afafaf; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .newslistitem:hover .fastnewsdetail{ color: #333; } .newstime, .newstimegrey { text-align: center; width: 60px; height: 60px; overflow: hidden; padding: 6px 0; } .newstime{ background-color: #2870b0; color: #fff; } .newstimegrey { background-color: #ececec; color: #333; } .newstime span:first-child, .newstimegrey span:first-child{ display: block; font-size: 20px; } .newstime span:last-child, .newstimegrey span:last-child{ display: block; font-size: 12px; } /*党建思政*/ .partyitem{ font-size: 16px; color: black !important; cursor: pointer; line-height: 40px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .partyitem:hover{ color: #2870b0 !important; } .partyimg, .educateimg, .scienceimg{ position: relative; } .partyimg p, .educateimg p, .scienceimg p{ position: absolute; z-index: 9; bottom: 0; width: 100%; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 50px; padding: 0 10px; color: #fff; background-image: linear-gradient(to top, #333, rgba(34,34,34,0)); } /*新闻列表 - 有图片*/ .mainjob { margin-top: 10px; height: 68px; display: block; overflow: hidden; cursor: pointer; display: block; color: #333333; } .mainjob:hover .mainjobimg img { transform: scale(1.1); transition: all 0.3s; } .mainjob:hover p{ color: #2870b0; } .mainjob:hover span{ color: #333333; } .mainjobimg { width: 15%; height: 68px; display: inline-block; float: left; overflow: hidden; } .mainjobimg img { width: 100%; height: 68px; object-fit: cover; transition: all 0.3s; } .mainjobinfo { width: 85%; display: inline-block; padding: 5px 10px; } .mainjobinfo p { color: #192753; font-size: 17px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .mainjobinfo span { font-size: 14px; color: #afafaf; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } /*底部快捷入口*/ .enterlist { position: relative; width: 150px; height: 120px; overflow: hidden; border-radius: 6px; cursor: pointer; display: block; } .enterlist:hover{ box-shadow: 0 0 30px #c2d9e7; } .enterlist .enterbg { display: block; position: absolute; width: 130px; height: 130px; } .enteritem:hover{ box-shadow: 0 0 30px #c2d9e7; } .enterlist .enteritem { position: absolute; z-index: 6; width: 100%; height: 100%; } .enteritem img { display: block; width: 64px; height: 64px; margin: 15px auto 5px auto; } .enteritem span { display: block; text-align: center; color: #1d2353; font-size: 16px; padding: 0 10px; } .entertitle { position: absolute; top: 30px; left: 20px; color: #fff; } /*校园风光*/ .effect { width: 100%; display: inline-block; *display: inline; zoom: 1; text-align: left; margin: 0 auto; } .leftloop { overflow: hidden; border-radius: 6px; } .leftloop .albumbox { overflow: hidden } .leftloop .albumbox ul { overflow: hidden; zoom: 1; } .leftloop .albumbox ul li { margin: 0 10px; text-align: center; float: left; _display: inline; overflow: hidden; width: 430px; height:300px; } .leftloop .albumbox ul li img { width:100%; height:300px; } .leftloop .albumbox ul li:hover { /* width: =5px; height: =5px; */ margin-top:-20px; } .piclist li a{ display: block; } .piclist li a p{ position: absolute; z-index: 9; bottom: 0; width: 100%; padding: 0 15px; color: #ffffff; text-align: center; line-height: 70px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background-image: linear-gradient(to top, #192753, rgba(34,34,34,0)); } /*底部*/ .footer-area{ background-color: #fff; } .uselink{ text-align: left !important; } .uselink:hover a{ color: #2870b0; } .footer-logo{ text-align: left; } .footer-logo img{ height: 70px; width: auto!important; } @media (min-width: 320px) and (max-width: 799px) { body { background-image: none; } .white-bg{ background-color: rgba(0,0,0,0); } /*导航*/ .headernav { /* background: center; */ background-color:white; height: 80px; width: 100%; /* min-width: 1200px; */ } .headernav .logo { padding-top: 20px; } .headerconright{ display:none; } .navwrap{ margin-top:-20px; } .carousel-inner>.item>a>img, .carousel-inner>.item>img { width: 100% !important; display: block; height: 120px !important; line-height: 1; object-fit: cover !important; } /*云农新闻*/ .fastnewsbox{ margin-top: 20px; } .fastnewsleft { padding: 0; margin-bottom: 20px; } .fastnewsright { margin: 20px 0; width: 100%; height: 250px; overflow: hidden; } .focusnewsimg img { width: 100%; height: 200px; object-fit: cover; display: block; } .fasttitle { font-size: 18px; } .fastsubtitle { border-bottom: 2px solid #2870b0; margin: 0 15px 0px 15px; } .toptitlenav, .partynav, .collegenav, .medianav{ font-size: 18px; margin-right: 20px; } /*新闻列表设置*/ .newslistitem{ height: 50px; overflow: hidden; } .newstime, .newstimegrey { text-align: center; width: 60px; height: 50px; overflow: hidden; padding: 3px 0; } .newslistitem .col-xs-9, .newslistitem .col-xs-2{ padding-left: 0 !important; padding-right: 0 !important; } /*党建资政、教育教学、科学研究 - 媒体视点*/ .mainworkbox{ margin-top: 0px; /* padding: 30px 0; */ overflow: hidden; } .partyheight .col-xs-12, .mediumheight .col-xs-12{ padding-left: 0; padding-right: 0; } .partyimg, .educateimg, .scienceimg{ width: 100%; height: 200px; overflow: hidden; margin: 20px 0; } .partyimg img, .educateimg img, .scienceimg img{ width: 100%; height: 100%; display: block; object-fit: cover; } /*通知公告、学术文化、预结算*/ .partybuildbox { padding: 10px 0; } .noticenewsbox .col-xs-12{ padding-left: 0; padding-right: 0; } /*院部动态*/ .collegeheight .col-xs-12{ padding-left: 0; padding-right: 0; } /*校园风光*/ .scenealbumbox { overflow: hidden; height: 300px; } .piclist li { width: 100%; height: 280px; border-radius: 6px; overflow: hidden; position: relative; } .piclist li a img{ width: 100%; height: 280px; object-fit: cover; } /*banner*/ .bannermodel { height: 180px !important; margin: 0 auto 0 auto !important; width: 100% !important; overflow: hidden !important; } .swiper div img { height: 200px !important; line-height: 200px !important; } .swiper div { display: block; position: absolute; height: 200px !important; overflow: hidden; left: 0; top: 0; transition: 0.5s; color: #fff; text-align: center; line-height: 200px !important; } } @media (min-width: 800px) and (max-width: 1920px) { body { background-image: none; } .white-bg{ background-color: #fff; } /*新闻列表 - 有图片*/ .mainjob { background-color: #fff; } /*导航*/ .headernav { background: center; /* height: 154px; */ width: 100%; min-width: 1200px; } .headermenu{ width:100%; height:60px; line-height:60px; background:#1d2353; } .navwrap{ height: 60px; line-height: 60px; padding-right: 18px; font-size: 16px; /* background: no-repeat 100% 100%; */ width: 1360px; margin: 0 auto; } nav ul{ display:flex; width: 1360px; justify-content: space-evenly; } .second-menu{ display:in } .headercon{ width:1360px; margin:0 auto; } .navpadding { display:flex; justify-content: space-between; /* padding: 0 30px; */ } .headerconright{ padding:25px; } .searchbox{ margin-top:30px; } .searchbox button{ width: 40px; height: 25px; background: #1d2353; color: white; } .eng{ display:flex; color:#1d2353; justify-content: end; } .eng img{ width:14px; height:14px; margin:3px 3px 0 0 ; } /* .visitor{ display:flex; justify-content: space-between; margin-left: -60px; padding-top:20px; } .visitoritem{ display:flex; color:#bbc4ac; } .visitoritem img{ width: 16px; height: 16px; margin: 2px 5px 0 0; } */ /*banner*/ .bannerbox { width: 1346px; height: 460px; margin: 0 auto; } .swiper div img { height: 458px; line-height: 458px; object-fit: cover; } .carousel-inner>.item>a>img, .carousel-inner>.item>img { width: 100% !important; display: block; height: 500px !important; line-height: 1; object-fit: cover !important; } /*云农新闻*/ .fastnewsbox { /* margin: 20px 0; padding-bottom: 20px;*/ } .fastnewsleft, .fastnewsright { background-color: #fff; width: 100%; height: 460px; overflow: hidden; border-radius: 6px; } .focusnewsimg { width: 100%; height: 460px; } /*新闻列表设置*/ .newslistitem .col-md-12 { padding-left: 10px !important; padding-right: 10px !important; } /*通知公告、学术文化、预结算*/ .noticeheight, .collegeheight{ width: 100%; overflow: hidden; background-color: #fff; /* padding: 25px 15px; margin-top: 10px;*/ margin-bottom:10px; } .collegeheight .col-md-6{ padding-left: 0; } /*通知公告*/ .noticenewsbox{ overflow: hidden; height:216px; } .noticenewsbox .col-md-4, .noticenewsbox .col-md-2{ padding-left: 0; padding-right: 0; } /*党建思政*/ .partynewsbox{ padding: 10px 0; overflow: hidden; height: 300px; } .partynewsbox .col-md-6{ padding-left: 0; padding-right: 0; } /*党建资政、教育教学、科学研究 - 媒体视点*/ .mainworkbox{ /* padding: 30px 0; */ overflow: hidden; } .mainworkbox .col-md-8{ padding-right: 0 !important; } .mainworkbox .col-md-4{ padding-left: 0 !important; } /*党建资政、教育教学、科学研究 - 媒体视点 - 高度*/ .partyheight, .mediumheight{ width: 100%; height: 300px; overflow: hidden; margin-top: 10px; } .partyimg, .educateimg, .scienceimg{ width: 100%; height: 300px; overflow: hidden; } .partyimg img, .educateimg img, .scienceimg img{ width: 100%; height: 100%; display: block; object-fit: cover; } .scenealbumbox { width: 100%; margin: 0 auto; /* height: 560px; */ overflow: hidden; background: center no-repeat; background-size: 1920px 560px; } .piclist li { width: 33.3%; height: 370px; border-radius: 6px; overflow: hidden; position: relative; border: 2px solid #fff; } .piclist li a img{ width: 100%; height: 370px; object-fit: cover; transition: all 0.3s; } .piclist li a:hover img{ transition: all 0.3s; transform: scale(1.1); } .tempwrap{ width:1920px !important; } .piclist{ height:360px; line-height:360px; padding-top:30px !important; } /*底部*/ .pd-150{ padding: 0 150px; } .oftenlink{ padding-left: 15%; } } @media (min-width: 1921px) and (max-width: 3840px) { .white-bg{ background-color: #fff; } /*新闻列表 - 有图片*/ .mainjob { background-color: #fff; } /*导航*/ .headernav { background: center; height: 154px; width: 100%; min-width: 1200px; } .headermenu{ width:100%; height:60px; line-height:60px; background:#1d2353; } .navwrap{ height: 60px; line-height: 60px; padding-right: 18px; font-size: 16px; /* background: no-repeat 100% 100%; */ width: 1360px; margin: 0 auto; } nav ul{ display:flex; width: 1360px; justify-content: space-evenly; } .second-menu{ display:in } .headercon{ width:1360px; margin:0 auto; } .navpadding { display:flex; justify-content: space-between; /* padding: 0 30px; */ } .headerconright{ padding:25px; } .searchbox{ margin-top:30px; } .searchbox button{ width: 40px; height: 25px; background: #1d2353; color: white; } .eng{ display:flex; color:#1d2353; justify-content: end; } .eng img{ width:14px; height:14px; margin:3px 3px 0 0 ; } /* .visitor{ display:flex; justify-content: space-between; margin-left: -60px; padding-top:20px; } .visitoritem{ display:flex; color:#bbc4ac; } .visitoritem img{ width: 16px; height: 16px; margin: 2px 5px 0 0; } */ /*banner*/ .bannerbox { width: 100%; height: 460px; margin: 0 auto; } .swiper div img { height: 458px; line-height: 458px; object-fit: cover; } .toptitlelist { color: #454545; font-weight: bold; height: 56px; line-height: 40px; border-bottom: 1px solid #2870b0; position: relative; width: 100%; } .carousel-inner>.item>a>img, .carousel-inner>.item>img { width: 100% !important; display: block; height: 500px !important; line-height: 1; object-fit: cover !important; } /*云农新闻*/ .fastnewsbox { margin: 20px 0; padding-bottom: 20px; } .fastnewsleft, .fastnewsright { background-color: #fff; width: 100%; height: 460px; overflow: hidden; border-radius: 6px; } .focusnewsimg { width: 100%; height: 400px; } /*新闻列表设置*/ .newslistitem .col-md-12 { padding-left: 10px !important; padding-right: 10px !important; } /*通知公告、学术文化、预结算*/ .noticeheight, .collegeheight{ width: 100%; overflow: hidden; background-color: #fff; padding: 25px 15px; margin-top: 10px; } .collegeheight .col-md-6{ padding-left: 0; } /*通知公告*/ .noticenewsbox{ overflow: hidden; } .noticenewsbox .col-md-4, .noticenewsbox .col-md-2{ padding-left: 0; padding-right: 0; } /*党建思政*/ .partynewsbox{ padding: 10px 0; overflow: hidden; height: 300px; } .partynewsbox .col-md-6{ padding-left: 0; padding-right: 0; } /*党建资政、教育教学、科学研究 - 媒体视点*/ .mainworkbox{ padding: 30px 0; overflow: hidden; } .mainworkbox .col-md-8{ padding-right: 0 !important; } .mainworkbox .col-md-4{ padding-left: 0 !important; } /*党建资政、教育教学、科学研究 - 媒体视点 - 高度*/ .partyheight, .mediumheight{ width: 100%; height: 300px; overflow: hidden; margin-top: 10px; } .partyimg, .educateimg, .scienceimg{ width: 100%; height: 300px; overflow: hidden; } .partyimg img, .educateimg img, .scienceimg img{ width: 100%; height: 100%; display: block; object-fit: cover; } /*校园风光*/ .scenealbumbox { margin: 0 auto; /* height: 560px; */ overflow: hidden; background: center no-repeat; background-size: 100% 560px; } .piclist li { width: 33.3%; height: 370px; border-radius: 6px; overflow: hidden; position: relative; border: 2px solid #fff; } .piclist li a img{ width: 100%; height: 370px; object-fit: cover; transition: all 0.3s; } .piclist li a:hover img{ transition: all 0.3s; transform: scale(1.1); } .tempwrap{ width:100% !important; } .piclist{ height:400px; line-height:400px; padding-top:55px !important; } /*底部*/ .pd-150{ padding: 0 150px; } .oftenlink{ padding-left: 15%; } }