*{ margin: 0px; padding: 0px; /*word-break:break-all;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } body { -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; font-family: Arial, \5FAE\8F6F\96C5\9ED1; font-size: 13px; line-height: 20px; color: #454545; text-decoration: none; background: #fff; } /*common*/ *:focus {outline: none;} ul, li{ margin:0px; padding:0px; list-style-type:none; } ol, ul { list-style: none; } ul, li, a { padding: 0px; margin: 0px; } button {outline: none;} select { width:100%;} .left { float: left; } .right { float: right; } .clear{clear:both;} .tj {text-align: justify;} .t3d { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bdr4 {border-radius: 4px;} .lets {letter-spacing: 1px;} .blackborder {border: #000 solid 4px;} @media (min-width: 1260px) { .container { width: 1230px; } } .bgbai { background:#ffffff;} .bgqh { background:#eeeeee;} .bgf3 { background:#f3f3f3;} .mb10 { margin-bottom:10px;} .mb15 { margin-bottom:15px;} .mb20 { margin-bottom:20px;} .mt10 { margin-top:10px;} .mt15 { margin-top:15px;} .mt18 { margin-top:18px;} .mt20 { margin-top:20px;} .mt25 { margin-top:25px;} .space0 {padding: 20px 0 0 0;} .space15 { padding:15px;} .space18 { padding:18px;} .space20 { padding:20px;} .bh { display:block; overflow:hidden;} .space-top { padding-top: 10px; } .space-bottom { padding-bottom: 25px; } .img-portfolio { margin-bottom: 15px; } .img-hover:hover { opacity: 0.90; } .mh {min-height: 348px;} .mobmt {} .mobmt1 {} .mobpadding {} .mobmargin {} .lanmumt {margin-top: 15px;} .joinh {height: 663px;overflow: hidden;} @media (max-width: 991px){ .mobmt {margin-top: 36px;} .mobpadding {padding: 0;} .mobmargin {margin: 0;} .joinh {height: auto;} } @media (max-width: 767px){ .mobmt1 {margin-top: 26px;} .lanmumt {margin-top: 0;} } .panel-group { margin-bottom: 0px; } .textcenter { text-align:center; margin:0;} .secondarybox { display:block; overflow:hidden; padding:30px 0 2px 0;} .secondarydetailbox { display:block; overflow:hidden;} .secondarydetailbox form {background: #f9f9f9; padding: 15px 13px 5px 10px; border-radius: 2px; border: #ececec solid 1px;} .secondarydetailbox .jsbox {padding-right: 6px; text-align: right; color: #1b1b1b; /* font-weight: 600; */ font-size: 13px; background: #f9f9f9; width:76px;} .secondarydetailbox .jsbox1 {padding-right: 6px; text-align: right; color: #1b1b1b; /* font-weight: 600; */ font-size: 13px; background: #f9f9f9; width:84px;} .secondarydetailbox select.form-control {padding: 0 5px;margin: 0;height: 30px; color: #454545;} .secondarydetailbox .form-control {border-color: #ccc;background: #ffffff;height: 30px;} .secondarydetailbox .p0 { padding:0px;} @media (max-width: 991px){ } @media (max-width: 767px){ .secondarybox { display:block; overflow:hidden; padding:24px 0 0 0;} } .nrhei {font-size: 15px; line-height: 180%; font-family: \5FAE\8F6F\96C5\9ED1; color: #333333;} h2 { color:#005896;} .clear{clear:both;} .column_nr { display:block; overflow:hidden; float:left; width:100%;} .column_gd { display:block; overflow:hidden;} .border-not { background:#fdfdfd; border-left:#b8dcec solid 1px; border-right:#b8dcec solid 1px; border-bottom:#b8dcec solid 1px;width: 100%;} .imgborder { border:#e6e6e6 solid 0px;margin-bottom:18px;} .imgbox { padding:15px 15px 0 15px;} .imglink { border:#ff9600 solid 1px;margin-bottom:18px;padding: 15px 6px; background: -moz-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%); background: -webkit-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%); background: -o-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%); background: -ms-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%); background: linear-gradient( 0deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%); } .indexbox {overflow:hidden;} .indexbox hr { border-top: 1px dotted #cbcbcb;} .indexbox1 {overflow:hidden;} .indexbox2 {overflow:hidden; margin-bottom: 30px;} .indexrbox {overflow:hidden;padding: 5px 15px 20px 15px;} .frame {border-top: #0561c0 solid 5px;border-bottom: #dedede solid 1px;border-left: #dedede solid 1px;border-right: #dedede solid 1px;background: url(bg02.jpg) repeat-x top center #fff;margin-bottom: 26px;} .framebox {overflow:hidden;padding: 16px 20px 22px 20px;} .framebox-dp {overflow:hidden;padding: 38px 60px 36px 60px;} .framebox-dp .table {margin-top: 20px;} .framebox-lb {padding: 22px 30px 28px 30px;overflow: hidden;} .framebox-lb .table {margin-bottom: 0;margin-top: 20px;} .framebox-bg {padding: 16px 18px 24px 18px;} .frame1 {border-top: #dedede solid 1px;border-bottom: #dedede solid 1px;border-left: #dedede solid 1px;border-right: #dedede solid 1px;background: #f1faee;margin-bottom: 22px;} .framebox1 {overflow:hidden;padding: 14px 15px 20px 15px;} @media (max-width: 767px){ .framebox-dp {overflow:hidden;padding: 18px 15px 16px 15px;} .framebox-dp .table {margin-bottom: 0;} .framebox-lb {padding: 18px 15px 16px 15px;} } /*---------------区域背景---------------------*/ .firstpart {overflow: hidden;padding: 30px 0 0 0;} .secondpart {padding: 26px 0 0 0;} .thirdpart {padding: 0 0 26px 0;} .fourthpart {overflow: hidden;padding: 38px 0 20px 0;background: #014080;} .pagepart {overflow: hidden;padding: 0 0 10px 0;} .subpage {padding: 32px 0 18px 0;overflow: hidden;} .noticebox {background: #2596d1;overflow: hidden;padding: 18px;} /*---------------边框样式---------------------*/ .borderstyle {border: #e5e5e5 solid 1px;padding: 15px;} @media (max-width: 767px){ .borderstyle {padding: 14px 15px 16px 15px;} .subpage {padding: 16px 0 10px 0;} .thirdpart select.form-control {margin: 0 0 15px 0;} } /*---------------栅格---------------------*/ .win-l {width: 67.917%;} .win-r {width: 29.584%;} @media (max-width: 1259px){ .win-l {width: 66.2%;} .win-r {width: 31.141%;} } @media (max-width: 1199px){ .win-l {width: 63.2%;} .win-r {width: 34.141%;} } @media (max-width: 991px){ .win-l {width: 100%;} .win-r {width: 100%;} } /*---------------规章制度检索---------------------*/ .soc_icons {overflow: hidden;width: 100%;border-radius: 3px;margin: 15px 0 0 0;} .soc_icons form {margin: 0;} .TopSearch { height:36px; border:0px solid #c6e2eb; white-space:nowrap; position:relative;} .TopSearch .SearchText { text-indent:10px; line-height:36px; height:100%; vertical-align:top; border:#abd7c1 solid 1px; font-size:13px; color:#404040; width: 99%; float:left; outline:none;border-radius: 3px; } .TopSearch::-webkit-input-placeholder{ color: #8f8f8f;font-family: Arial;} .TopSearch .SearchBtn {position: absolute; width:56px; height:100%; vertical-align:middle; margin:0px 0 0 0; cursor:pointer; background: #087e42; border:0; float:right; border-radius:0px; outline:none;top: 0;right: 0;font-size: 15px;color: #fff;font-weight: 700; } .TopSearch .SearchBtn:hover { background-color:#f68617; } /*---------------网站头---------------------*/ .webheader { background: #ffffff;position: relative;} .webheader .logo { margin:18px 0 15px 0;} .webheader .relatedlink { margin:30px 4px 10px 0; text-align:right;} .webheader .searchbox { position: relative; background:#fff; width: 96%; border-radius:18px; padding: 6px 0;border: #dedede solid 1px;} .webheader .searchbox input[type="text"] { margin: 0 0 0 14px;outline: none; color: #8b8b8b; background: none; border: none; width: 89.33333%; position: relative; font-size: 13px; line-height:20px; -webkit-appearance: none;height: 20px;} .webheader .searchbox input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} .webheader .searchbox::-webkit-input-placeholder{ color: #8b8b8b !important;font-family: Arial;} .webheader .searchbox input[type="submit"] { background: url('../images/searchbtnbg.png') no-repeat 0px 1px; border: none; cursor: pointer; width: 24px; outline: none; position: absolute; top: 5px; right: 5px; } @media (max-width: 1199px){ .webheader .searchbox { width: 100%;} } @media (max-width: 991px){ .webheader .searchbox { width: 91%;padding: 4px 0;} .webheader .relatedlink { margin:24px 2px 8px 0;} .webheader .searchbox input[type="submit"] {top: 4px;} } @media (max-width: 767px){ .webheader {background-position: 22% 100%;background-size: 800% 100%;} .webheader .logo { margin:15px 0 10px 0;} .webheader .searchbox { width: 100%;margin-bottom: 16px;} .webheader .relatedlink { margin:6px 0 10px 0; text-align:center;} } /*---------------栏目样式---------------------*/ .database {overflow: hidden;} .database .row {margin-right: -12px;margin-left: -12px;} .database .row > [class^='col'] {padding-left: 12px;padding-right: 12px;} .database li {margin-top: 20px;} .database li img {border: #dedede solid 1px;} /*---------------栏目样式---------------------*/ .slogan { background: url(../images/sloganbg.jpg) repeat-x top center #1c499c;background-size: 100%;} .slogan .sloganword { margin:86px 0 102px 108px;} @media (max-width: 991px){ .slogan .sloganword { margin:62px 0 76px 58px;} } @media (max-width: 767px){ .slogan .sloganword { margin:52px 0px 60px 15px;} .slogan {background-size: 132% 100%;} } @media (max-width: 380px){ .slogan {background-size: 152% 100%;} } /*---------------栏目样式---------------------*/ .lanmu { overflow: hidden;border-bottom: #dedede solid 1px;padding: 0 0 12px 0;} .lanmu_l { color:#222;float:left;font-weight: 700;font-size:20px;} .lanmu_l img {display: inline-block;margin-right: 10px;margin-top: -3px;} .lanmu_r { float:right; font-size:14px;font-family: Arial;} .lanmu_r a{ color:#a6a6a6; text-decoration:none;} .lanmu_r a:hover{ color:#0054aa; text-decoration:none;} .lanmu1 { overflow: hidden;border-bottom: #dedede solid 1px;padding: 0 0 12px 0;} .lanmu1_l { color:#222;float:left;font-weight: 700;font-size:28px;line-height: 34px;} .lanmu1_l img {display: inline-block;margin-right: 10px;margin-top: -3px;} .lanmu1_r { float:right; font-size:14px;font-family: Arial;} .lanmu1_r a{ color:#a6a6a6; text-decoration:none;} .lanmu1_r a:hover{ color:#0054aa; text-decoration:none;} .lanmu2 { overflow: hidden;margin: 20px 0 0 0;border-bottom: #e7e7e7 solid 1px;} .lanmu2_l { color:#ffffff;float:left;font-weight: 700;font-size:16px;padding: 0 0 8px 0;} .lanmu2_l img {display: inline-block;margin-right: 10px;margin-top: -3px;} .lanmu2_r { line-height:32px; float:right; font-size:12px;font-family: Arial;} .lanmu2_r a{ color:#bfcddd; text-decoration:none;} .lanmu2_r a:hover{ color:#ffffff; text-decoration:none;} .column { height:40px; background:url(yjs-line01.png) left bottom repeat-x; overflow:hidden;} .column_l { width:auto; height:40px; border-bottom:#105abe solid 3px;font-size:24px; font-weight:700; color:#0048aa; float:left; display:inline-block; overflow:hidden;line-height: 24px;} .column_r { width:auto; height:38px; line-height:18px; font-size:14px; font-family:Arial; text-align:right; float:right; overflow:hidden;} .column_r a { color:#0054aa; text-decoration:none; display:inline-block; height: inherit; padding-top:6px;} .column_r a:hover { color:#df0000; text-decoration:none;} .column1 { height:40px; background:url(yjs-line02.png) left bottom repeat-x; overflow:hidden;} .column1_l { width:auto; height:40px; border-bottom:#25b5f5 solid 3px;font-size:24px; font-weight:700; color:#ffffff; float:left; display:inline-block; overflow:hidden;line-height: 24px;} .column1_r { width:auto; height:38px; line-height:18px; font-size:14px; font-family:Arial; text-align:right; float:right; overflow:hidden;} .column1_r a { color:#ffffff; text-decoration:none; display:inline-block; height: inherit; padding-top:6px;} .column1_r a:hover { color:#25b5f5; text-decoration:none;} .subcolumn { background:url(yjs-line01.png) left bottom repeat-x; overflow:hidden;} .subcolumn_l { width:auto; border-bottom:#105abe solid 3px;font-size:28px; font-weight:700; color:#0048aa; float:left; display:inline-block; overflow:hidden;padding: 4px 0 10px 0;line-height: 120%;} .columnry { height:40px; background:url(yjs-line01.png) left bottom repeat-x; overflow:hidden;} .columnry_l { width:auto; height:40px; border-bottom:#105abe solid 3px;font-size:22px; font-weight:700; color:#0048aa; float:left; display:inline-block; overflow:hidden;line-height: 24px;} .columnry_r { width:auto; height:38px; line-height:18px; font-size:14px; font-family:Arial; text-align:right; float:right; overflow:hidden;} .columnry_r a { color:#0054aa; text-decoration:none; display:inline-block; height: inherit; padding-top:6px;} .columnry_r a:hover { color:#1a4fac; text-decoration:none;} /*---------------焦点图---------------------*/ .hotnews {padding: 0;} .hotnews .focuspic {width: 44.44%;float: left;} .hotnews .notice {width: 53.5%;float: right;} @media (max-width: 991px){ .hotnews .focuspic {margin-bottom: 24px;} } @media (max-width: 767px){ .hotnews .focuspic {width: 100%;margin-bottom: 14px;} .hotnews .notice {width: 100%;margin-bottom: 20px;} } .focusimgbox {overflow: hidden;background: #f1f1f1;} .banner-left {padding: 0;width: 68%;float: left;} .banner-right{padding: 26px 30px 0 30px;text-align: left;width: 32%;float: right;} .banner-right h3 {color:#0054aa;margin: 0 0 15px 0;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;max-height: 56px;} .banner-right h3 a {color:#0054aa;font-size: 19px;font-weight: 700; line-height: 28px;background: transparent;padding: 0;margin: 0;text-align: justify; } .banner-right h3 a:hover {color:#e60000;background: transparent;} .banner-right p{color:#333333;font-size: 15px;line-height: 26px;margin: 0 0 15px 0;overflow: hidden;word-break:break-all;text-align: justify;} .banner-right h5 {color:#0054aa;font-size: 14px;text-align: right;margin: 15px 0 0 0;font-family: Arial;} .banner-right .focusbtn {text-align: right;} .banner-right .focusbtn a {color: #ffffff; margin-top:15px;background:#ff7800;padding:8px 25px;font-size:14px;display: inline-block; border-radius: 3px;} .banner-right .focusbtn a > i {font-size: 16px;font-weight: 700; color: #ffffff;margin-left: 9px;} .banner-right .focusbtn a:hover {background:#0660a0;color:#fff;text-decoration:none;} .banner-left-cg {width: 100%;} .banner-right-cg {width: 100%;} .banner-right-cg h3 {color:#333;line-height: 100%;margin: 8px 0 0 0;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;max-height: 56px;} .banner-right-cg h3 a {color:#333;font-size: 16px;line-height: 100%;background: transparent;padding: 0;margin: 0;text-align: justify; } .banner-right-cg h3 a:hover {color:#0054aa;background: transparent;} @media(max-width:1259px){ .banner-right p {margin: 0;max-height: 256px;-webkit-line-clamp: 10;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;} } @media(max-width:1199px){ .banner-right h3 a {line-height: 24px;font-size: 18px;} .banner-right p {line-height: 23px;max-height: 204px;-webkit-line-clamp: 9;} .banner-right{padding: 22px 26px 0 26px;} .banner-right .focusbtn a {padding:6px 25px;} } @media(max-width:991px){ .banner-right h3 a {line-height: 20px;font-size: 17px;} .banner-right p {font-size: 15px;line-height: 22px;max-height: 130px;-webkit-line-clamp: 6;} .banner-right{padding: 16px 30px 0 20px;} } @media(max-width:767px){ .banner-right{width: 100%;padding: 18px 15px 18px 15px;} .banner-right h3 {margin: 0 0 13px 0;} .banner-right h3 a {font-size: 20px;line-height: 28px;} .banner-right p {-webkit-line-clamp: inherit;} } @media(max-width:650px){ .banner-left {width: 100%;} .banner-right .focusbtn a {display: none;} .flex-control-nav {display: none;} } /*--焦点图END--*/ /*---------------快速通道---------------------*/ .quicklinks {overflow: hidden;} .quicklinks li {background: url(../images/yjs-bg04.jpg) repeat-x bottom center #ffffff;border: #8ebad8 solid 1px;padding: 6px 14px;border-radius: 2px;margin-bottom: 12px;overflow: hidden;position: relative;min-height: 56px;} .quicklinks li:last-child {margin-bottom: 0;} .quicklinks li .btnimg {float: left;width: 78%;position: absolute; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .quicklinks li .btnr {float: right;border-left: #c2e0ee solid 1px;padding-left: 10px;width: 20%;} .quicklinks li .btnr tbody {background-color: transparent;} @media (min-width:992px) and (max-width:1199px) { .quicklinks li .btnimg {width: 65%;} .quicklinks li .btnr {width: 24%;} } @media (max-width: 991px){ } /*---------------联系我们---------------------*/ .lxinfo {overflow: hidden;} .lxinfo li{margin-bottom: 15px; display: block; overflow: hidden; } .lxinfo li:last-child {margin-bottom: 0px;} .lxinfo .news-img{ margin-right: 10px; margin-bottom:0px;} .lxinfo .news-img img{ border-radius: 4px;} .lxinfo .news-txt p { line-height: 25px; font-size: 15px; margin: 0px; color:#252525;} @media (min-width: 768px) { .lxinfo .news-img img{ width: 220px; height: 170px;} .lxinfo .news-img{ margin-right: 15px;} .lxinfo li{margin-bottom: 20px; display: block; overflow: hidden; } } @media (max-width: 1199px) { .lxinfo .news-img img{ width: 140px; height: 93px;} } @media (max-width: 991px) { .lxinfo .news-img img{ width: 220px; height: 170px;} } @media (max-width: 767px) { .lxinfo .news-img{ margin-bottom:2px;} .lxinfo .news-img img{ width: 126px; height:84px;} } @media (max-width: 320px) { .lxinfo .news-img img{ width: 99px; height:66px;} } .contacttxt {line-height: 32px;font-size: 14px;color: #454545;margin-bottom: 15px;} .contacttxt1 {line-height: 32px;font-size: 14px;color: #454545;margin-bottom: 3px;} @media (min-width:992px) and (max-width:1199px) { .contacttxt {line-height: 29px;margin-bottom: 4px;} } /*---------------相关链接---------------------*/ .weblinks {overflow: hidden;} .weblinks li {margin-bottom: 8px;} .weblinks li:last-child {margin-bottom: 0px;} .weblinks li img {width: 100%;border: #e1ecf6 solid 1px;} @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .weblinks {margin-top: 20px;} } @media (max-width: 320px) { } /*---------------通知公告---------------------*/ .noticebtn { overflow:hidden;} .noticebtn ul li { margin-bottom:14px; margin-right:30px; display:inline-block; width:47%; float:left;} .noticebtn ul li:nth-child(even) { margin-right:0px;} .noticebtn ul li a { font-size:20px;line-height: 20px;font-weight: 600; background:#32c7ff; border-radius:2px; color:#ffffff; padding:9px 0 11px 0; display:block; overflow:hidden; text-align:center;} .noticebtn ul li a i { font-size:22px;margin-right: 6px;} .noticebtn ul li a:hover { background:#ff9000; color:#ffffff;} .noticebtn ul li a img {display: inline-block;margin-right: 8px;margin-top: -3px;} @media (max-width: 1299px){ .noticebtn ul li { width:46.8%;} } @media (max-width: 1199px){ .noticebtn ul li { width:45.8%;} .noticebtn ul li a {font-size:16px;} .noticebtn ul li a i { font-size:16px;margin-right: 0;} } @media (max-width: 991px){ .noticebtn ul li { width:48.5%;} .noticebtn ul li a {font-size:20px;} .noticebtn ul li a i { font-size:22px;margin-right: 6px;} } @media (max-width: 767px){ .noticebtn ul li { width:46.7%;} } @media (max-width: 320px){ .noticebtn ul li { width:45.8%;} .noticebtn ul li a {font-size:16px;} .noticebtn ul li a i { font-size:16px;margin-right: 0;} } /*-----------------首页视频---------------------*/ .sy-newsbox { margin-top: 18px; } .sy-newsbox .sy-n-img { position: relative;overflow: hidden; } .sy-newsbox .sy-n-img:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } .sy-newsbox .sy-n-img i { display: block; position: absolute; opacity: .6; text-align: center; color: inherit; font-size: 60px; width: 60px; height: 60px; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;z-index: 1; color: #fff; } .sy-newsbox .sy-n-txt { line-height: 1.2; } .sy-newsbox .sy-n-txt h4 { margin:0 0 6px 0; font-size:15px;background: #18adef;padding: 15px 10px;text-align: center;} .sy-newsbox .sy-n-txt h4 a { line-height: 20px; color:#ffffff; font-weight:500; font-size:16px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: block; } .sy-newsbox .sy-n-txt h4 a:hover { color:#000000; text-decoration:none;} .sy-newsbox li { overflow: hidden; margin-bottom: 16px; } .sy-newsbox li:last-child { margin-bottom: 0px;} .sy-newsbox .sy-n-img img { height: 220px; width: 100%; -webkit-transition: all .5s ease; /* Safari and Chrome */ -moz-transition: all .5s ease; /* Firefox */ -ms-transition: all .5s ease; /* IE 9 */ -o-transition: all .5s ease; /* Opera */ transition: all .5s ease; } .sy-newsbox .sy-n-txt p { color: #6d6d6d;line-height: 20px;margin-top: 6px;font-size: 13px; display:none; } @media (max-width:1259px){ .sy-newsbox .sy-n-img img {} } @media (max-width:1199px){ .sy-newsbox .sy-n-img img {height: 170px;} } @media (max-width:991px){ .sy-newsbox .sy-n-img img {height: 200px;} } @media (max-width:767px){ .sy-newsbox .sy-n-img img {} } /*Button*/ .gnan { overflow:hidden; display:block; border-radius:0px; background: url(yjs-btnbg.jpg) no-repeat left top #f6f6f6; padding:38px 18px 38px 30px; border:#c2e0ee solid 1px;border-radius: 5px;margin-bottom: 20px;} .gnan .tb { width:auto; overflow:hidden; margin:0 15px 0 0;} .gnan .cn { color:#0048aa; font-size:22px; line-height:24px; font-weight:700; overflow:hidden; margin:0 0 7px 0;} .gnan:hover .cn { color:#000000; } .gnan .en { color:#0048aa; font-size:12px; line-height:16px; font-family: Arial; overflow:hidden; margin:0;} .gnan:hover .en { color:#000000; } @media (max-width: 1199px){ .gnan {padding:21px 18px 22px 15px;} } @media (max-width: 767px){ .gnan .cn { font-size:20px;} } /*------------------选项卡----------------*/ .indexggbox {width: auto; height:auto; overflow:hidden; margin-bottom: 20px; border-top:#cce7f4 solid 1px; border-bottom:#cce7f4 solid 1px; border-left:#cce7f4 solid 1px; border-right:#cce7f4 solid 1px;} .index_tab {position: relative;} .index_tab .tabmenu { overflow: hidden;border-bottom: #dedede solid 1px;height: 33px; } .index_tab .tabmenu ul li { color: #222; font-size:20px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-weight:700; float: left; margin-right:18px;line-height: 20px;border-right: #dedede solid 1px;padding-right: 18px; } .index_tab .tabmenu ul li:last-child {margin-right:0px;border-right: #dedede solid 0px;} .index_tab .tabmenu ul li a { color: #222; font-size:20px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-weight:700; } .index_tab .tabmenu ul li.selected a { color: #222; font-size:20px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-weight:700; } .index_tab .tabmenu ul li span { float: left; display: block; } .index_tab .tabmenu ul li span.tabg { padding: 0;width: 100%;text-align: center; } .index_tab .tabmenu ul li span.bg { width: 3px; line-height: 0; overflow: hidden; font-size: 0px; } .index_tab .tabmenu ul li span.bg01 { width: 3px; line-height: 0; overflow: hidden; font-size: 0px; } .index_tab .tabmenu ul li span.bg02 { width: 3px; line-height: 0; overflow: hidden; font-size: 0px; } .index_tab .tabmenu ul li.selected span.tabg { width: 100%; text-align:center;color: #222; } .events_tab {position: relative;} .events_tab .tabmenu { background: url(iocas2019-lmbg.gif) repeat-x bottom; height: 36px; overflow: hidden; } .events_tab .tabmenu ul li { height: 36px; color: #063781; font-size:22px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-weight:700; float: left; margin-right:26px; } .events_tab .tabmenu ul li:last-child {margin-right:0px;} .events_tab .tabmenu ul li a { color: #063781; font-size:22px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-weight:700; } .events_tab .tabmenu ul li.selected a { color: #063781; font-size:22px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-weight:700; } .events_tab .tabmenu ul li span { height: 36px; float: left; display: block; } .events_tab .tabmenu ul li span.tabg { padding: 0;width: 100%;text-align: center; } .events_tab .tabmenu ul li span.bg { width: 3px; line-height: 0; overflow: hidden; font-size: 0px; } .events_tab .tabmenu ul li span.bg01 { width: 3px; line-height: 0; overflow: hidden; font-size: 0px; } .events_tab .tabmenu ul li span.bg02 { width: 3px; line-height: 0; overflow: hidden; font-size: 0px; } .events_tab .tabmenu ul li.selected span.tabg { width: 100%; text-align:center;color: #063781; border-bottom:#d11010 solid 3px; } .fwcx { width: 100%; overflow: hidden;height: 346px; } @media (max-width: 1199px) { .index_job .tabmenu ul li {font-size:19px;margin: 0 8px;} .index_job .tabmenu ul li a {font-size:19px;} .index_job .tabmenu ul li.selected a {font-size:19px;} } @media (max-width: 991px) { .index_job .tabmenu ul li {font-size:20px;margin: 0 16px;} .fwcx {height: auto;} } @media (max-width: 767px) { .index_job .tabmenu ul li {font-size:19px;margin: 0 8px;} .events_tab .tabmenu ul li {margin-right:10px;height: 36px; font-size:18px;font-weight:700;} .btn-text {margin: 8px 0 0 0;} } @media (max-width: 380px) { .events_tab .tabmenu ul li {font-size:16px;} } @media (max-width: 320px) { .events_tab .tabmenu ul li {font-size:13px;} } .more {position: absolute;top: 0px;right: 0px;} .more1 {position: absolute;top: -50px;right: 15px;} .more2 {position: absolute;top: -58px;right: 15px;} .more3 {position: absolute;top: -53px;right: 15px;} .more4 {position: absolute;top: -55px;right: 0px;} @media (max-width: 767px){ .more {top: -4px;} .more1 {position: initial;overflow: hidden;margin-top: 5px;} .more2 {position: initial;overflow: hidden;margin-top: 5px;} .more3 {position: initial;overflow: hidden;margin-top: 5px;} } /*---------------图片列表---------------------*/ .homepic { overflow: hidden;} .homepic li {margin: 18px 0 0 0;} .homepic li .boxstyle {overflow: hidden;} .homepic li .boxstyle img {/*border: #efefef solid 1px;*/width: 100%;height: 220px;} .homepic li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .homepic li .boxstyle .txtinfo {margin: 0;overflow: hidden;/*height: 38px;*/background: #18adef;padding: 15px 10px;} .homepic li .boxstyle .txtinfo h4 { font-size: 16px;font-weight: 500;margin: 0;line-height: 20px;overflow: hidden;text-align: center;} .homepic li .boxstyle .txtinfo h4 a { color: #ffffff;text-overflow:ellipsis; white-space:nowrap;overflow: hidden;width: 100%;display: block;} .homepic li .boxstyle .txtinfo h4 a:hover { color: #000000;} .homepic li .boxstyle .txtinfo p {font-size: 13px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .homepic li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 1199px) { .homepic li .boxstyle img {height: 170px;} } @media (max-width: 991px) { .homepic li .boxstyle img {height: 200px;} .homepic li .boxstyle .txtinfo h4 a {white-space: normal;} } @media (max-width: 767px) { .homepic li .boxstyle img {height: auto;} .homepic li .boxstyle .txtinfo h4 {font-size: 16px;} } .picturelist { overflow: hidden;} .picturelist li {margin: 24px 0 0 0;} .picturelist li .boxstyle {overflow: hidden;} .picturelist li .boxstyle img {/*border: #efefef solid 1px;*/width: 100%;height: 188px;} .picturelist li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .picturelist li .boxstyle .txtinfo {margin: 10px 0 0 0;overflow: hidden;/*height: 38px;*/} .picturelist li .boxstyle .txtinfo h4 { font-size: 14px;font-weight: 500;margin: 0 0 3px 0;line-height: 20px;overflow: hidden;text-align: center;} .picturelist li .boxstyle .txtinfo h4 a { color: #067741;text-overflow:ellipsis; white-space:nowrap;overflow: hidden;width: 100%;display: block;} .picturelist li .boxstyle .txtinfo h4 a:hover { color: #333;} .picturelist li .boxstyle .txtinfo p {font-size: 13px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .picturelist li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 1199px) { .picturelist li .boxstyle img {height: 150px;} } @media (max-width: 991px) { .picturelist li .boxstyle img {height: 151px;} .picturelist li .boxstyle .txtinfo h4 a {white-space: normal;} } @media (max-width: 767px) { .picturelist li .boxstyle img {height: auto;} .picturelist li .boxstyle .txtinfo h4 {font-size: 16px;} } /*通用图片&长标题*/ .picturelist1 { overflow: hidden;} .picturelist1 li {margin: 24px 0 0 0;} .picturelist1 li .boxstyle {overflow: hidden;} .picturelist1 li .boxstyle img {/*border: #efefef solid 1px;*/width: 100%;height: 182px;} .picturelist1 li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .picturelist1 li .boxstyle .txtinfo {margin: 8px 0 0 0;overflow: hidden;/*height: 38px;*/} .picturelist1 li .boxstyle .txtinfo h4 { font-size: 15px;font-weight: 500;margin: 0;overflow: hidden;height: 44px;} .picturelist1 li .boxstyle .txtinfo h4 a { color: #333;overflow: hidden;width: 100%;line-height: 140%;display: block;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-decoration: none;-webkit-box-orient: vertical;} .picturelist1 li .boxstyle .txtinfo h4 a:hover { color: #003b8b;} .picturelist1 li .boxstyle .txtinfo p {font-size: 13px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .picturelist1 li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 1259px) { .picturelist1 li .boxstyle img {height: 172px;} } @media (max-width: 1199px) { .picturelist1 li .boxstyle .txtinfo h4 { font-size: 14px;height: 36px;} .picturelist1 li .boxstyle img {height: 140px;} } @media (max-width: 991px) { .picturelist1 .row {margin-left: -10px;margin-right: -10px;} .picturelist1 .col-sm-4 {padding-left: 10px;padding-right: 10px;} .picturelist1 li .boxstyle img {height: 151px;} } @media (max-width: 767px) { .picturelist1 li .boxstyle img {height: auto;} .picturelist1 li .boxstyle .txtinfo h4 { font-size: 16px;height: auto;} } .picinfo {overflow: hidden;margin-top: 6px;} .picinfo li {margin-top: 20px;} .picinfo li .boxstyle {overflow: hidden;} .picinfo li .boxstyle img {border: #c0dfb6 solid 1px;height: 252px;width: 100%;padding: 4px;border-radius: 2px;} .picinfo li:hover .boxstyle img {opacity: 0.9;filter: alpha(opacity=90);} .picinfo li .boxstyle .txtinfo {margin: 9px 6px 0 6px;overflow: hidden;} .picinfo li .boxstyle .txtinfo h5 {font-size: 13px;color: #f7931e;margin: 0 0 8px 0;} .picinfo li .boxstyle .txtinfo h4 { font-size: 13px;font-weight: 500;margin: 0 0 3px 0;line-height: 18px; text-align: center;overflow: hidden;/*font-family: Arial;*/} .picinfo li .boxstyle .txtinfo h4 a { color: #262626;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;width: 100%;display: block;} .picinfo li .boxstyle .txtinfo h4 a:hover { color: #278b39;} .picinfo li .boxstyle .txtinfo p {font-size: 13px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .picinfo li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 1199px) { .picinfo li .boxstyle img {height: 198px;} } @media (max-width: 991px) { .picinfo li .boxstyle img {height: 171px;} } @media (max-width: 767px) { .picinfo li .boxstyle img {height: 236px;} .picinfo .row {margin-right: -10px;margin-left: -10px;} .picinfo .col-xs-6 {padding-right: 10px;padding-left: 10px;} } @media (max-width: 380px) { .picinfo li .boxstyle img {height: 209px;} } @media (max-width: 320px) { .picinfo li .boxstyle img {height: 169px;} } /*------------------滚动公告----------------*/ .marquee-1{ width:100%; height:257px; overflow:hidden; margin: 0;} .marquee-1 ul{float:left; width: auto; padding:0px;} .marquee-1 ul li{float:left; width:100%; padding:5px 0; line-height:20px;background: url(ico-07.gif) no-repeat 0px 13px;padding-left: 12px;} .marquee-1 ul li span{font-size:6px; color:#ff0000; margin-right:5px;} .marquee-1 ul li a:hover{color:#17318b;} .marquee-1 ul li a > img {display: inline-block;margin: 0 0 0 6px;} @media (max-width: 1259px) { } @media (max-width: 1199px) { .marquee-1{ height:280px;} } @media (max-width: 991px) { .marquee-1{ height:180px;} } @media (max-width: 767px) { .marquee-1{ height:180px;} } #marquee1{ width:100%; height:257px; overflow:hidden;} #marquee1 ul{float:left; width: auto; padding:0px;} #marquee1 ul li{float:left; width:100%; padding:6px 0; line-height:20px;background: url(ico-07.gif) no-repeat 1px 14px;padding-left: 16px;} @media (max-width: 1199px) { #marquee1{ height:280px;} } @media (max-width: 991px) { #marquee1{ height:257px;} } @media (max-width: 767px) { #marquee1{ height:180px;} } .hui { font-size: 14px; line-height: 26px; color: #9b9b9b; text-decoration: none; } .hei {font-size: 12px;line-height: 18px;color: #787878;text-decoration: none;font-family: Arial;} a.hei:hover {color: #007935; font-size: 12px; text-decoration: none;} .hei1 { font-size: 15px; line-height: 140%; color: #333333; text-decoration: none; } A.hei1:hover { COLOR: #004a96; FONT-SIZE: 15px;text-decoration: none; } .hei13 { font-size: 13px; line-height: 19px; color: #333333; text-decoration: none; } A.hei13:hover { COLOR: #007935; FONT-SIZE: 13px;text-decoration: none; } .hei14 { font-size: 14px; line-height: 26px; color: #333333; text-decoration: none; } A.hei14:hover { COLOR: #004ea2; FONT-SIZE: 14px;text-decoration: none; } .lan {font-size: 12px;line-height: 18px;color: #0f8fd0;text-decoration: none;} a.lan:hover {color: #15499a; font-size: 12px; text-decoration: none;} .lan1 {font-size: 13px;line-height: 18px;color: #004ea2;text-decoration: none;} a.lan1:hover {color: #333333; font-size: 13px; text-decoration: none;} .lan2 {font-size: 14px;line-height: 18px;color: #a7c2de;text-decoration: none;} a.lan2 {color: #0054aa; font-size: 14px; text-decoration: none;} a.lan2:hover {color: #333333; font-size: 14px; text-decoration: none;} .huang {font-size: 15px;color: #ffc435;line-height: 20px;} .dlan {font-size: 13px;line-height: 18px;color: #6ff3ff;text-decoration: none;font-family: Arial;} .bai {font-size: 12px;line-height: 18px;color: #ffffff;text-decoration: none;font-family: \5FAE\8F6F\96C5\9ED1;background-image: url(ico_bd.gif);background-repeat: no-repeat;background-position: left 6px;padding-left: 16px;} a.bai:hover {color: #6ff3ff; font-size: 13px;} .bai13 {font-size: 13px;line-height: 18px;color: #ffffff;text-decoration: none;} a.bai13:hover {color: #00f0ff; font-size: 13px; text-decoration: none;} /*---------------新闻动态---------------------*/ .minh {} .picnewslist {overflow: hidden;} .picnewslist li{margin-bottom: 8px; display: block; overflow: hidden; } .picnewslist li:last-child {margin-bottom: 0px;border-bottom:#ccc dashed 0px; } .picnewslist li h2 { font-size:15px; line-height:22px; margin:0 0 8px 0;display: block;}/*text-overflow: ellipsis;white-space: nowrap;*/ .picnewslist li h2 a { color:#101010;font-family: \5FAE\8F6F\96C5\9ED1;} .picnewslist li h2 a:hover { color:#004ea2; text-decoration:none;} .picnewslist .news-img{ margin-right: 10px; margin-bottom:8px;} .picnewslist .news-img img{ max-width: 122px; border:#e4e4e4 solid 1px;} .picnewslist .news-txt p { line-height: 20px; font-size: 13px; margin: 0px; color:#8e8e8e;} .picnewslist .news-txt i { font-size: 12px; margin: 0 0 5px 0; color:#009cd1; display:block;font-style: normal;text-align: right;} .picnewslist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:underline; font-style:italic; display:block;} .picnewslist .news-txt p a:hover { color:#15549a;} .picnewslist .hzfa-img{ margin-right: 10px; margin-bottom:15px;} .picnewslist .hzfa-img img{ max-width: 112px; border:#e4e4e4 solid 3px;} .picnewslist .hzfa-txt p { line-height: 1.5; font-size: 12px; margin:0 0 15px 0; color:#8e8e8e;} @media (max-width: 1199px) { .minh {min-height: 98px;} .picnewslist li h2 { font-size:14px;} } @media (max-width: 991px) { .minh {min-height: auto;} } @media (min-width: 768px) { .picnewslist .news-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;} .picnewslist .news-img img{ width: 122px; height: 76px;} .picnewslist .news-img{ margin-right: 13px;} .picnewslist li{margin-bottom: 8px; display: block; overflow: hidden; } .picnewslist .hzfa-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;} .picnewslist .hzfa-img img{ width: 112px; height: 152px;} .picnewslist .hzfa-img { margin-right: 15px;} } @media (max-width: 767px) { .picnewslist .news-img{ margin-bottom:2px;} .picnewslist .news-img img{ width: 126px; height:84px;} .picnewslist .hzfa-img{ margin-bottom:2px;} .picnewslist .hzfa-img img{ width: 106px; height:146px;} .picnewslist li h2 {white-space:normal;} } /*---------------信息平台---------------------*/ .infoplatform {overflow: hidden;} .infoplatform .space {padding: 0;} .infoplatform .boxpadding {padding: 20px 0;} .infoplatform .sideline {border-bottom: #dfeef9 solid 1px;border-right: #dfeef9 solid 1px;} .infoplatform .in_icon1 {background: #0062ac;} .infoplatform .in_icon2 {background: #0ba299;} .infoplatform .in_icon3 {background: #6fbc47;} .infoplatform .in_icon4 {background: #24a9e6;} .infoplatform .in_icon5 {background: #f8b62c;} .infoplatform p {color: #ffffff;margin: 6px 0 0 0;font-size: 12px;} .infoplatform a:hover p {opacity: 0.7;filter: alpha(opacity=70);} @media (max-width: 1299px) { .infoplatform .boxpadding {padding: 23px 0;} } /*---------------通知公告&学术报告---------------------*/ .events {background: #ffffff;overflow: hidden;padding: 11px 0 0 0;} /*通知公告*/ .notices { width:100%;} .notices dl { margin:0px;} .notices dd { overflow: hidden;margin-bottom: 12px;padding-bottom: 12px;border-bottom: #cdcdcd dotted 1px;} .notices dd:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: 0px;} .notices dd.noticesli1{background:#f1f1f1;} .notices dd span { float:left;color:#ff9c00;text-align:center;width:57px;margin-right:2px;font-size:23px;font-weight: 700;padding: 2px 0 0 0;background: url(../images/datebg.png) no-repeat top center;font-family: Arial;line-height: 28px;} .notices dd span b { background: #487ac0;height: 22px; text-align: center; line-height: 22px; font-size: 12px;font-family: Arial; display: block; color:#ffffff;} .notices dd .hdtitle { float:left; width:80%; overflow:hidden; display:block; color:#535353;margin-left: 10px; } .notices dd .hdtitle a { overflow:hidden; display:block; line-height:20px; color:#333333; font-size:14px; text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;} .notices dd .hdtitle a > img { display: inline-block; margin-left:6px;} .notices dd .hdtitle a:hover {COLOR: #0051b1; } .notices dd .hdtitle p { font-size:12px; color:#8e8e8e; line-height:14px;} @media (max-width: 1199px) { .notices dd .hdtitle { width:76%;} } @media (max-width: 991px) { .notices dd .hdtitle { width:80%;} } @media (max-width: 320px) { .notices dd .hdtitle { width:76%;} } /*学术报告列表页样式*/ .academic-notice { width:100%;} .academic-notice dl { margin:0px;} .academic-notice dd { overflow: hidden;margin-bottom: 12px;padding-bottom: 12px;border-bottom: #cdcdcd dotted 1px;} .academic-notice dd:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: 0px;} .academic-notice dd.academic-noticeli1{background:#f1f1f1;} .academic-notice dd span { float:left;color:#ff9c00;text-align:center;width:57px;margin-right:2px;font-size:23px;font-weight: 700;padding: 2px 0 0 0;background: url(../images/datebg.png) no-repeat top center;font-family: Arial;line-height: 28px;} .academic-notice dd span b { background: #487ac0;height: 22px; text-align: center; line-height: 22px; font-size: 12px;font-family: Arial; display: block; color:#ffffff;} .academic-notice dd .hdtitle { float:left; width:90%; overflow:hidden; display:block; color:#535353;margin-left: 10px; } .academic-notice dd .hdtitle a { overflow:hidden; display:block; line-height:20px; color:#333333; font-size:14px; text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;} .academic-notice dd .hdtitle a > img { display: inline-block; margin-left:6px;} .academic-notice dd .hdtitle a:hover {COLOR: #0051b1; } .academic-notice dd .hdtitle p { font-size:12px; color:#8e8e8e; line-height:14px;} @media (max-width: 991px) { .academic-notice dd .hdtitle { width:84%;} } @media (max-width: 767px) { .academic-notice dd .hdtitle { width:80%;} } @media (max-width: 320px) { .academic-notice dd .hdtitle { width:76%;} } /*---------------首页图文---------------------*/ .homelist {overflow: hidden;} .homelist li{margin-bottom: 15px; display: block; overflow: hidden; } .homelist li:last-child {margin-bottom: 0px;} .homelist li h2 { font-size:17px; line-height:18px; margin:0 0 8px 0;} .homelist li h2 a { color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;font-weight: 700;} .homelist li h2 a:hover { color:#0956b4; text-decoration:none;} .homelist .news-img{ margin-right: 10px; margin-bottom:0px;} .homelist .news-img img{ border:#e0e0e0 solid 1px;} .homelist .news-txt p { line-height: 150%; font-size: 14px; margin: 0px; color:#8e8e8e;} .homelist .news-txt i { font-size: 14px;line-height: 150%; color:#1e69bd; display:inline-block;font-style: normal;text-align: right;font-family: Arial;} .homelist .news-txt p a { overflow:hidden; color:#0561c0; font-size:14px; text-decoration:none;} .homelist .news-txt p a:hover { color:#bd2222;} @media (min-width: 768px) { .homelist .news-txt p{ height: auto; font-size: 14px; overflow:hidden;} .homelist .news-img img{ width: 107px; height: 70px;} .homelist .news-img{ margin-right: 15px;} .homelist li{margin-bottom: 20px; display: block; overflow: hidden; } } @media (max-width: 1199px) { .homelist .news-img img{ width: 140px; height: 93px;} } @media (max-width: 767px) { .homelist li h2 { line-height:140%;} .homelist li h2 a { white-space: normal;overflow: inherit;} .homelist .news-img{ margin-bottom:2px;} } @media (max-width: 320px) { .homelist .news-img img{ width: 111px; height:74px;} } /*---------------视频中心---------------------*/ .picvid {margin: 2px 0 0 0;} .videobox {overflow: hidden;display: block;margin: 22px 0 0 0;} .videobox .txtinfo {overflow: hidden;padding: 10px 0 0 0;} .videobox .txtinfo h4 { color: #333;font-size: 15px;line-height: 140%;font-weight: 500;margin: 0;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;text-decoration: none;-webkit-box-orient: vertical;height: 44px;} .videobox .txtinfo h4 a { color: #333;border: 0;display: block;} .videobox .txtinfo h4 a:hover { color: #003b8b;text-decoration: none;} .video-container { /*border:#f7d4c1 solid 6px;*/ position: relative; overflow: hidden; /*display: inline-block;*/ font-size: 16px; font-size: 1rem; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;border-radius: 4px; }/*width:173px; height:116px; */ .video-container:hover .headline { background: white;z-index: 2; } .video-container i { display: block; position: absolute; opacity: .6; text-align: center; color: inherit; font-size: 46px; width: 46px; height: 46px; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; } .video-container:hover a { opacity: .9; /*top: 0;*/ z-index: 2; } .video-container img { width:100%;height:166px; display: block; -webkit-transition: all .5s ease; /* Safari and Chrome */ -moz-transition: all .5s ease; /* Firefox */ -ms-transition: all .5s ease; /* IE 9 */ -o-transition: all .5s ease; /* Opera */ transition: all .5s ease; }/*width: 100%;height: auto;*/ .video-container .video-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease; /* Safari and Chrome */ -moz-transition: all .5s ease; /* Firefox */ -ms-transition: all .5s ease; /* IE 9 */ -o-transition: all .5s ease; /* Opera */ transition: all .5s ease; color: #fff; } .video-container .video-caption span{background-color: #FD0005;position:absolute;top: 0;padding: 0px 7px;font-weight: bold;font-size: 13px;} .video-container .video-caption p{position: absolute;bottom: 0;left:0; right: 0;text-align: center;font-size: 12px; background: rgba(0, 0, 0, .6);margin:0;padding: 6px;} .video-container:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } .video-container:hover .video-caption { background: rgba(0, 0, 0, .3); } @media (max-width: 1259px) { .video-container img {height:159px;} } @media (max-width: 1199px) { .video-container img {height:123px;} } @media (max-width: 991px) { .video-container img {height:121px;} .videobox .txtinfo h4 {font-size: 14px;height: 36px;} .headline {max-height: 68px;font-size: 18px;line-height: 20px;} } @media (max-width: 767px) { .videobox {margin: 26px 0 0 0;} .videobox .txtinfo h4 {font-size: 16px;height: auto;} .video-container img {height:auto;} } /*---------------推荐专题---------------------*/ .specialtopic {min-height: 299px;} .specialtopic li {margin-top: 28px;} .specialtopic img {width: 230px;height:66px;margin: 0 auto;border: #dce0e6 solid 1px;} @media (max-width: 1199px) { .specialtopic img {width: 196px;height:56px;} } @media (max-width: 767px) { .specialtopic {min-height: inherit;margin-top: 10px;} .specialtopic .row {margin-right: -6px;margin-left: -6px;} .specialtopic .col-xs-6 {padding-right: 6px;padding-left: 6px;} .specialtopic li {margin-top: 8px;margin-bottom: 8px} .specialtopic img {width: 170px;height:49px;} } @media (max-width: 380px) { .specialtopic .col-xs-6 {width: 100%;} .specialtopic img {width: 230px;height:66px;} } /*---------------研究单元---------------------*/ .units { display:block; overflow:hidden;} .units ul { overflow:hidden;} .units ul li { background: url(../images/btnbg01.jpg) repeat-x bottom center #fff; border-radius:2px; margin-bottom:12px; padding:7px 9px 8px 20px;border:#c6d9ec solid 1px;} .units ul li:last-child {margin-bottom:0px;} .units ul li img {display: inline-block;margin-right: 13px;margin-top: -3px;} .units ul li a { line-height:54px; font-size:21px; color:#333333; display:block;font-weight: 700;} .units ul li a:hover { color:#17318b; text-decoration:none;} @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 320px) { } /*---------------实验研究基地---------------------*/ .base { display:block; overflow:hidden;} .base ul { overflow:hidden;} .base ul li { background-image: url(../images/btnbg02.jpg);background-repeat: no-repeat;background-color: #0b347b; border-radius:2px; margin-bottom:12px;} .base ul li:last-child {margin-bottom:0px;} .base ul li img {display: inline-block;margin-right: 15px;margin-top: -3px;} .base ul li a { line-height:50px; font-size:22px; color:#fff; display:block;text-align: center;font-weight: 700;} .base ul li a:hover { color:#42c9ff; text-decoration:none;} .base .bgp1 {background-position: center 0px;} .base .bgp2 {background-position: center -60px;} .base .bgp3 {background-position: center -113px;} .base .bgp4 {background-position: center -170px;} /*---------------快速通道---------------------*/ .appsys {overflow: hidden;} .appsys li {width: 25%;overflow: hidden;float: left;} .appsys .space {padding: 0;} .appsys .boxpadding {margin-top: 22px;} .appsys .boxpadding .sysico {width: 100px;height: 100px;text-align: center;margin: 0 auto;border-radius: 50%;padding: 24px 0 0 0;background: #f2f2f2;} .appsys a:hover .boxpadding .sysico {-ms-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);} .appsys .sideline {border-bottom: #ffffff solid 1px;border-right: #ffffff solid 1px;} .appsys .in_icon {background: #ecf5fb;} .appsys p {color: #333;margin: 14px 0 0 0;font-size: 16px;} .appsys a:hover p {color: #004a96;} @media (max-width: 1199px) { .appsys .boxpadding .sysico {width: 90px;height: 90px;padding: 18px 0 0 0;} .appsys p {height: 40px;line-height: 140%;padding: 0 8px;} } @media (max-width: 991px) { } @media (max-width: 767px) { .appsys li {width: 50%;} } /*---------------党群文化---------------------*/ .partyico {overflow: hidden;margin-top: 21px;} .partyico li {width: 20%;overflow: hidden;float: left;} .partyico .space {padding: 0;margin: 20px 0;} .partyico .boxpadding {padding: 10px 0 10px 0;} .partyico .boxpadding .sysico {width: 112px;height: 112px;text-align: center;border: #ffb98e solid 2px;margin: 0 auto;border-radius: 50%;padding: 22px 0 0 0;} .partyico a:hover .boxpadding .sysico {border: #e60012 solid 2px;background: #fffcfa;} .partyico .sideline {border-bottom: #ffffff solid 1px;border-right: #ffffff solid 1px;} .partyico .in_icon {background: #ecf5fb;} .partyico p {color: #980000;margin: 15px 0 0 0;font-size: 15px;font-weight: 700;} /*.partyico a:hover p {opacity: 0.7;filter: alpha(opacity=70);}*/ @media (max-width: 991px) { .partyico li {width: 33.33%;} .partyico .space {margin: 12px 0;} } @media (max-width: 767px) { .partyico li {width: 50%;} } /*---------------页尾---------------------*/ .foot {background: #023160;} .foot .tophalf {padding: 32px 0 30px 0;border-bottom: #000 solid 1px;} .foot .secondhalf {padding: 12px 0;border-top: #255689 solid 1px;background: rgba(38,45,52,.4);color: #dce5eb;font-size: 13px;text-align: center;line-height: 24px;} .foot .secondhalf img {display: inline-block;margin-left: 15px;} .foot .secondhalf a {color: #dce5eb;} .foot .secondhalf a:hover {color:#5094c2;} .copyright{font-size:12px; line-height:20px;color:#f7f7f7;display:block; overflow:hidden;} .copyright .cas { width: 266px;border-right: #89abca solid 1px;display: block;overflow: hidden;float: left;margin: 12px 20px 0 0; text-align:center;} .copyright .cas img {} .copyright .left { width:56%;font-size:13px; line-height:22px;color:#dce5eb;display:block; overflow:hidden; float:left; margin: 8px 0 0 0;} .copyright .left a {color:#dce5eb;} .copyright .left a:hover {color:#5094c2;} .copyright .rightbz { width:80px;display:block; overflow:hidden; float:right;margin: 0 15px 0 0;} .copyright .rightjb { width:65px; padding:10px 0 0 0;display:block; overflow:hidden; float:right;} .copyright .rightwx { width:80px; padding:10px 0 0 0;display:block; overflow:hidden; float:right;} @media screen and (max-width: 1199px){ .copyright .left { width:48%;} .foot {background-position: left 70% top -18px;} } @media screen and (max-width: 991px){ .copyright .left { width:58%;} .copyright .rightbz {padding:10px 0 0 0;} .copyright .rightwx { width:49%;padding:20px 0 0 0;} } @media screen and (max-width: 767px){ .foot .secondhalf {padding: 18px 0;} .foot .secondhalf img {display: none;} .copyright .cas { width: 100%; border:0px;margin: 12px 0 0 0;} .copyright .cas img {display: block;margin-right: auto;margin-left: auto;} .copyright .left { width:100%; text-align: center; margin-top: 20px;font-size:14px;} .copyright .rightwx { width: 50%; } } @media screen and (max-width: 320px){ .copyright .rightwx { width:50%;} } .form-control { border-radius: 0; background: #f7f7f7; height: 38px; padding: 6px; border-color: #dedede; color: #333; font-size: 15px; position: relative; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); } /*---------------------------------导航＆菜单------------------------------------------*/ .twobanner {height: 236px;border-top: #4d788e solid 1px;} .twolmmt {margin: 4px 0 0 0;} .h_menu {padding: 0;} .location_menu { overflow:hidden;padding: 0px;} .navbar {min-height: 40px; border: 0px solid transparent;} .navbar-toggle {float: right;padding: 5px 6px;margin-top: 9px;margin-bottom: 9px; margin-right:0px;border: 2px solid #F6FAFC;} .navbar-menu { font-size:19px; color:#ffffff; float:left; font-weight:500; margin:12px 0 0 0;} .navbar-default .navbar-collapse {border-color: #004184;} .nav-tabs > li { text-align:center;} .nav-tabs > li:last-child {border-right:#cacaca solid 0px;} .nav-stacked > li {background: #e7f3fa;border-bottom: #cae3ed solid 1px;} .nav-stacked li ul { margin: 0; background-color: #ebf9ff; } .nav-stacked li ul li { border-top: solid 1px #D0E9F3;} .nav-stacked li ul li a { border-bottom: solid 0px #D0E9F3; font-size:13px; color:#535353; background:url(../images/reisico_05.gif) #ebf9ff no-repeat left 17px; margin-left:35px; padding: 10px 12px 10px 16px;display: block; } .nav-stacked li ul li a:hover { color: #286ecc; text-decoration:none; } @media (max-width: 1024px) { .twobanner {height: 206px;} } @media only screen and (max-width: 992px) { .nav-pills > li > a {font-size: 14px;} } @media (min-width: 768px) { .navbar-menu {display: none;} .navbar-right {margin-right: 0px;} } @media only screen and (max-width: 768px) { .twobanner {height: 142px;} .h_menu {position: relative;margin-left: -15px;margin-right: -15px;} .location_menu {position: relative;margin-left: -15px;margin-right: -15px;} } @media screen and (max-width: 640px){ .navbar-collapse { margin-top:6px;} } @media screen and (max-width: 480px){ .nav-tabs > li { width:100%;border-right:#cacaca solid 0px;} } .dropdowns {position: relative;} .dropdown .dropdowns.open>a:before {content: "\f105";color: #e3e3e3;} .dropdown .dropdowns>a:before {font-family: 'FontAwesome';content: "\f105";position: absolute;right: 10px;top: 10px;margin-left: 0;visibility: visible;color: #6895be;} .contentWrapper { width: 100%; height: 100%; position: relative; } .contentLeft { width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; border-left: #c4d6e8 solid 1px;border-right: #c4d6e8 solid 1px; } .contentRight { padding: 1.3rem 2rem; margin-left: 250px; } .leftNavigation { margin: 0rem 0; } .leftNavigation, .leftNavigation li ul { list-style: none; padding: 0;background: #f0f7ff; } .leftNavigation li a { font-size: 15px; display: block; padding: 10px 12px 10px 45px; color: #282828; border-bottom: solid 1px #c4d6e8; text-overflow: ellipsis; overflow: hidden; position: relative; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; font-weight:400; } .leftNavigation li a, .leftNavigation li a .leftNavIcon { line-height: 160%; } .leftNavigation li a .leftNavIcon { position: absolute; top: 0; left: 0; width: 5rem; padding: 10px 0; text-align: center; font-weight: 600;color: #82a8d0; } .leftNavigation li.active a .leftNavIcon {color: #00288f;} .leftNavigation li a .leftNavIcon1 { position: absolute; top: 0; left: 0; width: 4rem; padding: 0.8rem 0; text-align: center; } .leftNavigation li a:hover { color: #00288f; text-decoration:none; background:#dbe6f3; } .leftNavigation li a:hover .leftNavIcon {color: #00288f;} .leftNavigation li ul { display: none; margin: 0; background-color: #e8f6fe; } .leftNavigation li ul li { border-bottom: solid 1px #D0E9F3;} .leftNavigation li ul li a { border-bottom: solid 0px #D0E9F3; font-size:13px; color:#535353; background:url(ico_01.gif) #e8f6fe no-repeat left 17px; margin-left:30px; padding-left:12px; } .leftNavigation li ul li a:hover { color: #006bb1; text-decoration:none; background:url(ico_01.gif) #e8f6fe no-repeat left 17px; } /*# li ul li:last-child a { border-bottom: none; }*/ .leftNavigation li ul li.active a { color: #006bb1; text-decoration:none; } .leftNavigation li.active > a { color: #00288f; text-decoration:none; } .leftNavigation li.active ul { display: block; } .leftNavigation > li.active { background-color: #dbe6f3; } .leftNavigation li ul li .level4 {border-top: solid 1px #D0E9F3;} .leftNavigation li ul li .level4 li a { border-bottom: solid 0px #D0E9F3; font-size:13px; color:#535353; margin-left:30px; padding-left:12px;background: transparent; } .leftNavigation li ul li .level4 li a:hover {color: #006bb1;} .leftNavigation li ul li .level4 li {border-bottom: solid 1px #D0E9F3;} .leftNavigation li ul li .level4 li:last-child {border-bottom: solid 0px #D0E9F3;} .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; padding: 4px; } @media (max-width: 991px) { .leftNavigation li a .leftNavIcon {width: 4rem;} .leftNavigation li a {padding: 10px 12px 10px 36px;} } /*---------------------视频---------------------------*/ /*video::-webkit-media-controls-enclosure { display: none !important;}*/ /*PC端宽高设定*/ #CuPlayer div.CuPc{ width:100%; height:450px;margin:0 auto; } /*移动端宽高设定*/ #CuPlayer div.CuMob{ width:100%; height:236px;margin:0 auto;position: relative; } #CuPlayer div.CuPad{ width:100%; height:450px;margin:0 auto; } #CuPlayer .video-js{ width:100%; height:100%;} /*移动端设定*/ @media (max-width: 1199px) { #CuPlayer div.CuMob{ height:235px;} } @media (max-width: 991px) { #CuPlayer div.CuMob{ height:426px;} } @media (max-width: 767px) { #CuPlayer div.CuMob{ height:254px;} } @media (max-width: 380px) { #CuPlayer div.CuMob{ height:216px;} } @media (max-width: 320px) { #CuPlayer div.CuMob{ height:184px;} } #CuPlayer1 div.CuPc{ width:100%; height:450px;margin:0 auto; } /*移动端宽高设定*/ #CuPlayer1 div.CuMob{ width:100%; height:326px;margin:0 auto;position: relative; } #CuPlayer1 div.CuPad{ width:100%; height:450px;margin:0 auto; } #CuPlayer1 .video-js{ width:100%; height:100%;} /*移动端设定*/ @media (max-width: 767px) { #CuPlayer1 div.CuMob{ height:200px;} } @media (max-width: 380px) { #CuPlayer1 div.CuMob{ height:188px;} } @media (max-width: 320px) { #CuPlayer1 div.CuMob{ height:158px;} } /*---------------科技年报---------------------*/ .annualreport {overflow: hidden;background: url(../images/btnbg03.jpg) no-repeat top right #bdebf3;padding: 53px 36px 46px 36px;} .annualreport h3 {color: #1f2c5e;font-size: 36px;font-weight: 700;margin: 0 0 6px 0;} .annualreport h3 span {color: #ff3c00;} .annualreport p {color: #242829;font-size: 16px;font-weight: 700;font-family: Arial;} @media (max-width: 1199px) { .annualreport {padding: 40px 36px 30px 36px;} } /*---------------细览---------------------*/ #xlmain {display: block;margin:0;} #xlmain .wztitle {color: #252525;line-height:130%; font-size: 28px;margin: 15px 0 36px 0;font-weight: 700;letter-spacing: 1px;word-break: break-all;} #xlmain .basicinfo {overflow: hidden; border-bottom: solid 1px #e2e2e2; padding: 0px 0px 3px 0px;} #xlmain .basicinfo .qtinfo {color:#aaa; font-size: 14px;margin: 0 0 10px 0;} #xlmain .basicinfo .qtinfo a {color:#aaa; text-decoration: none;} #xlmain .basicinfo .qtinfo a:hover {color:#de0c0c; text-decoration: none;} #xlmain .basicinfo .share {overflow: hidden;float: right;} #xlmain .text { margin:28px 0 12px 0; overflow:hidden; display:block;} #xlmain .text p {margin: 0 0 16px 0;} #xlmain .text p:last-child {margin: 0 0 0 0;} #xlmain .text img {display: block;margin-right: auto;margin-left: auto;} #xlmain .textxl { margin:26px 0 0 0; overflow:hidden; display:block;} #xlmain .textxl p {margin: 0 0 16px 0;} #xlmain .textxl img {display: block;margin-right: auto;margin-left: auto;} #xlmain .textxl table {margin: 0 0 15px 0;} #xlmain .textxl td {text-align: center;} #xlmain .textld {margin: 32px 0 0 0;} #xlmain .textld p {margin: 0 0 15px;} #xlmain .textld .photo {float: left;position: relative;margin: 0 26px 24px 26px;} #xlmain .textld .photo img {border-radius: 4px;/*margin: 0 0 15px 0 !important;*/display: block;margin-right: auto !important;margin-left: auto !important;max-width: 200px; -ms-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.44); -o-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.44); -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.44); -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.44); box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.44); } #xlmain .textsp { margin:38px auto 0 auto; overflow:hidden; display:block;width: 66%;position: relative;} #xlmain .textsp .txsp {position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background: #fff;z-index: 1;} #xlmain .textsp video {border: #d9d9d9 solid 6px;border-radius: 5px;width: 100% !important;height: 100% !important;} #xlmain .table-bordered > tbody > tr > th, #xlmain .table-bordered > tbody > tr > td {vertical-align: middle;letter-spacing: 0px;} #xlmain .table-bordered > tbody > tr > td {font-size: 15px;} #xlmain .table-bordered > tbody > tr > th {font-size: 15px;color: #282828;background-color: #f3f3f3;} .rylanmu { overflow: hidden;background: #d5eaf8;border-left: #1259b9 solid 5px;padding: 0 12px 0 12px;margin: 18px 0 16px 0;} .rylanmu_l { color:#082675;float:left;font-weight: 700;font-size:19px;line-height: 140%;padding: 6px 0;} .rylanmu_l img {display: inline-block;margin-right: 10px;margin-top: -3px;} #xlmain .textry {overflow: hidden;} #xlmain .textry .mt {margin-top: 288px;} #xlmain .textry p {margin: 0 0 12px 4px;font-size: 15px;line-height: 140%;} #xlmain .textry p a {color: #21a9e2;} #xlmain .textry p a:hover {color: #212121;} #xlmain .textry .ryname {overflow: hidden;border-left: 10px #FF9800 solid;padding-left: 20px;margin: 24px 0 40px 0;} #xlmain .textry .ryname h4 {font-size: 20px;font-weight: 500;color: #333;margin: 0 0 12px 0;} #xlmain .textry .ryname h4 b {font-size: 32px;color: #004098;font-weight: 700;} #xlmain .textry .ryname h5 {font-size: 18px;font-weight: 500;color: #777;margin: 0;} #xlmain .textry .ryinfo {overflow: hidden;background: #e6f3fc;} #xlmain .textry .ryinfo .ryimg { margin-right: 30px;background: #c1dced;padding: 30px 50px;} #xlmain .textry .ryinfo .ryimg img{ border-radius: 5px;width: 180px;height: 240px;} #xlmain .textry .ryinfo .rytxt p { line-height: 220%; font-size: 17px; margin: 30px 0 0 0; color:#222;} #xlmain .textry .ryinfo .rytxt p a {color:#222;font-size: 17px;text-decoration: none;font-style: normal;} #xlmain .textry .ryinfo .rytxt p a:hover {color:#ff7300;} #xlmain .textry .rydetail {overflow: hidden;background: #f5fafe;padding: 18px 30px 30px 30px;margin: 26px 0 0 0;} #xlmain .textry .rydetail tbody {background-color: transparent;} @media (max-width: 1199px) { #xlmain .textsp { width: 64%;} } @media (max-width: 991px) { #xlmain .wztitle {font-size: 30px;} #xlmain .textsp { width: 80%;} #xlmain .textld .photo {width: 100%;margin: 0 0 18px 0;} } @media (min-width: 767px) { #xlmain .textxl img {max-width: 640px;} } @media (max-width: 767px) { #xlmain .wztitle { margin: 9px 0 26px 0;font-size: 24px;} #xlmain .basicinfo .qtinfo {margin: 0 0 8px 0;} #xlmain .basicinfo .share {float: none;width: 138px;margin: 0 auto;} #xlmain .text { margin:18px 0 12px 0;} #xlmain .textxl { margin:20px 2px 0 2px;} .nrhei {line-height: 180%;} #xlmain .textsp { width: 100%;margin:20px auto 4px auto;} #xlmain .textry .rydetail {padding: 14px 18px 18px 18px;} } /*---------------人员图片（四列）---------------------*/ .researchteam { margin-top: 6px;} .researchteam li {margin-bottom: 15px;} .researchteam li .boxstyle {overflow: hidden;} .researchteam li .boxstyle img {border: #efefef solid 1px;} .researchteam li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .researchteam li .boxstyle .txtinfo {margin: 8px 6px 0 6px;overflow: hidden;} .researchteam li .boxstyle .txtinfo h5 {font-size: 13px;color: #f7931e;margin: 0 0 8px 0;} .researchteam li .boxstyle .txtinfo h4 { color: #282828;font-size: 15px;font-weight: 500;margin: 0 0 3px 0;line-height: 20px; text-align: center;} .researchteam li .boxstyle .txtinfo h4 a { color: #282828;word-break:break-all;font-size: 14px;font-weight: 500;} .researchteam li .boxstyle .txtinfo h4 a:hover { color: #00379f;} .researchteam li .boxstyle .txtinfo p {font-size: 14px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;width: 100%;height: 34px;}/*text-overflow: ellipsis;white-space: nowrap;*/ .researchteam li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 320px) { } /*Our Team*/ .teams {} .teams li {margin-top: 22px;} .teams li .boxstyle {overflow: hidden; border-top: #dbedd7 solid 1px; border-left: #dbedd7 solid 1px; border-right: #dbedd7 solid 1px; border-bottom: 4px solid #4c9a39; } .teams li .boxstyle img {height: 211px;width: 100%;} .teams li a:hover .boxstyle img {opacity: 0.9;filter: alpha(opacity=90);} .teams li .boxstyle .txtinfo {margin: 15px 12px 12px 12px;overflow: hidden;} .teams li .boxstyle .txtinfo h4 { color: #067741;font-size: 1.4em;font-weight: 700;margin: 0 0 8px 0;} .teams li .boxstyle .txtinfo h4 a { color: #067741;} .teams li a:hover .boxstyle .txtinfo h4 { color: #ff7300;} .teams li .boxstyle .txtinfo p {font-size: 13px;color: #007638;line-height: 20px;margin: 0;} .teams li .boxstyle .txtinfo span {font-size: 13px;color: #575757;line-height: 22px;} @media (max-width: 1199px) { .teams li .boxstyle img {height: 176px;} .teams li .boxstyle .txtinfo {height: 70px;} .teams .row {margin-right: -10px;margin-left: -10px;} .teams .col-md-3 {padding-right: 10px;padding-left: 10px;} } @media (max-width: 991px) { .teams li .boxstyle img {height: 153px;} } @media (max-width: 767px) { .teams li .boxstyle img {height: 191px;} } @media (max-width: 380px) { .teams li .boxstyle img {height: 169px;} } @media (max-width: 320px) { /*.teams .col-xs-6 {width: 100%;}*/ .teams li .boxstyle img {height: 135px;} } /*人才队伍细览*/ .staffinfo {overflow: hidden;margin-top: 20px;background: #f7f7f7;} .staffinfo li {display: block; overflow: hidden; } .staffinfo li h2 { font-size:24px;line-height:22px;color: #222222; margin:0 0 10px 0;padding: 0 0 10px 0;border-bottom: #ccc solid 1px;overflow: hidden;} .staffinfo li h2 span { font-size: 14px;margin-left: 15px;} .staffinfo .news-img{ margin-left: 25px;} .staffinfo .news-img img{ width: 228px; height: 270px;border:#e4e4e4 solid 0px;} .staffinfo .news-txt {padding: 18px 0 15px 20px;} .staffinfo .news-txt p { line-height: 30px; font-size: 14px; margin: 0px; color:#262626;overflow: hidden;} .staffinfo .news-txt i { font-family: Arial;font-size: 14px; margin: 4px 0 0 0; color:#456fba; display:block;text-align: right;padding: 0 5px 0 0;font-style: normal;} .staffinfo .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:underline; font-style:italic; display:block;} .staffinfo .news-txt p a:hover { color:#15549a;} @media (max-width: 991px) { .staffinfo {padding: 15px;} .staffinfo .news-img {width: 100%;margin-left: 0;} .staffinfo .news-img img {width: auto;height: auto;} .staffinfo li h2 {float: left;width: 100%;margin:24px 0 10px 0;} .staffinfo .news-txt {padding: 0;} .staffinfo .news-txt p {width: 100%;float: left;} } .module{ margin:0px auto; overflow:hidden; width:100%;border: #d6d6d6 solid 1px;margin-bottom: 25px;} .module-a,.module-b,.module-c,.module-d{float:left;padding-bottom:200em;margin-bottom:-200em;} .module-a{width:36%;background:#ffffff;border-right:#d6d6d6 solid 1px;} .module-b{width:64%;background:#ffffff;} .module-c{width:16%;background:#ffffff;border-right:#d6d6d6 solid 1px;} .module-d{width:84%;background:#ffffff;} .module-d .table:not(.table-bordered) {border-bottom: 0px solid #d6d6d6;} .module-d .table > tbody > tr {border-top: 1px solid #d6d6d6;} .module-d .table > tbody > tr:first-child {border-top: 0px solid #d6d6d6;} .module-d .table > tbody > tr > td { word-break:normal;padding: 6px;border-top: 0px solid #d6d6d6;} .module-d .table > tbody > tr > th { border-right:#d6d6d6 solid 1px;padding: 6px;border-top: 0px solid #d6d6d6;} .module-d .tw1 {width: 15%;} .module-d .tw2 {width: 35%;} .bl { border-left:#d6d6d6 solid 1px;} @media screen and (max-width: 991px){ .module-a{width:100%;border-right:#d6d6d6 solid 0px;} .module-b{width:100%;} .module-c{width:100%;border-right:#d6d6d6 solid 0px;} .module-d{width:100%;} .module-d .table > tbody > tr:first-child {border-top: 1px solid #d6d6d6;} .module-d .table > tbody > tr > td { word-break:break-all;} .module-d .tw1 {width: 20%;} .module-d .tw2 {width: 30%;} } @media screen and (max-width: 767px){ .module-d .tw1 {width: 22%;} .module-d .tw2 {width: 28%;} } /*-----------------现任领导---------------------*/ .ldteams {} .ldteams .row {margin-right: -10px;margin-left: -10px;} .ldteams .col-md-3 {padding-right: 10px;padding-left: 10px;} .ldteams li {margin-top: 22px;} .ldteams li .boxstyle {overflow: hidden; /*-ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29);*/ border-top: #dbedd7 solid 1px; border-left: #dbedd7 solid 1px; border-right: #dbedd7 solid 1px; border-bottom: 4px solid #4c9a39; } .ldteams li:hover .boxstyle img {opacity: 0.9;filter: alpha(opacity=90);} .ldteams li .boxstyle .txtinfo {margin: 15px 12px 12px 12px;overflow: hidden;height: 136px;} .ldteams li .boxstyle .txtinfo h4 { color: #067741;font-size: 1.4em;font-weight: 700;margin: 0 0 10px 0;line-height: 23px;} .ldteams li .boxstyle .txtinfo h4 a { color: #067741;} .ldteams li:hover .boxstyle .txtinfo h4 { color: #ff7300;} .ldteams li:hover .boxstyle .txtinfo h4 a { color: #ff7300;} .ldteams li .boxstyle .txtinfo p {font-size: 13px;color: #219eed;line-height: 18px;margin: 0 0 4px 0;} .ldteams li .boxstyle .txtinfo p a {color: #219eed;} .ldteams li .boxstyle .txtinfo p a:hover {color: #f65902;} .ldteams li .boxstyle .txtinfo span {font-size: 13px;color: #575757;line-height: 19px;margin: 0 0 12px 0;display: block;} @media (min-width: 768px) { .ldteams li .boxstyle img {height: 223px;width: 100%;} } @media (max-width: 1199px) { .ldteams li .boxstyle img {height: 178px;width: 100%;} .ldteams li .boxstyle .txtinfo {height:176px;} } @media (max-width: 991px) { .ldteams li .boxstyle img {height: 246px;} .ldteams li .boxstyle .txtinfo {height:138px;} } @media (max-width: 767px) { .ldteams li .boxstyle {width: 100%;margin: 0 auto;} .ldteams li .boxstyle img {height: auto;width: auto;margin-top: 20px;} .ldteams li .boxstyle .txtinfo {margin: 15px 15px 8px 15px;height:auto;} .ldteams li .boxstyle .txtinfo span {font-size: 15px;line-height: 22px;} } /*---------------历任领导---------------------*/ .staffsort {padding: 10px 20px 20px 20px;min-height: 750px;} .staff { margin-top: 22px;overflow: hidden;} .staff li {margin-bottom: 30px;width: 17.7%;float: left;margin-right: 9px;margin-left: 9px} /*.staff li:nth-child(5n+0) {margin-right: 0;}*/ .staff li .boxstyle {overflow: hidden;} .staff li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .staff li .boxstyle img {width: 94px;height: 133px;} .staff li .boxstyle .txtinfo {margin: 8px 0 0 0;overflow: hidden;} .staff li .boxstyle .txtinfo h5 {font-size: 13px;color: #f7931e;margin: 0 0 8px 0;} .staff li .boxstyle .txtinfo h4 { color: #067741;font-size: 14px;font-weight: 500;margin: 0;line-height: 20px; text-align: center;} .staff li .boxstyle .txtinfo h4 a { color: #067741;} .staff li .boxstyle .txtinfo h4 a:hover { color: #262626;text-decoration: underline;} .staff li .boxstyle .txtinfo p {font-size: 12px;color: #808080;line-height: 18px;margin: 0 0 3px 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .staff li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 1199px) { .staff li {margin-bottom: 22px;width: 22.2%;} } @media (max-width: 991px) { .staffsort {min-height: auto;} .staff li {width: 29%;} } @media (max-width: 767px) { .staff li {width: 44%;} } @media (max-width: 320px) { .staff li {width: 43%;} } .staffteam { margin-top: 25px;} .staffteam li {margin-bottom: 18px;} .staffteam li .boxstyle {overflow: hidden;} .staffteam li .boxstyle img {border: #efefef solid 1px;width: 112px;height: 144px;} .staffteam li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .staffteam li .boxstyle .txtinfo {margin: 8px 6px 0 6px;overflow: hidden;} .staffteam li .boxstyle .txtinfo h5 {font-size: 13px;color: #f7931e;margin: 0 0 8px 0;} .staffteam li .boxstyle .txtinfo h4 { color: #0c61b6;font-size: 15px;font-weight: 500;margin: 0 0 3px 0;line-height: 20px; text-align: center;} .staffteam li .boxstyle .txtinfo h4 a { color: #0c61b6;word-break:break-all;font-size: 16px;font-weight: 500;} .staffteam li .boxstyle .txtinfo h4 a:hover { color: #333333;} .staffteam li .boxstyle .txtinfo p {font-size: 13px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;width: 100%;height: 34px;}/*text-overflow: ellipsis;white-space: nowrap;*/ .staffteam li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (max-width: 320px) { .staffteam li .boxstyle .txtinfo p {font-size: 13px;} } /*---------------组织机构---------------------*/ .org {} .org p {font-size: 14px;} .org p a {font-size: 14px;} .org p i {color: #438730;font-size: 12px;margin-right: 6px;} fieldset {background: #fff;padding: 10px 15px 16px 15px;margin: 0 0 18px 0;border-radius: 5px;border: 2px solid #cbe4c4;} .org fieldset:last-child {margin: 0;} fieldset legend {font-weight: bold;background: white;margin: 0;margin-left: -0.1875rem;color: #db7918;font-size: 24px;border: 0; } /*-----------------图文---------------------*/ .orgpiclist {overflow: hidden;} .orgpiclist li {margin-top: 20px;padding-bottom: 20px; display: block; overflow: hidden;border-bottom: #ccc dotted 1px; } .orgpiclist li:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom:#ccc dashed 0px; } .orgpiclist li h2 { font-size:18px;font-weight: 700;line-height:22px; margin:0 0 10px 0;} .orgpiclist li h2 a { color:#262626;overflow: hidden;display: block;} .orgpiclist li h2 a:hover { color:#067741; text-decoration:none;} .orgpiclist .news-img{ margin-right: 25px;} .orgpiclist .news-img img{ width: 226px; height: 151px;border:#e4e4e4 solid 0px;} .orgpiclist .news-txt p { line-height: 22px; font-size: 13px; margin: 0px; color:#737373;overflow: hidden;} .orgpiclist .news-txt i { font-family: Arial;font-size: 14px; margin: 4px 0 0 0; color:#456fba; display:block;text-align: right;padding: 0 5px 0 0;font-style: normal;} .orgpiclist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:underline; font-style:italic; display:block;} .orgpiclist .news-txt p a:hover { color:#15549a;} @media (max-width: 1199px) { .orgpiclist li{margin-bottom: 16px;} } @media (max-width: 991px) { .orgpiclist li{margin-bottom: 20px;} .orgpiclist .news-img { margin-right: 18px;} .orgpiclist .news-img img{ width: 199px; height:133px;} .orgpiclist .news-txt p {overflow: inherit;} } @media (max-width: 767px) { .orgpiclist .news-img { margin-bottom:2px;margin-right: 15px;} .orgpiclist .news-img img{ width: 138px; height:92px;} .orgpiclist li h2 a {overflow: inherit;} } @media (max-width: 320px) { .orgpiclist .news-img { margin-bottom:2px;margin-right: 15px;} .orgpiclist .news-img img{ width: 126px; height:84px;} } .graphiclist {overflow: hidden;} .graphiclist li {margin-top: 18px;padding-bottom: 18px; display: block; overflow: hidden;border-bottom: #ccc dotted 1px; } .graphiclist li:last-child {margin-bottom: 0px;padding-bottom: 6px;border-bottom:#ccc dashed 0px; } .graphiclist li h2 { font-size:15px;line-height:22px; margin:0 0 8px 0;} .graphiclist li h2 a { color:#000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .graphiclist li h2 a:hover { color:#067741; text-decoration:none;} .graphiclist .news-img img{ border:#e4e4e4 solid 1px;} .graphiclist .news-txt p { line-height: 20px; font-size: 13px; margin: 0px; color:#737373;} .graphiclist .news-txt i { font-family: Arial;font-size: 14px; margin: 4px 0 0 0; color:#268d42; display:block;text-align: right;padding: 0 5px 0 0;font-style: normal;} .graphiclist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:underline; font-style:italic; display:block;} .graphiclist .news-txt p a:hover { color:#15549a;} @media (min-width: 768px) { .graphiclist .news-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;} .graphiclist .news-img img{ width: 180px; height: 120px;} .graphiclist .news-img{ margin-right: 15px;} } @media (max-width: 1199px) { .graphiclist .news-img img{ width: 162px; height: 108px;} } @media (max-width: 991px) { .graphiclist li h2 a {white-space:normal;overflow: inherit;} .graphiclist .news-txt p {overflow: inherit;} .graphiclist .news-img img{ width: 154px; height: 103px;} } @media (max-width: 767px) { .graphiclist .news-img{ margin-bottom:2px;margin-right: 15px;} .graphiclist .news-img img{ width: 126px; height:84px;} } .new-graphic { margin-top: 10px;padding: 0 2px;} .new-graphic li {margin-bottom: 30px;} .new-graphic li .boxstyle {overflow: hidden; -ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.29); border-bottom: 4px solid #feb23a; } .new-graphic li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);} .new-graphic li .boxstyle .txtinfo {margin: 15px;overflow: hidden;height: 152px;} .new-graphic li .boxstyle .txtinfo h5 {font-size: 12px;color: #f7931e;margin: 0 0 8px 0;} .new-graphic li .boxstyle .txtinfo h4 { color: #004ea2;font-size: 14px;font-weight: 600;margin: 0 0 8px 0;line-height: 20px;} .new-graphic li .boxstyle .txtinfo h4 a { color: #004ea2;} .new-graphic li .boxstyle .txtinfo h4 a:hover { color: #ff7300;} .new-graphic li .boxstyle .txtinfo p {font-size: 12px;color: #808080;line-height: 18px;margin: 0 0 8px 0;} .new-graphic li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;} @media (min-width: 768px) { .new-graphic li .boxstyle img {height: 143px;width: 100%;} } @media (max-width: 1199px) { .new-graphic li .boxstyle img {height: 110px;width: 100%;} .new-graphic li .boxstyle .txtinfo {height: 170px;} } @media (max-width: 991px) { .new-graphic li .boxstyle img {height: 116px;width: 100%;} } @media (max-width: 767px) { .new-graphic li .boxstyle img {height: auto;width: 100%;} .new-graphic li .boxstyle .txtinfo {height: auto;} .new-graphic li .boxstyle .txtinfo h4 {font-size: 15px;line-height: 22px;} .new-graphic li .boxstyle .txtinfo p {font-size: 13px;line-height: 20px;} } .companylist {overflow: hidden;} .companylist li{margin-bottom: 8px; display: block; overflow: hidden; } .companylist li:last-child {margin-bottom: 0px;border-bottom:#ccc dashed 0px; } .companylist li h2 { font-size:15px;line-height:22px; margin:0 0 8px 0;} .companylist li h2 a { color:#1f1f1f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .companylist li h2 a:hover { color:#174eaf; text-decoration:none;} .companylist .news-img img{ border:#e4e4e4 solid 1px;} .companylist .news-txt p { line-height: 20px; font-size: 13px; margin: 0px; color:#737373;} .companylist .news-txt i { font-family: Arial;font-size: 14px; margin: 4px 0 0 0; color:#456fba; display:block;text-align: right;padding: 0 5px 0 0;font-style: normal;} .companylist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:underline; font-style:italic; display:block;} .companylist .news-txt p a:hover { color:#15549a;} @media (min-width: 768px) { .companylist .news-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;} /*.companylist .news-img img{ width: 154px; height: 103px;}*/ .companylist .news-img{ margin-right: 15px;} .companylist li{margin-bottom: 16px;padding-bottom: 16px; display: block; overflow: hidden;border-bottom: #ccc dotted 1px; } } @media (max-width: 1199px) { .companylist li{margin-bottom: 16px;} } @media (max-width: 991px) { .companylist li{margin-bottom: 20px;} } @media (max-width: 767px) { .companylist .news-img{ margin-bottom:2px;margin-right: 15px;} /*.companylist .news-img img{ width: 126px; height:84px;}*/ .companylist li h2 a {white-space:normal;overflow: inherit;} } .isPc {margin-top: 16px;margin-bottom: 22px;} .isPc .Pt3{padding:18px 12px 18px 14px; border-bottom: 0px solid #eaeaea;} .isPc .Pt3 b{color:red; font-weight:normal;} .isPc .Pt3:hover{background:#f6f6f6;} .isPc .p3{float:left; margin:0 22px 0 0;overflow: hidden;box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.5);} .isPc .p3 img {width: 180px;height: 120px;} .isPc .t3 {} .isPc .t3 h3{ font-size:20px; line-height:130%; font-weight:700; margin: 0 0 10px 0;letter-spacing: 1px;} .isPc .t3 h3 a{color:#333;} .isPc .t3 h3 a:hover {color:#0045a3;} .isPc .Pt3 span{ display:block; margin-bottom:2px; font-size:14px; color:#0074cb;font-family: Arial;} .isPc .t3 p{ font-size:14px; line-height:145%; color:#7d7d7d;margin: 0;} @media (max-width: 1199px) { .isPc .p3{margin:0 16px 6px 0;} } @media (max-width: 991px) { .isPc .t3 h3 {font-size:18px;letter-spacing: inherit;} .isPc .p3 img {width: 150px;height: 100px;} } @media (max-width: 767px) { .isPc .p3 img {width: 126px;height: 84px;} } /*-----------------文字列表---------------------*/ .list-picnews { overflow:hidden; display:block;} .list-picnews ul li{overflow:hidden;clear:both;border-bottom:0px dashed #d4d4d4; width:100%; text-align:left;padding: 0;margin-bottom: 8px;} .list-picnews ul li:last-child {margin-bottom: 0;} .list-picnews ul li a{ float:left;overflow:hidden;font-size:14px;line-height:22px; color:#454545;background-image: url(ico_02.gif);background-repeat: no-repeat;background-position: left 9px;padding:0 0 0 14px;text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:500;width: 100%;} .list-picnews ul li a > img { display:inline-block; margin:0 0 0 6px;} .list-picnews ul li a:hover {color: #076a00; text-decoration: none;} @media (max-width: 1199px) { .list-picnews ul li {margin-bottom: 6px;} } @media (max-width: 767px) { .list-picnews ul li a {width:100%;height:auto; white-space:normal;text-align: justify;} } .list-tab { overflow:hidden; display:block;} .list-tab ul li{overflow:hidden;clear:both;width:100%; text-align:left;margin-bottom: 9px;} .list-tab ul li:last-child {margin-bottom: 0;} .list-tab ul li a{ float:left;width:82%;overflow:hidden;font-size:15px;line-height:22px; color:#252525;background-image: url(ico-01.png);background-repeat: no-repeat;background-position: left 8px;padding:0 0 0 14px;text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:500;} .list-tab ul li a > img { display:inline-block; margin:0 0 0 6px;} .list-tab ul li a:hover {color: #00226f; text-decoration: none;} .list-tab span {line-height:22px;color:#5a9fe5; font-size: 14px; font-family:Arial;} .list-tab span.right {float: right;} @media (max-width: 1199px) { .list-tab ul li a{ width:78%;} } @media (max-width: 991px) { .list-tab ul li a{ width:86%;} } @media (max-width: 767px) { .list-tab ul li {margin-bottom: 10px;} .list-tab ul li a {width:76%;height:auto; white-space:normal;text-align: justify;line-height: 20px;} } @media (max-width: 380px) { .list-tab ul li a {width:72%;} } @media (max-width: 320px) { .list-tab ul li a {width:100%;} .list-tab span {display: none;} } .list-news { overflow:hidden; display:block;margin-top: 30px;} .list-news li{overflow:hidden;clear:both;border-bottom:0px dashed #d4d4d4;margin-bottom: 20px;} .list-news li:last-child {margin-bottom: 12px;} .list-news li a{ float:left;width:84%;overflow:hidden;font-size:16px;line-height:140%; color:#222;background-image: url(ico-01.png);background-repeat: no-repeat;background-position: left 9px;padding-left: 18px;text-overflow:ellipsis; white-space:nowrap;word-break: break-all;letter-spacing: 1px; } .list-news li a:hover {color: #00226f;} .list-news span {line-height:20px;color:#5a9fe5; font-size: 14px; font-family:Arial;} .list-news span.right {float: right;} @media (max-width: 991px){ .list-news li a{ width:77%;white-space: inherit;} } @media (max-width: 767px){ .list-news li a {width:74%;white-space: normal;letter-spacing: inherit;} } @media (max-width: 380px){ .list-news li a {width:100%;} .list-news span {display: none;} } .list-text { overflow:hidden; display:block;margin-top: 30px;} .list-text li{overflow:hidden;clear:both;border-bottom:0px dashed #d4d4d4;margin-bottom: 20px;} .list-text li:last-child {margin-bottom: 12px;} .list-text li a{ float:left;width:100%;overflow:hidden;font-size:16px;line-height:140%; color:#222;background-image: url(ico-07.gif);background-repeat: no-repeat;background-position: left 8px;padding-left: 18px;text-overflow:ellipsis; white-space:nowrap;word-break: break-all;letter-spacing: 1px; } .list-text li a:hover {color: #00226f;} .list-text span {line-height:20px;color:#adadad; font-size: 14px; font-family:Arial;} .list-text span.right {float: right;} @media (max-width: 991px){ .list-text li a{ white-space: normal;} } @media (max-width: 767px){ .list-text li a {letter-spacing: inherit;} } .columnslist { float:left; word-break:break-all; display:block; overflow:hidden; width:100%;margin-top: 14px;} .columnslist ul{ list-style-type:none;} .columnslist ul li{line-height:22px; display:inline-block;overflow:hidden;display:block;margin-top: 16px;} .columnslist ul li a { float: left; width: 100%; overflow: hidden; font-size: 15px; line-height: 20px; color: #333; background-image: url(ico-07.gif); background-repeat: no-repeat; background-position: left 8px; padding-left: 13px; text-overflow: ellipsis; white-space: nowrap; } .columnslist ul li a:hover {color: #17318b;} @media (max-width: 991px){ } @media (max-width: 767px) { .columnslist ul li a {white-space: normal;} } /*-----------------分布图---------------------*/ .fenbutu {} .fenbutu img {height: 198px;width: 100%;} .fenbutu p {margin: 8px 0 0 0;text-align: center;} .fenbutu p a {color: #1759A7;font-size: 13px;line-height: 20px;} .fenbutu p a:hover {color: #1759A7;text-decoration: none;} @media (max-width: 1199px){ .fenbutu img {height: 178px;} } @media (max-width: 991px){ .fenbutu img {height: 224px;} } @media (max-width: 767px){ .fenbutu img {height: auto;} } /*-----------------信息公开---------------------*/ .textlink { width:100%; float:left; word-break:break-all; line-height:26px;} .textlink ul{ list-style-type:none; margin:0; padding:0;} .textlink ul li{ display:block;} .textlink ul li a {font-size: 14px;color: #454545;line-height:28px;background-image: url(ico_04.gif);background-repeat: no-repeat;background-position: left 9px;padding-left: 15px;} .textlink ul li a:hover {color: #067741;} .textlink ul li i{ font-size:14px; color:#999;margin-right: 10px;} .textlink .gao1 {height: 114px;overflow: hidden;} /*-----------------科研成果---------------------*/ .wordbreak {word-break: break-all;} .result {overflow-x: hidden;margin: 20px 0 0 0;} .result .years {border: #dedede solid 1px;overflow: hidden;padding: 15px 0;} .result .years a {font-size: 14px;font-family: Arial;color: #004ea2;line-height: 24px;} .result .years a:hover {color: #ff5b00;} .result .contentlist {overflow: hidden;margin: 2px 0 0 0;} .result .contentlist .wid1 {width: 35%;} .result .contentlist .wid2 {width: 20%;} .result .contentlist .wid3 {width: 14%;} .result .contentlist .wid4 {width: 15%;} .result .contentlist .wid5 {width: 4%;} .result .contentlist .wid6 {width: 30%;} .result .contentlist .wid7 {width: 10%;} .result .contentlist .wid8 {width: 8%;} .result .contentlist .wid9 {width: 25%;} .result .contentlist .wid10 {width: 55%;} .result .contentlist .table > thead > tr > th {color: #333;font-size: 14px;padding: 8px;} .result .contentlist .table-bordered > tbody > tr > td {font-size: 13px;padding: 8px;display:table-cell; vertical-align:middle;}/*word-break: break-all;*/ .fontarial {font-family: Arial;} @media (max-width: 1199px){ .result .contentlist .wid2 {width: 17%;} .result .contentlist .wid7 {width: 14%;} } @media (max-width: 991px){ .result .contentlist .wid4 {width: 16%;} .result .contentlist .wid5 {width: 1%;} } @media (max-width: 767px){ .result .contentlist .wid3 {width: 1%;} } /*网站地图*/ .btn-success {background-color: #0b8c4b;border-color: #0b8c4b;} .webmap { overflow:hidden;margin-top: 15px;} .webmap hr { margin:5px 0;} .webmap .rlink { padding:0 0 0 40px; overflow:hidden;} .webmap .rlink a { display: inline-block; overflow:hidden; margin:3px 15px 0 15px;color: #333;font-size: 14px;} .webmap .rlink a:hover {color: #00853b;} .webmap .tabh { min-height:42px; border-bottom:#dedede solid 1px;} .webmap td {padding: 3px 0 6px 0;} @media (max-width: 992px){ .webmap .rlink { padding:0;} } @media (max-width: 767px){ .webmap .rlink { margin:10px 0 0 0;} .webmap .tabh {margin: 0 0 8px 0;} } /* 图片滚动 ------------------------------------*/ .work-bottom {} .work-bottom p { font-size:14px; line-height:18px; color:#0159ac; text-align:right; width:100%; display:block; margin: 15px 0 0 0;padding-right: 20px;} .work-bottom p a { color:#0159ac;} .work-bottom p a:hover { color:#ff2a00;text-decoration: none;} .team-left{ margin:0 10px 0 11px; } .team-left img{ width:100%;height: 66px;border: #ffffff solid 1px; } #flexiselDemo1 { display: none; } #flexiselDemo2 { display: none; } .nbs-flexisel-container { position: relative; max-width: 100%; } .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; } .nbs-flexisel-inner { overflow: hidden; } .nbs-flexisel-item { float: left; margin: 0; padding: 0px; position: relative; line-height: 0px; } .nbs-flexisel-item > img { cursor: pointer; position: relative; } @media (max-width: 1299px){ .team-left img{height: 124px;} .timephoto-left img{height: 162px;} } @media (max-width: 1199px){ .team-left{margin:0 9px;padding: 11px;} .team-left img{height: 157px;} .timephoto-left img{height: 132px;} } @media (max-width: 991px){ .team-left img{height: 108px;} .work-bottom p { font-size:12px; } .timephoto-left{margin:0 6px;} .timephoto-left img{height: 143px;} } @media (max-width: 767px){ .team-left{margin:0 5px;} .team-left img{height: 115px;} .timephoto-left img{height: 234px;} } @media(max-width: 380px){ .timephoto-left img{height: 210px;} } @media(max-width: 320px){ .timephoto-left img{height: 176px;} } /*---------------人员图文列表---------------------*/ .personnel-list {overflow: hidden;margin-top: 20px;} .personnel-list li{margin-bottom: 15px; display: block; overflow: hidden; border-bottom:#ccc dashed 1px;padding: 0 0 15px 0; } .personnel-list li:last-child {border-bottom:#ccc dashed 0px;margin: 0;padding: 0; } .personnel-list li h2 { font-size:22px; line-height:22px; margin:0 0 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .personnel-list li h2 a { color:#004ea2;font-family: \5FAE\8F6F\96C5\9ED1;} .personnel-list li h2 a:hover { color:#010101; text-decoration:none;} .personnel-list li h5 { font-size:14px;color:#949494;line-height:22px; margin:0 0 16px 0;} .personnel-list .news-img{ margin-right: 12px;} .personnel-list .news-img img{ border:#e4e4e4 solid 1px;} .personnel-list .news-txt p { line-height: 150%; font-size: 14px; margin: 0px; color:#444;} .personnel-list .news-txt p i { font-size: 13px; margin: 4px 0 0 0; color:#009cd1; display:block;font-style: normal;} .personnel-list .news-txt p i a {color:#009cd1;font-size: 13px;text-decoration: none;font-style: normal;} .personnel-list .news-txt p i a:hover {color:#ff7300;} @media (min-width: 768px) { .personnel-list .news-txt p{ line-height: 160%; height: auto; font-size: 14px; overflow:hidden;} .personnel-list .news-img img{ width: 122px; height: 164px;} .personnel-list .news-img{ margin-right: 22px;} .personnel-list li{margin-bottom: 20px; display: block;overflow: hidden;padding: 0 0 20px 0;} } @media (max-width: 767px) { .personnel-list .news-img img{ width: 85px; height:110px;} .personnel-list li h2 {white-space:normal;} } /*---------------人员名字列表---------------------*/ .namelist{overflow: hidden;margin-top: 14px;} .namelist li {margin: 6px 0;} .namelist li a {font-size: 14px;color: #262626;line-height: 18px;} .namelist li a:hover {color: #17318b;text-decoration: none;} /* 3.3. Thumbnail图片刷光特效 */ .thumbnail { padding: 0; } .thumbnail.thumbnail_big{ margin-bottom:0 } .thumbnail > img { margin: 0; width: 100%; } .thumbnail_big .thumbnail__caption { padding: 18.77px 9px; } .thumbnail__caption { padding: 9px; color: #333; } .thumbnail__news { padding: 15px; color: #333; } .thumbnail__link { display: block; } .thumbnail__link img { margin: 0; width: 100%; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .thumbnail__link:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } .thumbnail__link:hover + .thumbnail__caption .icon-play { -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-name: video-arrow; animation-name: video-arrow; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } /* 3.3. END Thumbnail */ .thumbnail__link img { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .thumbnail__link { display: block; overflow: hidden;/*border-radius: 5px;*/ } /* end yellow line in title word*/ /* thumbnail image hover */ .thumbnail__link { position: relative; } .thumbnail__link::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .thumbnail__link:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /*---------------------tooltip----------------*/ .tooltip {margin-right: 15px;} .tooltip-inner { max-width: 300px; padding: 8px; color: #fff; font-family: \5FAE\8F6F\96C5\9ED1; text-align: center; background-color: #0b4e88; border-radius: 4px; } .tooltip.bottom .tooltip-arrow {border-bottom-color: #024279;} .lablist { width:100%; height:283px; overflow:hidden; display:block; margin-top:5px;} .lablist li {margin-bottom: 12px;} .lablist .row {margin-right: -6px;margin-left: -6px;} .lablist .col-md-6 {padding-right: 6px;padding-left: 6px;} .lablist ul {width: 99%;} .lablist td { overflow:hidden;} .lablist td img {float:left;width: 48px;height: 36px;border: #ccc solid 1px;} .lablist tr { overflow:hidden; display:block;} .lablist a td {color: #333333;font-size: 13px;line-height: 18px;} .lablist a td:hover {color: #0051b1;} @media screen and (max-width: 767px){ } /*Page*/ .pagefrm1 { color: #333; font-size: 12px; background-color: #F7F7F7; font-family: \5FAE\8F6F\96C5\9ED1; border: 1px solid #CCCCCC; height: 24px; width: 36px; line-height: 22px; text-align:center; margin-right: 8px; float: left; } .pagefrm2 { color: #333; font-size: 12px; background-color: #F7F7F7; font-family: \5FAE\8F6F\96C5\9ED1; height: 24px; width: 46px; line-height: 22px; border: 1px solid #CCCCCC; } .pageline{ border-bottom: dotted 1px #cccccc; height:4px; margin-top:20px;float: left;width: 100%;} .pageline1{ border-bottom: dotted 1px #cccccc; height:4px; margin-top:20px; width:95%; display:block; overflow:hidden;} #pages { width:100%; FONT-SIZE: 13px; TEXT-ALIGN: center; CLEAR: both; border-top: dotted 0px #cccccc; overflow: hidden; PADDING-TOP: 0px; margin: 0 0 10px 0;float: left; } #pages A { BORDER: #efefef 1px solid; HEIGHT: 26px; BACKGROUND: #fdfdfd; COLOR: #333; PADDING: 0 10px; TEXT-DECORATION: none; MARGIN: 0px 4px 5px 0; DISPLAY: inline-block; LINE-HEIGHT: 26px; } #pages A:visited { BORDER: #efefef 1px solid; HEIGHT: 26px; BACKGROUND: #fdfdfd; COLOR: #333; PADDING: 0 10px; TEXT-DECORATION: none; MARGIN: 0px 4px 5px 0; DISPLAY: inline-block; LINE-HEIGHT: 26px; } #pages A:hover { BORDER: #efefef 1px solid; HEIGHT: 26px; BACKGROUND: #fdfdfd; COLOR: #333; PADDING: 0 10px; TEXT-DECORATION: none; MARGIN: 0px 4px 5px 0; DISPLAY: inline-block; LINE-HEIGHT: 26px; } #pages SPAN { HEIGHT: 26px; COLOR: #333; PADDING: 0 10px; TEXT-DECORATION: none; MARGIN: 0px 4px 5px 0; DISPLAY: inline-block; LINE-HEIGHT: 26px; font-size: 13px; } /*#pages input {height: 24px; width: 36px;LINE-HEIGHT: 16px; float: left; margin-top: 0px; margin-left: 3px;}*/ #pages A:hover { BORDER: #e84c3d 1px solid; BACKGROUND: #e84c3d; COLOR: #fff; } #pages A.curr { BORDER: #e84c3d 1px solid; BACKGROUND: #e84c3d; COLOR: #fff; } #pages A.curr:visited { BORDER: #e84c3d 1px solid; BACKGROUND: #e84c3d; COLOR: #fff; } .pages A:hover { BORDER: #e84c3d 1px solid; BACKGROUND: #e84c3d; COLOR: #fff; } /*-----------------友情链接---------------------*/ .btnlink {overflow: hidden;margin: 15px;} .btnlink li {margin-bottom: 8px;overflow: hidden;} .btnlink li:last-child {margin-bottom: 0;} .btnlink .btnnav {background: #fff;border-radius: 3px;padding: 6px 14px 6px 14px;overflow: hidden;/*box-shadow: inset 0px -2px 0px 0px rgba(255, 255, 255, 1);*/} .btnlink .btnnav .btnnav_l {float: left;font-size: 16px;color: #333;line-height: 28px;} .btnlink .btnnav .btnnav_l img {display: inline-block;margin-right: 18px;margin-top: -4px;} .btnlink .btnnav .btnnav_r {float: right;font-size: 22px;line-height: 28px;color: #85a3c1;} .btnlink .btnnav:hover .btnnav_l, .btnlink .btnnav:hover .btnnav_r {color: #0054aa;} @media(max-width: 1199px){ .btnlink li {margin-bottom: 12px;} } @media(max-width: 991px){ .btnlink {margin: 15px 15px 3px 15px;} } @media(max-width: 767px){ .btnlink {margin: 15px 15px 15px 15px;} } .index-select-01 { width: 100%; border: 1px solid #c0e7ce; } .index-select-01 .ui-select-wrap { width: 100% !important; height: 36px; line-height: 36px; background: #fcfefb; border: none; border-radius: 0; } .index-select-01 .ui-select-input { padding-left: 10px; color: #397a29; font-size: 14px; } .index-select-01 .ui-select-arrow { width: 27px; height: 27px; background: url("../images/y-bg-05.jpg") no-repeat; border: none; top: 4px; right: 4px; } .index-select-01 .ui-select-list { border-radius: 0; top: 36px; } @media(max-width: 991px){ .index-select-01 .ui-select-input {font-size: 13px;} } @media(max-width: 767px){ .index-select-01{margin-bottom: 15px;} } /* paper旋转图片开始 */ .reports-cont { /*HEIGHT: 258px;*/ WIDTH: 100%; POSITION: relative; margin: 0 auto; OVERFLOW: hidden; } #reports-scrollBox { MARGIN: 6px auto 19px } #reports-scrollBox IMG { DISPLAY: block;border: #b3d4bf solid 1px;padding: 2px; } .reports-tit .more { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 16px; PADDING-LEFT: 0px; PADDING-RIGHT: 20px } .reports-tit H2 A { CURSOR: pointer; HEIGHT: 36px; DISPLAY: block } .reports-arrleft { OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 45px; WIDTH: 45px; BACKGROUND: url(btn_l.png) no-repeat; POSITION: absolute; OUTLINE-STYLE: none; LEFT: 6px; Z-INDEX: 3; DISPLAY: block; LINE-HEIGHT: 200px; TOP: 36%; } .reports-arrright { OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 45px; WIDTH: 45px; BACKGROUND: url(btn_r.png) no-repeat; POSITION: absolute; OUTLINE-STYLE: none; right: 6px; Z-INDEX: 3; DISPLAY: block; LINE-HEIGHT: 200px; TOP: 36%; } /*.reports-arrleft:hover { BACKGROUND-POSITION: 0px -48px } .reports-arrright { BACKGROUND-POSITION: -34px 0px; } .reports-arrright:hover { BACKGROUND-POSITION: -34px -48px }*/ .reports-arrleft:hover, .reports-arrright:hover {opacity: 0.6;} .reports-piclist { /*border: #ececec solid 1px;*/ BACKGROUND: #fff; /*PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;*/ /*box-shadow: 0px 0px 1px rgba(0,0,0,0.3);*/ } .reports-title { OVERFLOW: hidden; HEIGHT: 30px; WIDTH: 100%; POSITION: relative; COLOR: #fff; TEXT-ALIGN: center; MARGIN-TOP: -30px; LINE-HEIGHT: 30px } .reports-bg { HEIGHT: 30px; WIDTH: 100%; BACKGROUND: #000; FILTER: alpha(opacity=60); MARGIN-TOP: -30px; opacity: 0.6 } .reports-picdesc { DISPLAY: none } /* paper旋转图结束 */