Files
new_ine/public/assets/index/css/main.css
2021-04-07 13:18:18 +08:00

1563 lines
27 KiB
CSS

@charset "utf-8";
body {
min-width: 1200px;
/*background: #d6e8f4;*/
}
.header {
width: 1220px;
height: 200px;
margin: 0 auto;
background: url(../images/topbj.jpg) top center no-repeat;
background-size: 100% 100%;
}
.container {
width: 1200px;
margin: 0 auto;
position: relative;
}
.container_col {
background: #fff;
padding: 10px;
clear: both;
}
#weather {
position: absolute;
left: 0;
top: 10px;
font-size: 12px;
color: #fff;
line-height: 24px;
}
.toptxt {
position: absolute;
right: 0;
top: 10px;
font-size: 12px;
color: #fff;
line-height: 24px;
}
.toptxt a {
font-size: 12px;
color: #fff;
line-height: 24px;
padding: 0 10px;
}
.toptxt a:hover {
color: #FF0;
}
.logo {
width: 600px;
position: absolute;
left: 46px;
top: 23px;
}
.logo img {width: 100%;}
.search {
width: 274px;
height: 30px;
padding: 6px 96px 6px 10px;
background: #fff;
position: absolute;
right: 15px;
top: 150px;
border-radius: 4px;
overflow: hidden;
}
.ipt-sea {
height: 30px;
width: 100%;
border: 0;
outline: none;
line-height: 30px;
color: #333;
font-size: 14px;
}
.search a {
display: block;
width: 90px;
height: 42px;
background: rgb(63, 155, 11);
color: #fff;
line-height: 42px;
text-align: center;
font-size: 14px;
transition: all .3s ease;
position: absolute;
right: 0;
top: 0;
}
.search a:hover {
background: rgb(63, 155, 11);
}
.nav {
width: 1220px;
margin: 0 auto;
height: 60px;
background: rgb(63, 155, 11);
}
.nav li {
float: left;
height: 60px;
position: relative;
}
.nav li a {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
text-align: center;
line-height: 60px;
font-size: 16px;
color: #fff;
transition: all .3s ease;
padding: 0 26px;
}
.nav li > a:hover,
.nav li.active > a {
background: #007900;
color: #FF0;
}
#navul li ul {
display: none;
position: absolute;
z-index: 999;
left: 0;
top: 60px;
}
#navul li.navmoon {
background: rgb(63, 155, 11);
}
#navul li.navmoon a,
#navul li.active a {
color: #fff;
}
#navul li.navhome a:hover {
color: #ff9d24;
}
#navul li.navmoon ul {
display: block;
background-color: rgb(63, 155, 11);
border-top: 1px solid #f7f7f7;
}
#navul li.navmoon ul li {
/*background: rgb(63, 155, 11);*/
height: 40px;
line-height: 40px;
width: 100%;
text-align: left;
border-top: solid 1px rgba(255,155,255,0.2);
}
#navul li.navmoon ul a {
display: block;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #fff;
text-align: left;
}
#navul li.navmoon ul a:hover {
color: #ff9d24;
}
/*.nav li:nth-child(5) ul {
width: 600px;
display:block !important;
background-color: #000;
}
.nav li:nth-child(5) ul li {
float: none;
}
*/
.news-con .focus {
width: 100%;
overflow: hidden;
margin: 20px 0px 5px 0px;
padding: 0 10px;
box-sizing: border-box;
}
.news-con .focus img {
width: 130px;
height: 90px;
float: left;
}
.news-con .focus p {
width: calc(100% - 150px);
height: 70px;
line-height: 23.33px;
float: left;
margin-top: 10px;
margin-left: 10px;
font-size: 15px;
color: #084466;
font-weight: 600;
}
.news-notice {
margin: 20px 0;
}
.indnews {
width: 560px;
height: 362px;
float: left;
}
.news-pic {
width: 560px;
height: 362px;
}
.news-pic,
.news-pic img {
width: 560px;
height: 362px;
overflow: hidden;
}
.news-notice .news-txt {
width: 620px;
height: 362px;
float: right;
}
.news-txt {
border: 1px solid #efefef;
}
.news-title {
height: 38px;
background: #fafafa;
border-bottom: 1px solid #efefef;
line-height: 38px;
position: relative;
}
.news-title .name {
position: absolute;
left: -1px;
top: -1px;
height: 39px;
background: rgb(63, 155, 11);
color: #fff;
text-align: center;
line-height: 39px;
font-size: 15px;
padding: 0 15px;
font-weight: bold;
}
.news-name.tab-nav {
position: absolute;
left: -1px;
top: -1px;
height: 39px;
}
.news-name.tab-nav a {
display: block;
float: left;
height: 39px;
line-height: 39px;
color: #333;
text-align: center;
line-height: 39px;
font-size: 15px;
padding: 0 15px;
margin: 0;
position: relative;
}
.news-name.tab-nav a.current {
background: rgb(63, 155, 11);
color: #fff;
font-weight: bold;
}
.news-name.tab-nav a i {
width: 9px;
height: 5px;
background: url(../images/sanjiao.png) no-repeat;
left: 10px;
bottom: -5px;
display: none;
}
.news-name.tab-nav a.current i {
display: block;
}
.news-title .name i {
width: 9px;
height: 5px;
background: url(../images/jtx.png) no-repeat;
left: 10px;
bottom: -5px;
display: block;
}
.news-title .more {
position: absolute;
right: 10px;
line-height: 38px;
top: 0;
font-size: 12px;
color: #999;
transition: all .3s ease;
}
.news-title .more:hover {
color: #084466;
}
.newslist {
display: block;
margin: 12px 12px 0 12px;
}
.hotnews {
margin: 12px 12px 0 12px;
}
.hotnews h1 {
font-size: 16px;
color: #084466;
text-align: center;
margin: 0 10px;
height: 30px;
line-height: 30px;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hotnews .hotcon {
margin-top: 12px;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hotnews .hotcon a {
color: #999;
line-height: 24px;
font-size: 14px;
}
.hotnews .hotcon a:hover {
color: #0594c9;
}
.newslist li {
border-bottom: 1px dotted #dedede;
position: relative;
padding: 0 80px 0 14px;
background: url(../images/jiantou.png) 2px 15px no-repeat;
}
.newslist li:hover a{
color: rgba(72,144,26,1);
}
.newslist li:last-child {
border: none;
}
.newslist li a {
display: block;
height: 36px;
width: 100%;
line-height: 36px;
font-size: 14px;
color: #666;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.newslist li span {
position: absolute;
right: 0;
top: 0;
line-height: 36px;
color: #bbb;
text-align: center;
}
.newslist li:last-child {
border: 0;
}
.fwzn {
margin: 20px 0;
background: #d5e7f6;
height: 140px;
overflow: hidden;
}
.fwzn .tit {
width: 65px;
background: #084466;
text-align: center;
font-size: 16px;
color: #fff;
height: 115px;
padding-top: 25px;
float: left;
}
.fwzn .iconlist {
float: left;
width: 1135px;
}
.fwzn .iconlist a {
display: block;
width: 162px;
text-align: center;
float: left;
color: #333;
font-size: 14px;
line-height: 30px;
}
.fwzn .iconlist a .pic {
width: 82px;
height: 82px;
border-radius: 50%;
margin: 20px auto auto auto;
transition: all .3s ease;
}
.fwzn .iconlist a.icon1 .pic {
background: #eacd75;
}
.fwzn .iconlist a.icon2 .pic {
background: #93d884;
}
.fwzn .iconlist a.icon3 .pic {
background: #f57b7b;
}
.fwzn .iconlist a.icon4 .pic {
background: #b19de5;
}
.fwzn .iconlist a.icon5 .pic {
background: #60dcb5;
}
.fwzn .iconlist a.icon6 .pic {
background: #7ebfe2;
}
.fwzn .iconlist a.icon7 .pic {
background: #dec67c;
}
.fwzn .iconlist a.icon1:hover .pic {
background: #084466;
}
.fwzn .iconlist a.icon2:hover .pic {
background: #084466;
}
.fwzn .iconlist a.icon3:hover .pic {
background: #084466;
}
.fwzn .iconlist a.icon4:hover .pic {
background: #084466;
}
.fwzn .iconlist a.icon5:hover .pic {
background: #084466;
}
.fwzn .iconlist a.icon6:hover .pic {
background: #084466;
}
.fwzn .iconlist a.icon7:hover .pic {
background: #084466;
}
.col-box {
margin: 20px 0;
}
.news-txt.col-3 {
width: 388px;
/*height: 280px;*/
overflow: hidden;
float: left;
margin-right: 15px;
}
.worker_title{
/*position: absolute;*/
/*top: 140px;*/
z-index: 100;
padding-bottom: 10px;
padding:10px 10px;
/* color: #353535;*/
text-align: center;
overflow: hidden;
width: 100%;
display: inline-block;
/*font-weight: bold;*/
font-size: 16px;
}
.worker_title span{
font-size: 12px;
color: #999;
}
.news-txt.col-3.last {
margin-right: 0;
}
.smalllist {
margin-left: 100px;
}
.smalllist a {
line-height: 39px;
font-size: 12px;
color: #084466;
margin: 0 5px;
}
.smalllist a:hover {
color: #0594c9;
}
.col-2-l {
}
.col-2-l .tit {
height: 40px;
background: url(../images/bmicon.png) 0 9px no-repeat;
padding-left: 30px;
line-height: 40px;
color: #333;
font-size: 16px;
}
.col-2-l .list a {
float: left;
text-align: center;
color: #fff;
transition: all .3s ease;
}
.col-2-l .list .ct {
width: 162px;
height: 120px;
float: left;
margin-right: 11px;
}
.col-2-l .list .ct.last {
margin-right: 0;
}
.col-2-l .list a.color_bj .pic {
margin: 24px auto 20px auto;
}
.col-2-l .list a.color_bj {
width: 162px;
height: 120px;
background: #e75603;
}
.col-2-l .list a.color-1 {
background: #80ba4a;
}
.col-2-l .list a.color-2 {
background: #e75603;
}
.col-2-l .list a.color-3 {
background: #288fd2;
}
.col-2-l .list a.color-4 {
background: #f3b548;
}
.col-2-l .list a.color-5 {
background: #2876a2;
}
.col-2-l .list a.color-6 {
background: #7daf06;
}
.col-2-l .list a.color-7 {
background: #b363c7;
}
.col-2-l .list a.color-1:hover,
.col-2-l .list a.color-2:hover,
.col-2-l .list a.color-3:hover,
.col-2-l .list a.color-4:hover,
.col-2-l .list a.color-5:hover {
background: #084466;
}
.col-2-r {
}
.gsht {
float: left;
width: 400px;
}
.col-2-r .tit {
height: 40px;
background: url(../images/sficon.png) 0 9px no-repeat;
padding-left: 30px;
line-height: 40px;
color: #333;
font-size: 16px;
float: left;
}
.sfbox {
padding: 0 10px 15px 5px;
height: 213px;
}
.sftxt {
float: left;
width: 424px;
height: 215px;
position: relative;
}
.sftxt .info {
height: 198px;
line-height: 22px;
font-size: 12px;
color: #666;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sftxt a {
display: block;
position: absolute;
left: 0;
bottom: -2px;
text-align: center;
color: #F30;
}
.sftxt a:hover {
color: #39F;
}
.jisuan {
float: right;
padding-left: 30px;
width: 270px;
border-left: 1px dashed #efefef;
height: 213px;
}
.jisuan h1 {
color: #084466;
line-height: 30px;
font-size: 15px;
}
.jsbox {
position: relative;
padding-left: 65px;
margin-top: 8px;
}
.jsbox span {
position: absolute;
left: 0;
top: 0;
line-height: 27px;
display: block;
width: 65px;
color: #7e7e7e;
}
.jsbox .jsq {
border: 1px solid #f0f0f0;
height: 19px;
padding: 3px 3px 3px 10px;
border-radius: 2px;
}
.jsbox .jsq .ipt-jsq {
border: 0;
height: 19px;
line-height: 19px;
width: 100%;
outline: none;
}
.jsbox .jsq a {
display: block;
width: 42px;
height: 19px;
text-align: center;
line-height: 19px;
background: #55aeec;
position: absolute;
top: 4px;
right: 4px;
color: #fff;
border-radius: 2px;
}
.jsjg {
background: #f0f0f0;
padding: 4px 8px;
margin-top: 10px;
position: relative;
}
.jsjg .tab {
line-height: 28px;
border-bottom: 1px solid #e2e2e2;
color: #6a6a6a;
height: 28px;
overflow: hidden;
}
.jsjg .tab span {
float: right;
}
.jsjg .tab.last {
border: 0;
}
.jsjg:before {
content: '';
width: 9px;
height: 5px;
background: url(../images/jtt.png) no-repeat;
display: block;
position: absolute;
right: 20px;
top: -5px;
}
.jisuan .smtxt {
color: #55aeec;
line-height: 40px;
}
.xxlinks {
height: 24px;
overflow: hidden;
}
.xxlinks a {
color: #F33;
line-height: 24px;
}
.xxlinks a:hover {
color: #55aeec;
text-decoration: underline;
}
.newslist.htlist {
padding: 0;
width: 360px;
}
.col-4 {
width: 289px;
float: left;
margin-right: 12px;
border: 1px solid #efefef;
}
.col-4.last {
margin-right: 0;
}
.news-title .name2 {
float: left;
line-height: 39px;
font-size: 15px;
font-weight: bold;
color: #084466;
padding-left: 20px;
background: url(../images/shu.png) 8px 11px no-repeat;
}
.linksbox {
margin: 20px 0;
border: 1px solid #efefef
}
.txtlisttit {
height: 32px;
background: #f0f0f0;
position: relative;
border-bottom: 2px solid rgb(63, 155, 11);
}
.txtlisttit.linktit span {
background: rgb(63, 155, 11);
color: #fff;
font-size: 15px;
font-weight: bold;
display: block;
width: 100px;
height: 33px;
line-height: 33px;
text-align: center;
position: absolute;
left: 0;
top: -1px;
}
.tab-nav {
position: absolute;
left: 100px;
top: 0;
}
.tab-nav a {
float: left;
line-height: 32px;
font-size: 14px;
margin: 0 20px;
}
.tab-nav a.current {
color: #FF080D;
}
.linkcon {
/*height: 54px;*/
/*margin: 10px;*/
padding:10px;
overflow: auto;
}
.linkslist li {
float: left;
margin: 1px 20px;
}
.linkslist li a {
display: inline-block;
line-height: 25px;
}
.ft-menu {
/*height: 230px;*/
width: 100%;
background: linear-gradient(rgb(63, 155, 11), #3e8a1a);
overflow: hidden;
}
.menu {
width: 1000px;
float: left;
margin-top: 20px;
padding-left: 20px;
box-sizing: border-box;
}
.menu dl {
float: left;
margin-right: 20px;
color: #fff;
}
.menu dl dt {
font-size: 15px;
}
.menu dl dd {
margin-top: 20px;
}
.menu dl dd.last {
margin-top: -3px;
}
.menu dl dd a {
display: block;
font-size: 12px;
line-height: 24px;
color: #1c5302;
}
.menu dl dd.last p {
font-size: 14px;
line-height: 26px;
}
.menu dl dd a:hover {
color: #FF0;
}
.menu dl.last {
margin-left: 100px;
}
.menu dl dd p {
color: #fff;
line-height: 24px;
}
.ewm {
float: right;
width: 125px;
text-align: center;
line-height: 30px;
margin-right: 70px;
margin-top: 12px;
color: #fff;
}
.cop {
font-size: 14px;
color: #fff;
height: 50px;
line-height: 50px;
background: #1c5302;
padding-left: 20px;
text-align: center;
}
.mg-t-b {
margin: 20px auto;
}
.page-left {
width: 255px;
float: left;
background: #fff;
}
.page-right {
width: 900px;
float: right;
margin-right: 15px;
}
.pagelist .listbox {
border: 1px solid #efefef;
}
.pagelist h1 {
color: #fff;
height: 45px;
line-height: 45px;
font-size: 18px;
font-weight: 600;
background: rgb(63, 155, 11);
padding-left: 20px;
margin-bottom: 5px;
}
.pagelist li {
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
margin-top: -1px;
}
.pagelist li a {
/* height: 35px; */
line-height: 30px;
padding-right: 40px;
display: block;
background: url(../images/sanjiao2.png) 220px 14px no-repeat #fafafa;
font-size: 12px;
color: #333;
padding-left: 20px;
}
.pagelist li a:hover,
.pagelist li.active > a {
background: url(../images/sanjiao.png) 218px 14px no-repeat #fafafa;
font-weight: bold;
}
.pagelist li .dropdown {
display: none;
}
.pagelist li.active .dropdown {
display: block;
}
.pagelist li .dropdown li {
margin-left: 10px;
margin-right: 10px;
}
.pagelist li .dropdown li a {
background: #fff;
padding-left: 40px;
}
.pagelist li .dropdown li.active a {
color: rgb(63, 155, 11);
}
.pagelist li .dropdown li:last-child {
border-bottom: 0;
}
.hotarticl {
margin-top: 20px;
}
.hottit {
border-bottom: 1px solid #efefef;
line-height: 40px;
font-size: 16px;
color: rgb(63, 155, 11);
margin: 12px 12px 0 12px;
}
.pagelujing {
height: 40px;
border-bottom: 2px solid #efefef;
position: relative;
}
.pagelujing .name {
width: 48%;
position: absolute;
left: 0;
top: 0;
height: 40px;
border-bottom: 2px solid rgb(63, 155, 11);
line-height: 40px;
font-size: 16px;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pagelujing span {
/* width:48%; */
position: absolute;
/* right: 0; */
line-height: 40px;
color: #888;
/* overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; */
}
.news-txt.ny,
.newslist.ny {
border: 0;
padding: 0;
}
.news-txt.ny {
min-height: 600px;
}
.newslist.ny li:last-child {
border-bottom: 1px dotted #efefef;
}
.foot {
margin-top: 10px;
}
.liuyantab {
border: 1px solid #f5f5f5;
background: #f8f8f8;
margin-top: 20px;
padding: 20px;
}
/*分页*/
.biaoti {
font-size: 18px;
color: #333;
text-align: center;
margin: 0 20px;
font-weight: 600;
margin-top: 30px;
}
.sshuomign {
color: #888;
font-size: 12px;
line-height: 30px;
text-align: center;
}
.sshuomign span {
margin: 0 10px;
}
.article_txt {
font-size: 14px;
line-height: 28px;
color: #454545;
margin-top: 20px;
overflow: hidden;
padding: 10px;
}
.tcdPageCode {
padding: 15px 20px;
text-align: left;
color: #ccc;
text-align: center;
margin-top: 30px;
}
.tcdPageCode a {
display: inline-block;
color: #428bca;
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
border: 1px solid #ddd;
margin: 0 2px;
border-radius: 4px;
vertical-align: middle;
}
.article_txt {
font-size: 14px;
line-height: 28px;
color: #454545;
margin-top: 20px;
overflow: hidden
}
.tcdPageCode a:hover {
text-decoration: none;
border: 1px solid #428bca;
}
.tcdPageCode span.current {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
margin: 0 2px;
color: #fff;
background-color: #428bca;
border: 1px solid #428bca;
border-radius: 4px;
vertical-align: middle;
}
.tcdPageCode span.disabled {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
margin: 0 2px;
color: #bfbfbf;
background: #f2f2f2;
border: 1px solid #bfbfbf;
border-radius: 4px;
vertical-align: middle;
}
.words11 {
overflow: hidden;
padding-top: 20px;
}
.words11_zzgz_xfgz {
width: 388px;
overflow: hidden;
float: left;
}
.words11_zzgz_xfgz_title {
width: 100%;
height: 28px;
border-bottom: 1px solid #d8d8d8;
}
.words11_zzgz_xfgz_title font {
display: block;
float: left;
height: 28px;
line-height: 28px;
text-align: center;
color: #555;
font-weight: 600;
cursor: pointer;
font-size: 16px;
}
.words11_zzgz_xfgz_title span {
display: block;
float: right;
font-size: 12px;
margin-top: 5.5px;
margin-right: 5px;
}
.words11_zzgz_xfgz_content {
width: 100%;
/*height: 270px;*/
/*overflow: hidden;*/
margin: 10px 0px;
}
.words11_zzgz_xfgz_content .box {
width: 100%;
overflow:hidden;
height: 314px;
}
/* 这是针对缺省样式 (必须的) */
.words11_zzgz_xfgz_content .box .focus {
width: 100%;
overflow: hidden;
margin: 10px 0px 20px 0px;
}
.words11_zzgz_xfgz_content .box .focus img {
width: 130px;
height: 90px;
float: left;
}
.words11_zzgz_xfgz_content .box .focus p {
width: 180px;
height: 70px;
line-height: 23.33px;
float: left;
margin-top: 10px;
margin-left: 10px;
color: #0e5298;
font-weight: 600;
}
.words11_zzgz_xfgz_content li {
width: 100%;
height: 32px;
line-height: 32px;
*height: 28px;
*line-height: 28px;
}
.words11_zzgz_xfgz_content li a {
float: left;
font-size: 14px;
}
.words11_zzgz_xfgz_content li a img {
margin-right: 6px;
}
.words11_zzgz_xfgz_content li span {
float: right;
color: #979797;
}
/* 科学研究与特色品牌建设 */
.news_list_content {
width: 100%;
height: 300px;
overflow: hidden;
margin: 10px 0px;
}
.news_list_content .txt {
width: 150px;
height: 150px;
background-color: rgb(63, 155, 11);
color: #fff;
position: relative;
padding: 15px 15px 15px 15px;
font-size: 5px;
}
.news_list_content .sanjiao {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent rgb(63, 155, 11) transparent;
bottom: 0;
position: absolute;
left: 50%;
margin-left: -20px;
}
.news_list_content .sanjiao2 {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: rgb(63, 155, 11) transparent transparent transparent;
top: 0;
position: absolute;
left: 50%;
margin-left: -20px;
}
.news_list_content .img {
width: 150px;
height: 150px;
background-image: url(../images/bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.news_list_content .getMore {
font-size: 5px;
opacity: 0.9;
}
.news_list_content .getMore img {
width: 12px;
height: 12px;
margin-left: 4px;
}
.news_list_content .txt :hover {
cursor: pointer;
}
.news_list_item:hover .getMore {
opacity: 1;
}
.news_list_content .txt .title {
font-size: 16px;
opacity: 0.9;
margin-bottom: 5px;
}
.news_list_item:hover .txt .title {
opacity: 1;
}
.news_list_item:hover .txt .overflow4 {
overflow: hidden;
opacity: 1;
}
.words11_jcfc_content .box .focus img {
width: 300px;
height: 150px;
}
.words11_jcfc_content .box .focus {
overflow: hidden;
margin: 10px;
}
.words11_jcfc_content .box ul li {
display: inline-block;
*display: inline;
*margin: 2px 2px;
*zoom: 1;
margin: 0px 5px;
}
.words11_jcfc_content .box .midd {
width: 350px;
height: 70px;
float: left;
overflow: hidden;
position: relative;
}
.words11_jcfc_content .box ul {
height: 50px;
display: inline-block;
white-space: nowrap;
position: relative;
}
.words11_jcfc_content .box ul li img {
width: 60px;
height: 30px;
*width: 60px;
height: 30px;
border: 2px solid #fff;
display: block;
margin: 8px 0;
}
.words11_jcfc_content .box .left {
width: 17px;
height: 50px;
float: left;
background: url(../images/words11_jcfc_content_left_but.png) no-repeat center;
cursor: pointer;
}
.words11_jcfc_content .box .right {
width: 17px;
height: 50px;
float: right;
background: url(../images/words11_jcfc_content_right_but.png) no-repeat center;
cursor: pointer;
}
.poster li {
margin-top: 10px
}
.poster li > img {
width: 100%;
height: 100%;
display: block;
}
.tem ul {
/*width: calc(50% - 10px);*/
float: left;
margin: 0 5px;
}
.banner_title{
display: inline-block;
width: 100%;
background-color: rgba(255,255,255,0.5);
color: #353535;
font-size: 30px;
text-align: center;
position: absolute;
bottom: 0;
padding:10px 0;
}
.lt_adverts_c{
height: 64.7px;
width: 100%;
line-height: 64.7px;
text-align: center;
background-position: center;
background-repeat: no-repeat;
color: #fff;
font-size: 30px;
background-size: 100% 100%;
box-shadow: 0 0 10px rgba(2,2,2,0.5);
text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}
.news_list_content1{
width: 100%;
/*height: 400px;*/
background-color: #fff;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-item:center;
box-sizing:border-box;
margin-top: 10px;
}
.news_list_item1{
flex:1;
width: 25%;
text-align: center;
/*background-color: pink;*/
border:solid 1px #f9f8f7;
font-size: 14px;
cursor:pointer;
/* padding:10px;*/
/*color: #353535;*/
}
.news_list_item1>div{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 140px;
/*background-color: green;*/
}
.news_list_item1:hover{
border:solid 1px rgba(72,144,26,0.2);
}
.news_list_item1:hover span{
color: rgba(72,144,26,1)
}
.news_list_item1>span{
overflow: hidden;
width: 100%;
display: inline-block;
padding-top: 10px;
text-decoration: ellipsis;
}
/*2020-10-15*/
.naturalCont{display:table; height: 120px; text-align: center;}
.naturalCont-title {display:table-cell; vertical-align:middle;}
.dtlCont {display: flex;}
.dtlCont-banner {width: 100%; height: 230px;}
.dtlCont-banner .swiper-slide {background-size: cover;background-position: top;}
.gallery-top {height: 150px;width: 300px; margin-top: 10px;}
.gallery-thumbs {height: 80px;width: 360px; box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 80px !important;height: 40px;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.swiper-name {position: absolute; top: 50px; left: 0; width: 100%; display: block; text-align: center;}