/*鐒︾偣鍥惧紑濮?/ .slider { width: 407px; float: left; position: relative; } .mr-25 { margin-right: 25px; } .slider .hd { height: 10px; overflow: hidden; position: absolute; right: 20px; bottom: 9px; z-index: 9; } .slider .hd ul { overflow: hidden; zoom: 1; float: left; } .slider .hd ul li { float: left; margin-right: 5px; width: 16px; height: 4px; line-height: 14px; text-align: center; background: #fff; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; border-radius: 30px; } .slider .hd ul li.on { opacity: 1; filter: alpha(opacity=100); background: #fff; color: #fff; } .slider .slide-text { position: absolute; bottom: 0; background: url(../images/black_point.png) repeat; color: #fff; height: 35px; width: 100%; font-size: 16px; } .slider .slide-text p { margin-left: 20px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 300px; } .slider .bd img:hover { opacity: 0.9; filter: alpha(opacity=90); } .slider .bd { position: relative; height: 100%; z-index: 0; } .slider .bd li { width: 408px; height: 306px; } .slider .prev, .slider .next { position: absolute; left: 0; top: 133px; display: block; width: 40px; height: 50px; background: url(../images/arrow-left.png) center center no-repeat; opacity: .9; filter: opacity(90); } .slider .next { background: url(../images/arrow-right.png) center center no-repeat; left: auto; right: 0; } .slider .prev:hover, .slider .next:hover { opacity: 1; } .slider .u-tit { background: #fafafa; } .slider .u-tit p { padding: 10px 20px; font-size: 24px; min-height: 72px; font-weight: bold; } .slider .u-tit .more { padding: 0 20px; font-size: 16px; color: #ff9600; float: right; margin-bottom: 10px; } .slider-1 { width: 720px; height: 405px; } .slider-1 .bd li { width: 720px; height: 405px; } .slider-1 .bd img { width: 720px; height: 405px; } .headline { margin-bottom: 24px; position: relative; margin-top: 10px; width: 410px; /* border-bottom: 1px dashed #eee; */ } .headline .u-tit { font-size: 24px; text-align: left; min-height: 24px; font-weight: bold; } .headline .u-ct { line-height: 1.8; min-height: 86px; color: #333333; margin-bottom: 10px; } .headline-1 { border-bottom: 0; margin-top: 20px; } .headline-1 .u-ct { background: #f5f5f5; padding: 15px; } .headline-1 .u-ct p { height: 56px; overflow: hidden; } .headline-2 .u-ct { /* height: 56px; */ overflow: hidden; } .headline-3 .u-ct { background: #f5f5f5; } .slide-box { position: relative; } .slide-box .hd { height: 12px; overflow: hidden; position: absolute; left: calc(50% - 30px); bottom: 15px; z-index: 9; } .slide-box .hd ul { overflow: hidden; zoom: 1; } .slide-box .hd ul li { float: left; margin-right: 6px; width: 10px; height: 10px; background: #fff; cursor: pointer; border-radius: 50%; } .slide-box .hd ul li.on { background: #003d6c; color: #fff; width: 10px; height: 10px; border-radius: 50%; } .slide-box .bd { position: relative; height: 100%; z-index: 0; } .slide-box .bd li a { display: block; } .slide-box .bd img { width: 100%; } .slide-box .bd img:hover { opacity: 0.9; filter: alpha(opacity=90); } .more:hover { color: #1f5c96 !important; } .swiper-box-1 { width: 306px; position: relative; float: right; } .line { height: 2px; width: 58px; margin: 10px 0; background: #2c72b5; } .tab-bg { padding: 20px 0 0; background: #fafafa; margin: 40px 0; } .swiper-video { width: 626px; margin-bottom: 20px; position: relative; margin-top: 10px; } .enroll { width: 626px; margin-bottom: 20px; position: relative; margin-top: 10px; } .enroll .slide-text { position: absolute; bottom: 0; background: url(../images/black_point.png) repeat; color: #fff; height: 35px; width: 100%; font-size: 16px; text-align: center; } .enroll .slide-text p { line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .enroll img { width: 626px; } .enroll .enroll-title { padding: 10px 24px 20px; min-height: 72px; font-weight: bold; } .enroll .enroll-tag { font-size: 18px; color: #fff; background: #ff9600; border-radius: 5px; padding: 0 10px; position: absolute; right: 5%; bottom: 26px; } .enroll .u-tit { font-size: 24px; background: #fff; width: 626px; } .item { width: 624px; margin-bottom: 48px; position: relative; } .finance { width: 624px; margin-bottom: 20px; position: relative; margin-top: 10px; } .finance .headline { width: 626px; margin-top: 0; } .finance .t-list li { margin-bottom: 10px; } .item .item-left { width: 280px; height: 210px; } .item .item-title { font-size: 24px; margin: 10px 0; font-weight: bold; } .item .item-content { min-height: 108px; margin-bottom: 10px; color: #333333; } .item .item-rigth { width: 308px; } .item_more { background: #ebeced; color: #7c7c7c; height: 26px; line-height: 26px; padding: 0 8px; font-size: 16px; border-radius: 20px; } .item_detail { float: right; color: #ff9600; font-size: 16px; margin-bottom: 10px; } .tags { background: #e9f0f6; width: 150px; text-align: center; border-radius: 20px; position: relative; height: 26px; } .tags div { font-weight: bold; font-size: 24px; position: absolute; width: 100%; top: -14px; color: #2f72b6; } .mr-25 { margin-right: 25px; } .slider-2 { width: 626px; float: left; position: relative; } .slider-2 .slide-text { position: absolute; bottom: 0; background: url(../images/black_point.png) repeat; color: #fff; height: 35px; width: 100%; font-size: 16px; } .slider-2 .slide-text p { margin-left: 20px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 500px; } .slider-2 .hd { height: 10px; overflow: hidden; position: absolute; right: 20px; bottom: 9px; z-index: 9; } .slider-2 .hd ul { overflow: hidden; zoom: 1; float: left; } .slider-2 .hd ul li { float: left; margin-right: 5px; width: 16px; height: 4px; line-height: 14px; text-align: center; background: #fff; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; border-radius: 30px; } .slider-2 .hd ul li.on { opacity: 1; filter: alpha(opacity=100); background: #fff; color: #fff; } .slider-2 .bd { position: relative; height: 100%; z-index: 0; } .slider-2 .bd img:hover { opacity: 0.9; filter: alpha(opacity=90); } .slider-2 .bd li { width: 624px; height: 468px; } .slider-2 .prev, .slider-2 .next { position: absolute; left: 0; top: 209px; display: block; width: 40px; height: 50px; background: url(../images/arrow-left.png) center center no-repeat; opacity: .9; filter: opacity(90); } .slider-2 .next { background: url(../images/arrow-right.png) center center no-repeat; left: auto; right: 0; } .slider-2 .prev:hover, .slider-2 .next:hover { opacity: 1; filter: opacity(100); } .slider-2 .u-tit { background: #ffffff; } .slider-2 .video { position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -34px; margin-left: -34px; } .slider-2 .video img { height: 68px; width: 68px; } .slider-2 .u-tit p { padding: 10px 20px 20px; font-size: 24px; font-weight: bold; min-height: 72px; } .slider-2 .u-tit .more { padding: 0 20px; font-size: 16px; color: #ff9600; float: right; margin-bottom: 20px; } /*news list category*/ .category { position: relative; line-height: 40px; margin-bottom: 10px; /* border-bottom: 1px solid #dfdfdf; */ } .category .name { font-size: 24px; font-weight: bold; } .category .more { position: absolute; right: 0; top: 0; line-height: 40px; font-size: 14px; } .w-410 { width: 410px; } .t-list .itm { background: url(../images/list_point.png) left center no-repeat; text-indent: 20px; font-size: 16px; width: 500px; } .t-list li { margin-bottom: 18px; } .t-list-2 .itm { background: url(../images/list_point.png) left center no-repeat; text-indent: 20px; font-size: 16px; width: 350px; } .t-list-2 li { margin-bottom: 12px; } .p-list .itm { width: 580px; float: left; margin: 10px; } .p-list .itm .u-pic { display: block; } .p-list .itm .u-pic img { width: 100%; } .p-list .itm .u-tit { text-align: center; margin-top: 10px; } .p-list-1 .itm { width: 380px; margin: 10px; } .p-list-1 .itm .u-pic { display: block; width: 380px; /* height: 285px; */ border-radius: 5px; } /*slider-txt*/ .slider-txt { overflow: hidden; position: relative; padding: 30px 80px; background: #f9f9f9; } .slider-txt .hd { overflow: hidden; position: absolute; text-align: center; z-index: 1; bottom: 30px; right: 80px; } .slider-txt .hd ul { overflow: hidden; zoom: 1; text-align: center; } .slider-txt .hd ul li { width: 10px; height: 10px; border-radius: 10px; background: #fff; border: 1px solid #000; margin-right: 5px; cursor: pointer; float: left; } .slider-txt .hd ul li.on { background: #e7e7e7; color: #fff; } .slider-txt .bd { position: relative; height: 100%; z-index: 0; } .slider-txt .bd li { zoom: 1; vertical-align: middle; width: 100%; position: relative; } .slider-txt .bd .u-pic { display: block; width: 560px; height: 420px; overflow: hidden; float: left; } .slider-txt .bd img { width: 560px; height: 420px; display: block; } .slider-txt .bd img:hover { opacity: .9; } .slider-txt .prev, .slider-txt .next { position: absolute; top: 50%; margin-top: -25px; left: 15px; display: block; width: 40px; height: 50px; background: #f5f5f5 url(../images/left.png) center center no-repeat; opacity: .9; filter: opacity(90); } .slider-txt .next { background: #f5f5f5 url(../images/right.png) center center no-repeat; left: auto; right: 15px; } .slider-txt .prev:hover, .slider-txt .next:hover { opacity: 1; } .slider-txt .u-ct { float: right; width: 420px; text-align: justify; } .slider-txt .u-tit { font-size: 20px; font-weight: 600; margin-bottom: 20px; } .slider-txt .u-txt { line-height: 2; } .slider-txt-1 { background: none; padding: 0; } .slider-txt-1 .hd { bottom: 0; right: 0; } .slider-txt-1 .hd ul li { width: 20px; height: 8px; border-radius: 0; } .slider-txt-1 .bd .u-pic { display: block; width: 720px; height: 405px; } .slider-txt-1 .bd img { width: 720px; height: 405px; display: block; } .mr-30 { margin-right: 30px; } .w-100 { width: 100%; } /*Pic List*/ .slide-pic { width: 1280px; overflow: hidden; position: relative; margin-top: 20px; } .slide-pic .hd { height: 0; width: 100%; position: relative; } .slide-pic .hd .prev, .slide-pic .hd .next { display: block; overflow: hidden; cursor: pointer; background: url(../images/right.png) no-repeat center center; position: absolute; top: 40px; left: 0; height: 60px; width: 40px; } .slide-pic .hd .next { background: url(../images/left.png) no-repeat center center; left: auto; right: 0; } .slide-pic .hd .prevStop { background-position: -60px 0; } .slide-pic .hd .nextStop { background-position: -60px -50px; } .slide-pic .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .slide-pic .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; display: none; } .slide-pic .hd ul li.on { background-position: 0 0; } .slide-pic .bd { width: 1155px; margin: 0 auto; } /* .slide-pic .bd .tempWrap { width: 1080px; } */ .slide-left .bd ul { overflow: hidden; zoom: 1; } .slide-pic .bd ul li { margin: 0 15px; /* width: 260px; */ float: left; _display: inline; overflow: hidden; text-align: center; width: 135px; height: 127px; border-radius: 10px; } .slide-pic .bd ul li .pic { text-align: center; display: block; height: 195px; position: relative; background: #f9f9f9; } .slide-pic .bd .pic .content { /* width: 100%; */ padding: 20px 0; max-width: 46px; height: 46px; object-fit: cover; display: block; margin: 0 auto; } .slide-pic .bd .title { font-size: 16px; font-weight: bold; } .slide-pic .bd .title p { font-size: 14px; text-align: center; padding: 5px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cut-h-244 { overflow: hidden; height: 296px; }