/*全局样式*/ .w100 { width: 100%; } .fl { float: left; } .fr { float: right; } /*原文件配置*/ .w1200 { width: 1200px; margin: 0 auto; } body { color: #000; background: #f0f2f5; font: 14px/20px arial, sans-serif, 'Microsoft YaHei'; min-width: 1200px; } /*最小宽度1200px是为了适应移动端预览*/ a { color: #000; } input { outline: none; } a:hover { color: #fd711c; } input, textarea { outline: none; } /*按钮专用 end*/ .btn_com { display: inline-block; width: 90px; height: 32px; line-height: 32px; background: #417be7; font-size: 12px; text-align: center; color: #FFF; cursor: pointer; } .btn_com:hover { color: #fd711c; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .input_com { border: 2px solid #0099d9; padding: 8px 10px; font-size: 16px; line-height: 16px; } /*块级转化*/ .di_in { display: inline-block; } .di_no { display: none; } .di_bl { display: block; } /*原文件配置 end*/ /* 到顶部间距 */ .mt0 { margin-top: 0px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 50px; } .mt50 { margin-top: 50px; } .mt55 { margin-top: 50px; } .mt60 { margin-top: 60px; } /* 到左边间距 */ .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 25px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 35px; } .ml45 { margin-left: 35px; } .ml50 { margin-left: 50px; } /* 字体大小 */ .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font22 { font-size: 22px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font28 { font-size: 28px; } .font30 { font-size: 30px; } /*纵向居中*/ .v_middle { vertical-align: middle; } /*横向居中*/ .te-align { text-align: center; } /*相对定位*/ .p_r { position: relative; } .p_a { position: absolute; } /* 白色背景 */ .bgfff { background: #fff; } /*全局样式 end*/ .header { background: url(../images/header-bg.png) no-repeat center; position:relative; height: 385px; } .header .head { padding-top: 40px; } .header .head .lang { font-size: 16px; color: #fff; float: right; margin-right: 8px; } .header .head .search-menu { margin-top: 40px; } .header .head .search-menu .search { border-radius: 100px; height: 40px; transition: all 0.3s; } .header .head .search-menu .search input[type='text'] { width: 0; margin-left: 15px; height: 40px; font-size: 18px; background: none; color: #fff; float: left; transition: all 0.3s; } .header .head .search-menu .search input[type='text']::placeholder { color: #fff; } .header .head .search-menu .search input[type='image'] { float: right; margin-top: 4px; margin-right: 4px; } .header .head .search-menu .search:hover { background: #06aa99; } .header .head .search-menu .search:hover input[type='text'] { width: 160px; } .header .head .search-menu .menu { position: relative; margin-left: 20px; margin-top: 4px; z-index: 10; } .header .head .search-menu .menu-nav { position: absolute; background: #62418c; padding: 10px; top: 40px; right: 0; z-index: 10; display: none; } .header .head .search-menu .menu-nav a { display: block; padding: 0 12px; height: 39px; line-height: 39px; color: #fff; font-size: 16px; border-bottom: #8c75aa 1px solid; word-break: keep-all; white-space: nowrap; } .header .nav { margin-top: 18px; height:40px; } .header .nav li { float: left; position: relative; margin-right: 11px; } .header .nav li a { font-size: 18px; color: #fff; padding: 0 12px; height: 40px; line-height: 40px; display: block; } .header .nav li .sub { position: absolute; min-width: 234px; padding: 20px 15px; background: rgba(0, 0, 0, 0.3); z-index: 10; display: none; } .header .nav li .sub a { font-size: 14px; height: 28px; line-height: 28px; display: block; word-break: keep-all; white-space: nowrap; } .header .nav li .sub a:hover { background: #5b4e82; } .header .nav li.on > a { background: #5b4e82; } .news { padding-bottom: 38px; } .news ul { margin-top: 10px; } .news ul li { float: left; width: 355px; padding*: 0 35px; height: 362px; margin-right: 63px; position: relative; } .news ul li::after { content: ''; position: absolute; height: 462px; width: 100%; background: #fff; bottom: 0; left: 0; z-index: -1; } .news ul li img { width: 100%; border*: #fff 10px solid; display: block; margin: 0 auto; border-radius*: 100%; transition: all 0.5s; height:200px; } .news ul li h4 { margin-top: 25px; font-size: 18px; color: #018375; font-weight: normal; text-align: center; height: 76px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news ul li em { width: 30px; height: 8px; background: #06aa99; border-radius: 100px; display: block; margin: 10px auto 20px; } .news ul li p { font-size: 14px; line-height: 22px; height: 198px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; } .news ul li:hover img { border-color*: #019d8f; } @font-face { font-family: HYk2gj; src: url('../HYk2gj.ttf'); } .title h3 { height: 64px; line-height: 64px; font-family: 'HYk2gj'; font-size: 36px; color: #06aa99; text-align: center; text-transform: uppercase; } .more { width: 188px; height: 56px; line-height: 56px; background: #fff; border-radius: 100px; text-align: center; display: block; margin: 38px auto 0; font-size: 22px; color: #016770; text-transform: uppercase; transition: all 0.3s; } .more:hover { background: #016770; color: #fff; } .communication { background: url(../images/1.jpg) no-repeat center; height: 567px; padding-top: 55px; } .communication .title h3 { color: #fff; } .communication .btn { text-align: right; } .communication .btn a { height: 70px; line-height: 70px; width: 30px; color: #fff; font-size: 40px; font-family: '宋体'; font-weight: bold; } .communication ul li { float: left; width: 570px; margin-right: 60px; } .communication ul li a { display: block; height: 100px; margin-bottom: 46px; background: #fff url(../images/item-bg.png) no-repeat top right; border-radius: 15px; clear: both; overflow: hidden; transition: all 0.5s; } .communication ul li a p { width: 410px; padding-left: 25px; font-size: 20px; color: #000033; line-height: 32px; height: 64px; overflow: hidden; padding-top: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float: left; } .communication ul li a .date { float: right; color: #fff; padding-right: 18px; text-align: right; font-size: 18px; font-weight: bold; line-height: 36px; padding-top: 15px; } .communication ul li a .date strong { font-size: 24px; display: block; } .communication ul li a:hover { background: #2eb9c5 url(../images/item-bg.png) no-repeat top right; transition: all 0.5s; } .communication ul li a:hover p { color: #fff; } .communication .more { margin-top: 10px; } .academic-report { padding: 115px 0 95px; } .academic-report .fl { width: 615px; } .academic-report .title h3 { text-align: left; font-size: 36px; line-height: 1; color: #5a5a5a; } .academic-report ul li { height: 90px; margin-bottom: 22px; background: #d8d9dc; transition: all 0.5s; } .academic-report ul li a { display: block; } .academic-report ul li .date { float: left; color: #007c87; margin-left: 15px; text-align: right; font-size: 18px; font-weight: bold; line-height: 32px; padding-top: 15px; position: relative; } .academic-report ul li .date::after { content: ''; position: absolute; right: -40px; top: 22px; color: #a6a7a9; height: 50px; width: 24px; border-left: #a6a7a9 1px solid; transform: rotate(20deg); } .academic-report ul li .date strong { font-size: 24px; font-weight: bold; display: block; } .academic-report ul li p { float: right; width: 425px; margin-right: 15px; font-size: 18px; line-height: 2; color: #3f3f3f; height: 64px; overflow: hidden; padding-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .academic-report ul li:hover { background: #0b939f; transform: scale(1.1, 1.1); } .academic-report ul li:hover .date, .academic-report ul li:hover p { color: #fff; } .academic-report ul li:hover .date::after, .academic-report ul li:hover p::after { border-color: #fff; } .academic-report .pic, .academic-report .pic img { width: 546px; height: 383px; } .footer { background: url(../images/footer-bg.png) no-repeat center; height: 334px; color: #fff; } .footer .info { padding-top: 135px; } .footer .info p { font-size: 16px; line-height: 28px; } .footer .foot-logo { padding-top: 25px; padding-right: 120px; } .footer .foot-logo p { font-size: 24px; line-height: 44px; text-transform: uppercase; } .footer .foot-logo p a { font-size: 18px; color: #fff; margin-left: 20px; display: inline-block; vertical-align: top; } .footer .foot-logo img { display: block; margin: 38px 0 0 auto; } .banner-list{width:1360px; height:230px; margin:0 auto;} .list-left-title{width:376px;height:148px; line-height:120px; font-size:30px; background:url(../images/ndqlm.png) no-repeat; position:absolute; top:53px; left:19px; color:#fff; text-align:center;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .list-left{ background:url(../images/ejlm.png); position:absolute; width:316px; padding:0 30px; top:-55px;left:19px;} .subNavBox{width:100%; margin-top:100px;} .subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:16px;color:#000;line-height:48px;padding-left:10px;background:url(../images/icon.png) no-repeat;background-position:5% 50%; padding-left:40px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .subNav:hover{color:#fff;background-color:#2eb9c5} .currentDd{color:#fff;background-color:#2eb9c5} .currentDt{background-image:url(../images/icon-1.png);} .navContent{display: none;border-bottom:solid 1px #e5e3da;} .navContent li a{display:block;width:90%; margin:0 auto 5px auto; height:35px;text-align:left; background:url(../images/icon2.png) no-repeat 10px 13px; padding-left:10%; font-size:14px;line-height:35px;color:#333} .navContent li a:hover{color:#2eb9c5;background-color:#f2f2f2} .list-right{width:800px; min-height: 480px;} .local{width:100%; height:48px; border-bottom:2px solid #0b6cb8; margin-bottom:30px;} .local h3{display:inline-block; border-bottom:2px solid #ffb64d; height:48px; line-height:48px; color:#999; font-weight:normal; font-size:14px; color:#666;} .local h3 a{color:#666;} .right-list{width:816px; padding:0 12px; float:left; margin:15px 0;} .right-list li{width:800px; text-align:left } .right-list li a{color:#333; font-size:14px; height:36px; line-height:36px; width:670px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left; background:url(../images/icon.png) no-repeat left; padding-left:10px;} .right-list li i{color:#666; height:36px; line-height:36px; width:90px; text-align:right; font-size:12px; display:block; float:right;} .jj h3{color:#004612; font-size:24px; line-height:30px; text-align:left; margin-bottom:20px;} .jj .fbt{background:#fff; padding:10px 10px;} .jj p,.content-content p{line-height:30px; color:#333; font-size:15px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; margin-bottom:15px;} .content{width:100%; margin:0 auto;} .content-con{margin-top:15px; width:100%; min-height:500px; margin-bottom:30px;} .content-title{width:100%; float:left; margin-bottom:15px; text-align:center; margin-top:10px;} .content-title h3{font-weight:normal; color:#333; display:block; font-size:24px; line-height:36px; width:100%; text-align:center;} .content-title i{display:block; width:100%; float:left; text-align:center; font-size:14px; color:#666; line-height:24px; margin-top:5px;} .content-content{width:100%; float:left; padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:15px;} .syt{width:100%; line-height:30px; float:left;} .syt p{width:100%; float:left; display:block; color:#333; font-size:14px;} .syt p a{color:#333;} .pic-list{margin-top:20px;} .pic-list li{width:180px; margin-right:32px; margin-bottom:20px;} .pic-list li img{width:172px; min-height:112px;} .pic-list li .pic{width:172px; height:112px; border:1px solid #ccc; padding:3px; overflow:hidden; float:left;} .pic-list li .txt{width:180px; height:52px; line-height:52px; text-align:center; color:#333; font-size:14px;} .left-nav li a:hover{background:#005faf; color:#fff;} .left-current{background:#005faf!important; color:#fff!important;} .nlist{clear:both; margin-top:20px;} .nlist ul li { width:95%; margin:32px auto; } .nlist ul li a { display: block; height: 100px; background: #fff url(../images/item-bg.png) no-repeat top right; border-radius: 15px; clear: both; overflow: hidden; transition: all 0.5s; } .nlist ul li a p { width: 81%; padding-left: 25px; font-size: 20px; color: #000033; line-height: 32px; height: 80px; overflow: hidden; padding-top: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float: left; } .nlist ul li a .date { float: right; color: #fff; padding-right: 18px; text-align: right; font-size: 18px; font-weight: bold; line-height: 36px; padding-top: 15px; } .nlist ul li a .date strong { font-size: 24px; display: block; } .nlist ul li a:hover { background: #2eb9c5 url(../images/item-bg.png) no-repeat top right; transition: all 0.5s; } .nlist ul li a:hover p { color: #fff; }