.region-top-first .swiper-container:before { content: ""; width: 100%; height: 130px; background: url(../../sliderbannerbg.png) no-repeat bottom left; background-size:cover; position:absolute; z-index:9; bottom:0px; } .language-zh-hans.page-front .block-region-top .more-link { top:12px; } .block-region-top .block { display: flex; flex-wrap: wrap; align-items: baseline; } .language-zh-hans .block-region-top h2 { float: left; width: 120px; border: 0 !important; padding:0 !important; margin:0 !important; color:#000 !important; } .block-region-top h2.block-title:before,.block-region-top h2.block-title:after,.language-zh-hans.page-front .block-region-top i.new.new-red { display:none; } .block-region-top .list-1.inside-b.outside-b.list-1-blue { padding-bottom: 0; margin-bottom: 0; white-space: nowrap; overflow: hidden; width:calc(100% - 200px); display:flex; flex-wrap:wrap; } .block-region-top .list-1.inside-b.outside-b.list-1-blue ul { position: relative; width: fit-content; animation:move 50s linear infinite; } .block-region-top .list-1 ul li { margin-bottom: 0; display: inline-block; padding-left: 14px; } .block-region-top .list-1 a { cursor: pointer; } .list-1.inside-b.outside-b.list-1-blue ul::after{ position: absolute; right:-100%; content:attr(text); } .list-1.inside-b.outside-b.list-1-blue ul li{ list-style: none; display: inline-block; } @keyframes move { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /************* language-zh-hans news*************/ .newslider{ } .newslider img{ border-radius:10px; box-shadow: 8px 8px 1px #e6e1e1; } .newslider p.title { min-height: 50px; margin-top: 15px; margin-bottom: 15px; } .newslider p.title a,p.news-title a { color:#000; font-size: 16px; } /* p.news-title a span.t-red { color: #B1391E; }*/ .news-time{ color:#999; position: relative; font-size:12px; } .news-time:before { content: "\e606"; font-family: "iconfont"; display: inline-block; padding-right:5px; color:#999; font-size:12px; } .owl-carousel .owl-item { padding: 12px; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #B1391E; width: 25px; } .layout-full.region-middle-first { padding-top: 60px; padding-bottom: 60px; background: url(../../sog-bg04.jpg) no-repeat right center #f2f2f2; } .block h2.block-title { font-size: 20px; margin-top: 5px; color: #b3391d; padding-bottom: 15px; position: relative; margin-bottom: 20px; } h2.block-title:before { background: #DBDBDB; content: ""; width: 100%; height: 2px; bottom: -2px; position: absolute; } .block h1.block-title { font-weight: bold; border-bottom: 0; color: #106647; margin-bottom: 20px; } .language-zh-hans .block h1.block-title span{ font-size:16px; color:#555; font-weight:300; font-family:Arial; } .region-top-third{ background:url(../../sog-bg01.jpg) no-repeat left top; position:relative; padding-top:80px; padding-bottom: 40px; } .region-top-third:after { background: url(../../italicline-1.png) no-repeat top right; content: ""; width: 100%; height: 180px; position: absolute; bottom: 0px; right: 0; } .ilist{ overflow:hidden; margin-bottom:15px; background: #FFF; border-radius:5px; } .ilist .title a{ color: #000; font-size: 16px; line-height: 150%; } .ilist .daytime, .ilist .title{ display:table-cell; vertical-align: top; padding:10px; } .language-zh-hans .ilist .daytime{ width:60px; font-size: 13px; text-align:center; font-family:Times; font-weight: 600; } .ky-list { margin-top: 30px; margin-bottom:40px; overflow:hidden; } .daymonth { color: #009900; padding-top: 3px; } .ilist .daytime .year { padding: 5px 10px; color: #136C13; margin-top: 5px; font-size: 16px; } .cnnewslist .col-md-6.outside-b.inside-b:hover { box-shadow: 4px 4px 20px #999; background: rgba(255,255,255,0.9); border-radius: 5px; /* transform: scale(1.05); */ transition: all .8s; -webkit-transition: all .8s; /* -webkit-transform: scale(1.15); */ position: relative; z-index: 4; } .cnnewslist p.news-title { margin-top: 10px; } .ky-list .ilist:hover div { color: rgba(255,255,255,0.7) !important; } .ky-list .ilist:hover a { color: #FFF !important; } .ky-list .ilist:hover { box-shadow: 2px 2px 10px #999; background: #106647; transition: all .8s; -webkit-transition: all .8s; } @media only screen and (min-width: 992px){ .ilist a { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }} .language-zh-hans h2.block-title:after { border-bottom: 2px solid #b3391d; position: absolute; width: 80px; content: ""; left: 0px; bottom: -2px; } .bookslider{ padding: 40px 30px 150px 30px; /* background: url(../../researchbg.jpg) no-repeat top left #106647; background-size: cover; */ margin-top: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; } /* .bookslider:after { position: absolute; background:url(../../italicline-1.png) no-repeat left bottom; width:100%; z-index: 2; left: 0; bottom: 0; content:""; height: 100px; }*/ .bookitem .bookimg{ padding:0 20px; background:#FFF; border-radius:5px; text-align:center; margin: 10px; } .bookslider .owl-theme .owl-controls .owl-buttons div{ width:40px; height:40px; font-size:0; color:#FFF; line-height:35px; font-family:"iconfont"; } .bookslider .owl-buttons div.owl-prev:before{ content:"\e819"; font-size:12px; } .bookslider .owl-buttons div.owl-next:before { content: "\e817"; font-size:12px; } .bookslider .owl-theme .owl-controls { padding-top: 10px; } .bookitem .bookimg img{ width:100%; } .bookitem a{ color:#555; padding:0 15px; display:block; } .layout-full.region-bottom { background: url(../../sog-bg06.jpg) no-repeat right #f2f2f2; padding: 20px 0 0 0; } .block-region-bottom-first-left .block h1.block-title,.block-region-middle-first-left .block h1.block-title{ color: #882A0F; } .tz-list .ilist .daytime .daymonth { color:#C65146; } .tz-list .ilist .daytime .year { color:#B3391D; } .tz-list .ilist:hover div { color: rgba(255,255,255,0.7) !important; } .tz-list .ilist:hover a { color: #FFF !important; } .tz-list .ilist:hover { box-shadow: 2px 2px 10px #999; background: #B3391D; transition: all .8s; -webkit-transition: all .8s; } .block-region-top-third-left a.btn-base-outline, .block-region-top-third-left a.btn-base-outline:visited, .block-region-top-third-left a.btn-base-outline:link, a.btn-base-outline:active { background-color:#106647; border-color:#106647; } .elists{ margin-bottom:20px; padding-left:35px; position:relative; } .elists:before { content: "\e60e"; font-family: 'iconfont'; position: absolute; left: -10px; font-size: 35px; top: 15px; color: #882A0F; z-index: 0; } .elists .event-time,.elists .event-loca{ font-size:12px !important; color:#999; } .elists .event-title a{ font-size:16px !important; color:#333; } /****** about *******/ .region-bottom-standard{ padding-top:100px; position:relative; background: url(../../italicline-2.png) no-repeat right bottom; } .region-bottom-standard:before { background: url(../../italicline-1.png) no-repeat top right; content: ""; width: 100%; height: 180px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); position: absolute; top: -20px; right: 0; } .layout-full.region-bottom-standard:after { content: ""; background: url(../../italicline-2.png) no-repeat right; position: absolute; bottom: 10px; width: 100%; height: 200px; right: 0; z-index: 1; opacity: 0.2; } .messagedeam { margin-top: 40px; background-image: linear-gradient( 90deg , #106648 85%,rgb(255 255 255 / 0%) 15%); color: #FFF; padding: 50px 20px 40px 50px; margin-bottom: 80px; } .messagedeam h1 { font-size: 22px; padding-bottom: 15px; position: relative; } .messagedeam img{ position:relative; z-index:3; } .messagedeam:after { position: absolute; /* background: url(../../italicline-2.png) no-repeat left bottom; */ width: 0%; z-index: 1; left: 0; bottom: 20px; content: ""; height: 0px; border-bottom: 60px solid #106648; border-left: 50vw solid transparent; -webkit-transform: rotate(180deg); } .messagedeam h1 span{ position:absolute; font-size:40px; font-family:Arial; left:40px; top:-10px; color:rgba(255,255,255,0.3); } .message { padding: 10px 40px 10px 0px; max-height: 380px; overflow-y: auto !important;; z-index: 2; position: relative; } .message p{ color:rgba(255,255,255,0.8) !important; font-size: 15px !important; } @media screen and (min-width: 957px) { .message::-webkit-scrollbar { width: 3px; border-radius: 1.5px; background-color: transparent; } .message::-webkit-scrollbar-thumb { background: #117f48; border-radius: 1.5px; } .message::-webkit-scrollbar-track { background: #F5F5F6; border-radius: 1.5px; } } @media only screen and (min-width: 1600px){ .list-3 a,.list-item a { font-size: 14px !important; } } @media only screen and (min-width: 992px){ .newslider p.title a,p.news-title a { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .cnnewslist { display: -webkit-box; display: -webkit-flex; flex-wrap: wrap; } .aboutinfo { max-width:66%; } .block-region-middle-first-right,.block-region-bottom-first-right { margin-top: 80px; } .tz-list .ilist{ margin-right: 15px; } } @media only screen and (max-width: 991px){ .block-region-middle-first-right{ margin-top:30px; } .block h1.block-title{ padding-left:30px; } .block h1.block-title span{ display:block; } .region-top-third{ background:none; } .messagedeam { margin-top: 40px; background: #106648; padding: 50px 40px ; } .message { max-height: inherit; padding: 30px 0 60px 0; } .aboutinfo,.researchinfo { padding: 0 30px; } .layout-full.region-bottom{ padding:0; } .region-top-third:after { height: 80px; } .bookslider { padding: 40px 30px 30px 30px; } .layout-full.region-middle-first { padding-top: 20px; } } @media only screen and (max-width:768px){ .region-top-first .swiper-container:before { /* background: none; */ height:30px; } } /***** .language-zh-hans .panel-tabs .tab-nav-3 li a{ color: #999; font-size:20px; } .language-zh-hans .panel-tabs .tab-nav-3 li.active a{ color: #b3391d; background:none; } .language-zh-hans .panel-tabs .tab-nav { display: block; border-bottom: 2px solid #DBDBDB; margin-bottom: 20px; } .language-zh-hans .panel-tabs .tab-nav-3 li{ position: relative; top: 2px; } .language-zh-hans .panel-tabs .tab-nav-3 li.active{ border-bottom: 2px solid #b3391d; } .language-zh-hans .panel-tabs .tab-nav>li:nth-last-child(2), .language-zh-hans .panel-tabs .tab-nav>li:nth-last-child(2)~li{ width: auto; } .language-zh-hans .panel-tabs .tab-nav li a{ width: auto; padding: 5px 0px 15px 0; } .language-zh-hans .panel-tabs .tab-nav-3 li{ border-bottom:0; margin-right: 30px; } .language-zh-hans .list-item .date, .list-item p { font-size: 14px !important; } .language-zh-hans .list-item { padding-top: 8px !important; padding-bottom: 8px !important; } .language-zh-hans .panel-tabs .outside.f-r a{ background-color: #B2391C; border-color: #B2391C; color: #ffffff; font-size: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; text-transform: uppercase; -webkit-border-radius: 3px; display:block; } .language-zh-hans .panel-tabs .outside.f-r a:hover{ background-color: #d63f1c; } ********/