@charset "utf-8"; html { font-size: 16px; } body { font-family: "microsoft yahei"; font-size: 1rem; color: #333333; padding: 0; margin: 0; } img { max-width: 100%; border: none;margin:0;padding:0; } h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, hr, input, p { padding: 0; margin: 0; list-style: none; outline: none; } a { color: inherit; font: inherit; text-decoration: none; outline: none; } a:hover { text-decoration: none; } a:focus,a:visited,a:visited,a:link { border: none; outline: none; text-decoration: none; } .clearfix { zoom: 1; } .clearfix:after { clear: both; content: ""; display: block; width: 0; height: 0; visibility: hidden; } * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ outline: none; } .fl { float: left; } .fr { float: right; } .hid { overflow: hidden; } .wrapper { position: relative; overflow: hidden; } img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .container { width: 90%; margin: 0 auto; } @media (min-width: 1230px) { .container { width: 1200px; } } @media (min-width: 1480px) { .container { width: 1400px; } } /* ie8提示样式 */ #browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9990009; } #browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #111; opacity: 0.9; z-index: -1; } #browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px; } #browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; } #browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px; } #browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px; } #browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px; } #browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; } #browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px; } #browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; } #browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; } #browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; } #browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; } #browser-modal .browser-content .browser-item a { cursor: pointer; display: block; } #browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px; } #browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700; } /* ie8提示样式 */ /* header */ .header { background: url(../images/header-bg.png) center no-repeat; background-size: cover; position: relative; z-index: 9; padding: 0 8%; } .header .fr { position: relative; } .header .top-links { color: #ffffff; font-size: 0.875rem; text-align: right; padding-top: 10px; } .header .top-links a { color: #ffffff; } .header .top-links span { margin: 0 13px; } .logo { float: left; padding-top: 20px; } .menu-text{ position:absolute; top:5px; right:30%; } /* 搜索 */ .search-box { display: none; position: absolute; right: 0; top: 40px; background: #0a2038; padding: 15px; z-index: 999; } .ss { width: 240px; height: 34px; border-radius: 30px; font-size: 14px; border: 1px solid #fff; } .ss .text { width: 182px; border: none; background: none; color: #fff; height: 33px; line-height: 33px; float: left; margin-left: 17px; padding-left: 8px; } .ss .sub { width: 15px; height: 15px; float: right; margin-top: 10px; margin-right: 10px; } /* 导航 */ .navbar { z-index: 999 !important; border: none; } .navbar .nav-button { display: none; } .navbar .nav { float: right; } .navbar .nav li { float: left; text-align: center; position: relative; } .navbar .nav li > a { display: block; padding: 32px 15px 16px; line-height: 24px; font-size: 1rem; color: #fff; text-decoration: none !important; } .navbar .nav li.cur > a, .navbar .nav li:hover > a { font-weight: bold; } .navbar .nav dl { display: none; position: absolute; border-top: 2px solid #ff6c22; width: 100%; top: 70px; left: 0; background: rgba(13, 89, 167, 0.9); text-align: center; } .navbar .nav dl dd { float: none; padding: 0; width: 100%; } .navbar .nav dl dd a { display: block; width: 100%; line-height: 24px; border: none; color: #ffffff; font-size: 0.875rem; font-weight: normal; padding: 10px 5px; background: none; } .navbar .nav dl dd:hover a { background: rgba(0, 0, 0, 0.42) !important; } .navbar .nav dl:after { content: ""; position: absolute; width: 12px; height: 5px; background: url(../images/nav-topico.png); background-size: 100% 100%; top: -7px; left: 50%; margin-left: -6px; } .navbar .nav li.hover dl, .navbar .nav li:hover dl { display: block; } /* 浮动导航 */ /* 浮动导航结束 */ .slider-banner { width: 100%; position: relative; overflow: hidden; } .slider-banner img { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .slider-banner img:hover { transform: scale(1.05); } .slider-banner .slick-arrow { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; overflow: hidden; text-indent: 999px; z-index: 9; cursor: pointer;border:none; } .slider-banner .slick-arrow.slick-prev { background: url(../images/banner-left.png) no-repeat; background-size: 100% 100%; left: 3%; } .slider-banner .slick-arrow.slick-next { background: url(../images/banner-right.png) no-repeat; background-size: 100% 100%; right: 3%; } .slider-banner .slick-arrow:hover { opacity: 0.8; } /* 中部版块 */ .index-title { overflow: hidden; border-bottom: 1px solid #cccccc; margin-bottom: 20px; } .index-title .cn { float: left; font-size: 1.375rem; font-weight: bold; color: #0d59a7; padding-bottom: 13px; border-bottom: 2px solid #0d59a7; } .index-title .en { float: left; font-size: 0.875rem; color: #666666; font-style: italic; margin-top: 8px; } .index-title .index-more { float: right; } .index-title .index-more:hover img { transform: scale(1.05); } .row1 { padding: 40px 0 20px; background: url(../images/row1-bg.png) bottom right no-repeat; background-size: 100%; } .row1 .c1, .row1 .c2, .row1 .c3 { float: left; width: 52.5%; } .row1 .c2 { margin: 0 2.75%; } .slider-newpic .box { position: relative; overflow: hidden; } .slider-newpic .pic { width: 100%; padding-bottom: 56%; overflow: hidden; position: relative; } .slider-newpic .pic img { position: absolute; top: -140px; left: 0; width: 100%; } .slider-newpic .pic img:hover { transform: scale(1.05); } .slider-newpic .tit { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.42); width: 100%; height: 42px; line-height: 42px; padding: 0 13px; } .slider-newpic .tit p { font-size: 1rem; color: #fff; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .slider-newpic .slick-dots { position: absolute; right: 5px; bottom: 16px; } .slider-newpic .slick-dots li { float: left; margin: 0 4px; width: 7px; height: 7px; background: #e6edf6; cursor: pointer; } .slider-newpic .slick-dots li button { display: none; } .slider-newpic .slick-dots li.slick-active { background: #0d59a7; } .index-news { } .index-news li { overflow: hidden; line-height: 44px; padding-left: 22px; background:none; padding-bottom: 10px;} .index-news li p { font-size: 1rem; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: right; width: calc(100% - 57px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* line-height: 54px; */} .index-news li .date { float: right; font-size: 0.875rem; color: #808080; } .index-news li:hover p { transform: translateX(5px); } .index-notices li { overflow: hidden; margin-bottom: 7px; } .index-notices .date { float: left; width: 55px; height: 55px; background: #f0f0f0; /* border-left: 2px solid #0061ae; */ /* border-bottom: 2px solid #0061ae; */ text-align: center; } .index-notices .date .day { /* margin-top: 10px; */ font-size: 1.55rem; color: #0061ae; height: 32px; line-height: 32px; } .index-notices .date .year { font-size: 0.8125rem; color: #ffffff; height: 25px; background: #0d59a7; line-height: 25px;} .index-notices .text { float: right; width: calc(100% - 90px); padding-top: 5px; } .index-notices .text a { font-size: 1rem; color: #333333; line-height: 30px; height: 60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .index-notices li:hover .date { } .index-notices li:hover .day, .index-notices li:hover .year { } .index-notices li:hover a { transform: translateX(5px); color: #0061ae; } .index-activity li { overflow: hidden; margin-bottom: 17px; } .index-activity .col { float: left; width: 55px; height: 55px; padding: 4px 10px; overflow: hidden; background: #f0f0f0; font-size: 0.9rem; color: #0d59a7; line-height: 25px; letter-spacing: 3px; font-weight: bold; word-spacing: 13px; } .index-activity .text { float: right; width: calc(100% - 92px); } .index-activity .text a { font-size: 1rem; line-height: 24px; color: #333333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .index-activity .text .date { font-size: 0.875rem; color: #666666; margin-top: 7px; } .index-activity li:hover .col { background: #0061ae; color: #fff; } .index-activity li:hover a { transform: translateX(5px); color: #0061ae; } /* 中部快速导航 */ .index-ksdh { overflow: hidden; } .index-ksdh li { float: left; width: 25%; text-align: center; padding: 20px 0; overflow: hidden; } .index-ksdh li a { display: block; } .index-ksdh li a img { width: 76px; height: 76px; } .index-ksdh li p { color: #333333; font-size: 18px; } .index-ksdh li .cn { margin-top: 20px; } .index-ksdh li:nth-child(1) { background: #deeaf6; } .index-ksdh li:nth-child(2) { background: #f6e2e2; } .index-ksdh li:nth-child(3) { background: #def6f4; } .index-ksdh li:nth-child(4) { background: #e5dff4; } .index-ksdh li:nth-child(5) { background: #d6ebf3; } .index-ksdh li:nth-child(6) { background: #f2e9e0; } .index-ksdh li:hover img { transform: rotate(360deg); } .row2 { padding: 40px 0 90px; background: url(../images/row2-bg.png) no-repeat; background-size: cover; position: relative; } .slider-party { margin: 0 -10px; } .slider-party .box { overflow: hidden; position: relative; margin: 0 10px; } .slider-party .box img { width: 100%; } .slider-party .box img:hover { transform: scale(1.05); } .slider-party .slick-arrow { width: 12px; height: 22px; overflow: hidden; text-indent: 99px; border: none; background: none; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 9; } .slider-party .slick-arrow.slick-prev { background: url(../images/party-left.png) no-repeat; background-size: 100% 100%; left: -30px; } .slider-party .slick-arrow.slick-next { background: url(../images/party-right.png) no-repeat; background-size: 100% 100%; right: -30px; } .slider-party .slick-arrow.slick-prev:hover { background: url(../images/party-left-on.png) no-repeat; background-size: 100% 100%; } .slider-party .slick-arrow.slick-next:hover { background: url(../images/party-right-on.png) no-repeat; background-size: 100% 100%; } .row3 { margin-top: 35px; } .row3 .c1 { float: left; width: 66%; overflow: hidden; background: url(../images/yjtd-bg.png) bottom no-repeat; background-size: 100% 100%; padding-bottom: 20px; } .row3 .c2 { float: right; width: 32%; overflow: hidden; background: url(../images/yjpt-bg.png) bottom no-repeat; background-size: 100% 100%; padding-bottom: 20px; } .row3 .title { float: left; width: 70px; height: 270px; background: #2f68ad; border-radius: 0 0 40px 0; overflow: hidden; position: relative; color: #fff; padding-top: 30px; padding-left: 13px; } .row3 .title .cn { font-size: 1.375rem; font-weight: bold; float: left; width: 24px; } .row3 .title .en { font-size: 0.875rem; float: left; width: 160px; margin-left: -41px; margin-top: -43px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); /* Opera */ } .row3 .title:after { content: ""; width: 1px; height: 55px; background: #fff; position: absolute; left: 25px; bottom: 35px; } .yjtd { width: calc(100% - 85px); margin-top: 20px; margin-left: 7px; overflow: hidden; float: left; } .yjtd .slick-arrow{display:none !important;} .yjtd .box { float: left; width: 25%; } .yjtd a { display: block; margin: 0 8px; overflow: hidden; background: #ccdcf1; padding: 10px; } .yjtd a .pic { width: 100%; overflow: hidden; } .yjtd a .pic img { width: 100%; } .yjtd a .pic img:hover { transform: scale(1.05); } .yjtd a p { text-align: center; margin-top: 5px; font-size: 0.9375rem; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .yjpt { width: calc(100% - 95px); margin-top: 20px; overflow: hidden; margin-left: 12px; float: left; } .yjpt .box { margin-bottom: 18px; max-width: 355px; } .yjpt .box img { width: 100%; } .yjpt .box img:hover { transform: translateY(-5px); } .yjpt .box:last-child { margin-bottom: 0; } .back-top { display: none; position: absolute; bottom: 93%; right: 8%; z-index: 99; cursor: pointer; } /* 中部版块 */ /* 底部 */ .footer { margin-top: -15px; padding-top: 40px; padding-bottom: 70px; position: relative; background: url(../images/footer-bg.png) no-repeat; background-size: cover; } .footer .foot-logo { float: left; margin-top: 23px; } .footer .contact { float: left; margin-left: 30px; } .footer .contact p { font-size: 0.875rem; color: #fff; line-height: 40px; } .footer .links { float: left; margin-left: 170px;margin-top:10px; } .footer .link-box { margin-top: 16px; position: relative; } .footer .link-box .tit { width: 185px; height: 30px; padding: 0 15px; border: 1px solid #fff; line-height: 30px; position: relative; cursor: pointer; } .footer .link-box .tit p { font-size: 0.875rem; color: #fff; } .footer .link-box .tit em { position: absolute; right: -1px; top: -1px; width: 30px; height: 30px; background: url(../images/select-ico.png) no-repeat; background-size: 100% 100%; } .footer .link-box ul { position: absolute; bottom: 100%; left: 0; display: none; background: #1e6eda; width: 100%; } .footer .link-box ul li { padding: 5px 15px; } .footer .link-box ul li a { font-size: 0.875rem; color: #fff; } .footer .ewm { float: right; } .footer .ewm img { width: 97px; height: 97px; } .footer .ewm p { font-size: 0.9375rem; color: #fff; margin-top: 10px; text-align: center; } .footer .cory { position: absolute; width: 100%; padding: 10px 0; left: 0; bottom: 0; background: rgba(2, 50, 115, 0.72); text-align: center; } .footer .cory * { color: #fff; font-size: 0.875rem; } /* ie8提示当需要判断IE8下兼容性不好需要升级浏览器 */ .ie8 { text-align: center; color: #fff; height: 100%; border: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1234; margin: 0 auto; font-family: "microsoft yahei"; font-size: 36px; background: #000000; font-weight: 300; filter: Alpha(opacity=70); } /* 列表页 */ /* 二级页面 */ .list-page { margin: 50px 0 70px 0; min-height: 500px; } /* 当前位置 */ .location { float: right; overflow: hidden; background: url(../images/home.png) left center no-repeat; padding-left: 20px; color: #888888; font-size: 0.875rem; } .location a { color: #888888 !important; } /* 左侧导航 */ .left-nav { width: 250px; float: left; background: url(../images/leftnav-top.png) top center no-repeat; padding: 0 5px; } .left-nav .column { padding: 20px 0 145px; } .left-nav .column h2 { position: relative; padding: 0 20px 15px; font-weight: bold; font-size: 1.5rem; color: #fff; } .left-nav .column h2:after { content: ""; position: absolute; left: 20px; bottom: 0; width: 26px; height: 1px; background: #fff; } .left-nav .sideMenu { margin-top: -125px; background: url(../images/leftnav-bott.png) bottom center no-repeat #fff; background-size: 100%; border: 1px solid #bcbcbc; padding: 0 15px 105px; } .left-nav .sideMenu li > a { position: relative; display: block; color: #333333; font-size: 1.125rem; padding: 20px 0 20px 45px; background: url(../images/leftnav-ico1.png) 20px center no-repeat; border-bottom: 1px solid #d8d8d8; } .left-nav .sideMenu li > a p { position: relative; z-index: 9; } .left-nav .sideMenu dl { padding: 10px 10px 10px 50px; border-bottom: 1px solid #d8d8d8; display: none; } .left-nav .sideMenu dl dd a { display: block; font-size: 0.9375rem; color: #666666; background: url(../images/leftnav-ico3.png) left center no-repeat; padding: 6px 0 6px 13px; } .left-nav .sideMenu dl dd:hover a, .left-nav .sideMenu dl dd.current a { color: #0d59a7; background: url(../images/leftnav-ico4.png) left center no-repeat; } .left-nav .sideMenu li.current > a, .left-nav .sideMenu li:hover > a { color: #0d59a7; font-weight: bold; } .left-nav .sideMenu li.current dl { display: block !important; } /* 右边内容区域 */ .right-con { width: calc(100% - 292px); float: right; } /* 当前栏目 */ .curr-column { border-bottom: 1px solid #cccccc; position: relative; line-height: 26px; } .curr-column p { float: left; font-size: 1.375rem; color: #0d59a7; padding-bottom: 10px; border-bottom: 3px solid #0d59a7; } .page-con { margin-top: 20px; } .page-con .p_pages span{ margin-top:10px !important; } .page-con .p_pages span a{ margin-top:10px !important; } /* 列表页 */ .list-text { overflow: hidden; } .list-text li { line-height: 60px; border-bottom: 1px dashed #e6e6e6; overflow: hidden; } .list-text li .date { float: right; font-size: 0.8125rem; color: #666666; } .list-text li a.tit { float: left; position: relative; font-size: 1rem; color: #333333; width: calc(100% - 90px); padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .list-text li a.tit:after { content: ""; width: 5px; height: 5px; background: #0d59a7; position: absolute; left: 0; top: 50%; margin-top: -2.5px; } .list-text li:hover { border-bottom: 1px dashed #0d59a7; } .list-text li:hover a.tit { color: #0d59a7; transform: translateX(5px); } .list-teacher { margin-top: 40px; } .list-teacher .menu-tea { background: #e9f3fd; display: flex; flex-flow: row nowrap; text-align: center; line-height: 45px; overflow: hidden; } .list-teacher .menu-tea a { cursor: pointer; position: relative; flex: 1; } .list-teacher .menu-tea a:hover, .list-teacher .menu-tea a.current { background: #0d59a7; font-weight: bold; color: #fff; } .list-teacher ul { overflow: hidden; margin: 40px -18px 0; } .list-teacher ul li { float: left; width: 33.3%; margin-bottom: 40px; } .list-teacher ul .box { margin: 0 18px; overflow: hidden; padding: 0 20px 20px 10px; position: relative; } .list-teacher ul .box:before { content: ""; width: 100%; height: calc(100% - 42px); background: #f2f2f2; position: absolute; left: 0; bottom: 0; } .list-teacher ul .pic { float: left; position: relative; z-index: 0; width: 130px; height: 182px; overflow: hidden; } .list-teacher ul .pic img { width: 100%; position: absolute; top: 0; left: 0; } .list-teacher ul .pic img:hover { transform: scale(1.05); } .list-teacher ul .text { position: relative; z-index: 2; float: right; width: calc(100% - 150px); } .list-teacher ul .text .tit { font-weight: bold; font-size: 1.25rem; line-height: 42px; height: 42px; overflow: hidden; } .list-teacher ul .text .tit:hover { color: #0d59a7; } .list-teacher ul .text .abst { margin-top: 15px; color: #555; font-size: 0.75rem; line-height: 24px; height: 96px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .list-teacher ul .text .more { display: block; margin-top: 10px; } .list-teacher ul .text .more:hover img { transform: scale(1.05); } .list-pic { overflow: hidden; margin: 0 -20px; } .list-pic li { float: left; width: 33.3%; margin-top: 40px; } .list-pic a { display: block; margin: 0 20px; background: #f2f2f2; } .list-pic a p { position: relative; text-align: center; line-height: 50px; font-size: 0.9375rem; color: #333333; } .list-pic .pic { width: 100%; position: relative; padding-bottom: 56%; overflow: hidden; } .list-pic .pic img { position: absolute; top: 0; left: 0; width: 100%; } .list-pic a:hover { background: #0d59a7; } .list-pic a:hover img { transform: scale(1.05); } .list-pic a:hover p { line-height: 60px; margin-top: -10px; color: #fff; background: #0d59a7; } .list-news { margin-top: 10px; } .list-news li { position: relative; overflow: hidden; border-bottom: 1px solid #d9d9d9; } .list-news li .pic { width: 280px; height: 158px; position: absolute; left: 0; top: 30px; z-index: 2; } .list-news li .box { position: relative; width: calc(100% - 40px); float: right; padding: 30px 0; } .list-news li .box .txt { margin-left: 270px; padding-left: 10px; } .list-news li .box .txt .tit { display: block; font-weight: normal; font-size: 1rem; color: #444444; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-news li .box .txt .tit:after { content: ""; display: block; width: 30px; height: 2px; background: #105ba8; margin-top: 13px; } .list-news li .box .txt .date { margin-top: 28px;line-height:20px; background: url(../images/date.png) left center no-repeat; padding-left: 35px; font-size: 0.9375rem; color: #0d59a7; } .list-news li .box .txt .abst { margin-top: 20px; color: #888888; font-size: 0.8125rem; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list-news li:hover { border: none; margin-top: -1px; background: #fff; } .list-news li:hover .box { background: #105ba8; } .list-news li:hover .tit { color: #ffffff !important; font-weight: bold !important; } .list-news li:hover .tit:after { background: #ffffff !important; } .list-news li:hover .date { background: url(../images/date2.png) left center no-repeat !important; color: #ffffff !important; } .list-news li:hover .abst { color: #dfe0e0 !important; } /* 列表线条动画 */ .bottom-inOutSpread:before, .bottom-inOutSpread:after, .bottom-inOutSpread > .ui-border-element:before, .bottom-inOutSpread > .ui-border-element:after { content: ""; position: absolute; } .bottom-inOutSpread:after { border-bottom: 1px solid #0080ca; left: 51%; right: 51%; bottom: 0; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .bottom-inOutSpread:hover:after { left: 0%; right: 0%; } .bottom-inOutSpread:not(:hover):after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } /* 列表线条动画结束 */ /* 正文页 */ .article-con { margin-top: 40px; } .article-con h1 { font-size: 1.5rem; line-height: 1.5; text-align: center; margin-bottom: 10px; font-weight: bold; color: #444444; } .article-con h2 { font-size: 1rem; line-height: 1.5; text-align: center; font-weight: normal; margin-bottom: 10px; color: #333333; } .article-con .info { position: relative; line-height: 1.2; text-align: center; padding-bottom: 25px; border-bottom: 1px dashed #d9d9d9; } .article-con .info span { font-size: 0.9375rem; color: #999999; margin: 0 9px; } .article-con .article-text { padding: 15px 0; font-size: 0.9375rem; line-height: 2; color: #060606; /* border-bottom: 1px dashed #d9d9d9; */ } .article-con .article-text p { padding-bottom: 15px; } .article-con .article-text p img, .article-con .article-text p video{ max-width: 100%; height: auto !important; } .updown { overflow: hidden; padding-top: 25px; border-top: 1px dashed #d9d9d9; } .updown ul li { font-size: 0.9375rem; padding: 8px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .updown ul li a { color: #555555; } .updown ul li:hover { transform: translateX(5px); } .updown ul li:hover a { color: #0d59a7; } /* 正文表格P不缩进 */ .article-con .article-text table tr td p, .article-con .article-text table tr th p { text-indent: 0; padding: 0; } .article-tea { margin: 40px 0; } .article-tea .row { overflow: hidden; background: url(../images/con-tea-bg.png) right no-repeat; background-size: cover; } .article-tea .row .pic { float: left; width: 206px; height: 310px; position: relative; overflow: hidden; } .article-tea .row .pic img { width: 100%; height: 100%; } .article-tea .row .text { float: left; width: calc(100% - 340px); margin-left: 35px; padding-top: 20px; } .article-tea .row .text p { font-size: 1rem; color: #333333; line-height: 45px; } .article-tea .con { margin-top: 30px; overflow-x: auto; } .article-tea .con p { font-size: .9375rem; line-height: 36px; color: #333333; }