@charset "utf-8"; /* css document */ /*2021.10.21 */ .new-right .xueyuan{ margin: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .fl { float: left; } .fr { float: right; } .pos { position: relative; } .box { overflow: hidden; } .container { width: 1170px; padding: 0; } .wc-top{ background: url(/uploads/image/_t051timages/topbg.jpg) no-repeat center center; min-height: 155px; background-size: cover; padding-top: 16px; } .logo{ text-align: left; padding-top: 18px; } .top-right{ padding-top: 53px; } .top-tit{ text-align: right; } .top-tit ul li{ /*float: left;*/ display: inline-block; padding-left: 7px; } .top-tit ul li a{ font-size: 14px; color: #fff; text-decoration: none; background: no-repeat left center; padding-left: 9px; } .fa-search{ color: #add1ff; cursor: pointer; } .searchbg{ display:none; background: url(/uploads/image/_t051timages/search.png) no-repeat center center; width: 200px; height: 32px; float: right; opacity: 0.6; } .searchbg .inp-text{ width:170px; height: 32px; line-height: 32px; background: none; border: none; } .searchbg .inp-but{ height: 32px; cursor: pointer; width: 30px; background: none; border: none; } .wc-menu { min-height: 55px; } .wc-menu ul { /*转化为table 并且,宽度百分百,*/ display: table; width: 100%; margin-bottom: 0; padding-left: 0; } .wc-menu ul li { line-height: 55px; position: relative; /*居中并且转为table-cell*/ text-align: center; display: table-cell; /*float: left;*/ list-style: none; /*margin: 0 20px;*/ } .wc-menu ul li a { font-size: 16px; color: #000; position: relative; display: block; transition: all 0.2s; text-decoration: none; padding: 0 20px; line-height: 55px; font-weight: normal; } .wc-menu ul li a.selected, .wc-menu ul li a.parent, .wc-menu ul li a.move { background: #0b5aa8; color: #fff; } .wc-menu ul li a.active, .wc-menu ul li a.move, .wc-menu ul li a.selected, .wc-menu ul li a.parent { background: #0b5aa8; color: #fff; } .wc-menu ul li a:hover { background: #0b5aa8; color: #fff; } .wc-menu ul li a.active, .wc-menu ul li a:hover { background: #0b5aa8; color: #fff; } .wc-menu ul li .ernav { position: absolute; /*position: relative;*/ left: 0px; top: 55px; background: #1357a7; width: 150%; min-width: 100%; z-index: 111 !important; display: none; opacity: 0.85; } .wc-menu ul li .ernav ul { padding-left: 0; } .wc-menu ul li .ernav ul li { /*text-align: center;*/ float: none; display: block; /*二级下拉有影响,需要转化为块状*/ background: none; text-align: left; line-height: 34px; border: none; border-bottom: 1px solid #f3edeb; } .wc-menu ul li .ernav ul li:last-child { border-bottom: none; } .wc-menu ul li .ernav ul li a { line-height: 26px; font-size: 15px; /*text-align: center;*/ background: none; box-shadow: none; border-radius: 0; color: #fff; margin: 0; display: block; padding: 10px 20px 10px 15px; border-bottom: none; font-weight: normal; } .wc-menu ul li .ernav ul li a:hover { background: #e5bc51; color: #fff; } /*menu end*/ img { max-width: 100%; } /* 本例子css */ .banner { overflow: hidden; } .banner img { cursor: pointer; } .banner .swiper-container { width: 100%; margin: 0; padding: 0; } .banner .swiper-wrapper { width: 100%; } .banner .swiper-container .swiper-slide { position: relative; } .banner .swiper-container .swiper-slide .bant{ position: absolute; left: 0px; bottom: 30px; width: 100%; text-align: left; z-index: 111; } .banner .swiper-container .swiper-slide .bant p{ font-size: 32px; color: #fff; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 80%; } .banner .swiper-container .bpage{ position: absolute; left: 0px; width: 100%; bottom: 34px; z-index: 11; } .banner .swiper-container .swiper-pagination { width: 100%; text-align: right; position: relative; } .banner .swiper-container .swiper-pagination-bullet { display: inline-block; width: 33px; height: 32px; background:url(/uploads/image/_t051timages/diand.png) no-repeat center center; cursor: pointer; opacity: 1; margin: 0 15px; } .banner .swiper-container .swiper-pagination-bullet-active { background:url(/uploads/image/_t051timages/dian1.png) no-repeat center center; opacity: 1; } /*banner end*/ .newbg{ background: #fff; padding: 40px 0 40px; } .new-topp{ } .new-topp .new-tit{ } .new-topp .new-tit h4{ font-size: 32px; color: #333; } .new-topp a{ display: block; margin-top: 5px; } .newbg-con{ padding-top: 32px; clear: both; } .new-thul{ padding-top: 5px; } .new-thul ul{ padding-left:0px; padding-top: 10px; } .new-thul ul li{ margin-bottom: 8px; background: url(/uploads/image/_t051timages/hei.png) no-repeat left 24px; padding-left: 15px; } .new-thul ul li a{ font-size: 16px; color: #333; line-height: 25px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new-thul ul li span{ font-size: 16px; color: #333; } .new-thul ul li{ border-bottom: 1px solid #e1e1e1; cursor: pointer; padding-bottom: 10px; } .new-thul ul li:hover{ border-bottom: 1px solid #0b5aa8; } .new-thul2 ul{ margin-bottom: 0; } .new-thul2 ul li:last-child{ margin-bottom: 5px; } /*stbg*/ .stbg{ background: url(/uploads/image/_t051timages/notbg.jpg) no-repeat center center; background-size: cover; min-height: 236px; padding: 35px 0; } .st-con{ padding-top: 13px; } .st-con .swiper-container{ padding-bottom: 40px; } .st-con .swiper-slide{ position: relative; } .st-con .swiper-slide .st-text{ position: absolute; left: 0px; bottom: 0px; background:url(/uploads/image/_t051timages/xblue.png) repeat-x left top; width: 100%; height: 88px; color: #fff; padding: 5px 25px 1px; transition: all 1s; } .st-con .swiper-slide .st-text h4{ font-size: 20px; color: #fff; line-height: 39px; padding: 0; margin: 0;margin-top: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .st-con .swiper-slide .st-img{ position: relative; } .st-con .swiper-slide .st-text:hover{ opacity: 0.8; transition: all 1s; } /*studybg*/ .studybg{ padding: 30px 0 45px; } .st-onecon{ padding-top: 6px; } .st-onecon .swiper-container{ padding-bottom: 30px; padding-top: 10px; } .st-onecon .swiper-container a { text-decoration: none; display: block; transition: all 1s; } .st-onecon .swiper-container a .li{ border: 1px solid #0b5aa8; background:#fff no-repeat left center; padding: 20px 10px; min-height: 102px; position: relative; } .st-onecon .swiper-container a .li i{ position: absolute; right: 0px; bottom: -19px; } .st-onecon .swiper-container .ndate{ float: left; width: 65px; text-align: center; } .st-onecon .swiper-container .ndate p{ font-size: 22px; color: #0b5aa8; margin-bottom: 0; } .st-onecon .swiper-container .ndate span{ font-size: 14px; color: #0b5aa8; } .st-onecon .swiper-container .nli-tt{ } .st-onecon .swiper-container .nli-tt p{ font-size: 16px; color: #333; line-height: 25px; } .st-onecon .swiper-container a:hover{ margin-top: -10px; transition: all 1s; } /**/ .new-onecon{ padding-top: 24px; } .new-onecon .swiper-container{ } .new-onecon .swiper-container a{ text-decoration: none; display: block; } .new-onecon .swiper-container a .xue-li{ background: url(/uploads/image/_t051timages/xuebg.jpg) no-repeat center center; background-size: cover; padding: 24px; transition: all 1s; min-height: 205px; } .new-onecon .swiper-container a .xue-li h4{ color: #fff; line-height: 25px; font-size: 16px; border-bottom: 1px solid #fff; padding-bottom: 15px; padding: 0px 15px 15px; margin-top: 0; } .new-onecon .swiper-container a .xue-li p{ padding: 0px 15px; color: #fff; font-size: 14px; margin-bottom: 1px; } .new-onecon .swiper-container a .xue-li:hover{ opacity: 0.78; transition: all 1s; } /*flink */ .flink{ background: url(/uploads/image/_t051timages/flinkbg.jpg) no-repeat center center; min-height: 250px; padding-top: 55px; } .flink ul li{ float: left; text-align: center; padding: 0 5px; width: 130px; } .flink ul li a{ display: block; text-decoration: none; } .flink ul li a img{ } .flink ul li a span{ display: block; font-size: 14px; color: #0b5aa8; padding-top: 15px; } /*footer*/ .footer { min-height: 20px; padding: 30px 0 25px; background: #04427e; } .f-left h4{ font-size: 18px; color: #fff; } .f-left p{ color: #fff; font-size: 14px; line-height: 35px; margin-bottom: 1px; } .f-mid{ padding-top: 30px; text-align: center; } .f-right p{ text-align: right; } .jj-intro{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding: 0px 15px; color: #fff; font-size: 14px; margin-bottom: 1px; } .jj-intro p{ padding: 0px 15px; color: #fff; font-size: 14px; margin-bottom: 1px; } /*.wc-copyend*/ @media (min-width: 1200px) { } @media (max-width: 1440px) { } @media (max-width: 1200px) { /*中等屏幕设备 桌面*/ } @media (max-width: 991px) { /*小屏幕设备 平板*/ } @media (max-width: 767px) { /*超小屏幕设备 手机*/ }