@charset "utf-8"; .cm { color: #007a49; } .cm2 { color: #29c3ab; } .cer8 { max-width: 1536px; margin: 0 auto; padding: 0 30px; } .js-qiecon2 { display: none; } .js-qiecon2.on { display: block; } .js-qiecon { position: absolute; left: 200%; top: 0; z-index: -20; opacity: 0; width: 100%; } .js-qiecon.on { position: static; left: 0; top: 0; z-index: 1; opacity: 1; } .pianyi { padding-top: 80px; margin-top: -80px; } .js-qiecon-wrap1, .js-qiecon-wrap2, .js-qiecon-wrap3 { position: relative; width: 100%; overflow: hidden; } .yiqing { width: 100%; height: 80px; margin: 44px 0 46px; } .yiqing img { -o-object-fit: cover; object-fit: cover; } .fyewu { background-color: #f2f3f5; padding-top: 36px; } .fyewulist { padding: 34px 0 46px; margin: 0 -8px; overflow: hidden; } .fyewulist li { float: left; width: 20%; margin-bottom: 18px; } .fyewulist li .lin { padding: 0 8px; } .fyewulist li a { display: block; width: 100%; position: relative; text-align: center; background-color: #fff; } .fyewulist li a:after { left: 100%; position: absolute; bottom: 0; content: " "; width: 0; border-bottom: 1px solid #007a49; -webkit-transition: .3s; transition: .3s; } .fyewulist li:hover a:after { width: 100%; left: 0; transition: width 0.3s; -webkit-transition: width 0.3s; } .fyewulist .pic { width: 100%; height: 0; padding-bottom: 56.46%; overflow: hidden; position: relative; } .fyewulist img { -o-object-fit: cover; object-fit: cover; } .fyewulist li h3 { font-size: 16px; color: #000; line-height: 50px; height: 50px; overflow: hidden; -webkit-transition: .4s; transition: .4s; padding: 0 10px; } .fyewulist li:hover h3 { color: #007a49; } @media screen and (max-width: 1400px) { .fyewulist li { width: 25%; } } @media screen and (max-width: 1023px) { .fyewulist li { width: 33.33%; } } @media screen and (max-width: 750px) { .fyewulist li { width: 50%; } .fyewulist li h3 { font-size: 26px; } } .fbtl6 { height: 40px; overflow: hidden; } .fbtl6 h3 { font-size: 24px; color: #007a49; font-weight: bold; line-height: 40px; height: 100%; padding-left: 36px; background: url('../images/sanca1.png') 0 no-repeat; } .fbtl5 { height: 56px; overflow: hidden; background-color: #007a49; } .fbtl5 h3 { font-size: 24px; color: #fff; line-height: 56px; height: 100%; padding-left: 56px; background: url('../images/sanca2.png') 18px no-repeat; } @media screen and (max-width: 750px) { .fbtl6 h3, .fbtl5 h3 { font-size: 32px; } } .ftwo { position: relative; padding-right: 436px; margin-bottom: 68px; } .ftwoleft { width: 100%; } .ftworight { position: absolute; right: 0; top: 0; z-index: 0; width: 400px; } .fztlink { display: block; width: 100%; margin-top: 13px; } .fztlink img { width: 100%; -o-object-fit: cover; object-fit: cover; } .fbtl1 { position: relative; height: 62px; line-height: 62px; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .fbtl1 .en { float: left; font-size: 20px; color: #d8d8d8; font-family: 'Helvetica'; text-transform: uppercase; margin-left: 10px; } .fbtl1 .cn { float: left; font-size: 28px; color: #007a49; font-weight: bold; position: relative; padding-left: 18px; background: url('../images/sx2.jpg') 0 no-repeat; } .fbtl1 .more { position: absolute; right: 18px; top: 0; z-index: 1; font-size: 16px; color: #333; } .fbtl1 .more:hover { color: #007a49; } .fbtl1.i2 { height: 56px; line-height: 56px; } .ftongcon { padding-left: 220px; height: 125px; margin: 30px 0 14px; } .ftongcon a { display: block; height: 100%; } .ftongcon img { float: left; margin-left: -220px; width: 200px; height: 125px; } .ftongcon h3 { font-size: 17px; line-height: 30px; color: #333; height: 30px; overflow: hidden; margin: 8px 0 10px; } .ftongcon h3:hover { color: #007a49; } .ftongcon p { font-size: 16px; color: #999; line-height: 26px; height: 52px; overflow: hidden; } .ftongcon .date { display: block; height: 24px; font-size: 16px; line-height: 24px; color: #999; } .ftxtlist2 { width: 100%; } .ftxtlist2 li { width: 100%; } .ftxtlist2 li a { display: block; padding-right: 90px; position: relative; height: 39px; line-height: 39px; overflow: hidden; border-bottom: 1px solid #ecedef; } .ftxtlist2 li span.info { display: inline-block; width: 100%; height: 100%; padding-left: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .ftxtlist2 li span.info:before { content: ''; position: absolute; left: 21px; top: 50%; z-index: 0; width: 4px; height: 4px; background-color: #333; margin-top: -2px; border-radius: 50%; } .ftxtlist2 li span.date { position: absolute; right: 0; top: 0; z-index: 1; width: 90px; font-size: 14px; color: #999; text-align: center; } .ftxtlist2 li span, .ftxtlist2 li span.info:before { -webkit-transition: 0.5s; transition: 0.5s; } .ftxtlist2 li:hover span.info { color: #007a49; } .ftxtlist2 li:hover span.date { color: #007a49; } .ftxtlist2 li:hover span.info:before { background-color: #007a49; } .ftxtlist2.i2 li span.info { padding-left: 14px; } .ftxtlist2.i2 li span.info:before { left: 3px; } .fbtl3 { position: relative; height: 56px; line-height: 56px; overflow: hidden; background-color: #eee; } .fbtl3 .more { position: absolute; right: 18px; top: 0; z-index: 1; font-size: 16px; color: #333; } .fbtl3 .more:hover { color: #007a49; } .towerji { font-size: 0; height: 100%; } .towerji a { display: inline-block; width: 120px; height: 100%; color: #333; font-size: 16px; position: relative; text-align: center; } .towerji a:before { content: ''; position: absolute; right: 0; top: 50%; z-index: 0; width: 1px; height: 16px; background-color: #9c9c9c; margin-top: -8px; } .towerji a:after { content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 3px; background-color: transparent; } .towerji a:hover { background-color: #fff; } .towerji a.on { background-color: #007a49; color: #fff; font-weight: bold; } .towerji a:hover:before, .towerji a.on:before { display: none; } .towerji a:hover:after, .towerji a.on:after { background-color: #007a49; } .ftwoleft .js-qiecon-wrap1 { margin-top: 26px; margin-bottom: 50px; } @media screen and (max-width: 1200px) { .ftwo { padding-right: 0; } .ftworight { position: relative; width: 100%; margin-top: 40px; } } @media screen and (max-width: 750px) { .fbtl1 .cn { font-size: 36px; } .fbtl1 .en { font-size: 30px; } .fbtl1 .more { font-size: 26px; } .ftxtlist2 li a { padding-right: 146px; height: 52px; line-height: 52px; } .ftxtlist2 li span.info { font-size: 26px; } .ftxtlist2 li span.date { font-size: 24px; } .ftongcon { padding-left: 0; height: auto; margin: 30px 0; } .ftongcon img { float: none; margin-left: 0; width: 100%; height: auto; } .ftongcon h3 { font-size: 28px; line-height: 50px; height: 50px; margin: 8px 0; } .ftongcon p { font-size: 26px; line-height: 46px; height: 92px; } .ftongcon .date { height: 44px; font-size: 26px; line-height: 44px; margin-top: 20px; } .towerji { height: auto; overflow: auto; white-space: nowrap; } .towerji a { width: 160px; font-size: 26px; } .fbtl3 { height: auto; } .fbtl3 .more { display: none; } } .fone { position: relative; padding-right: 336px; margin-top: 40px; } .foneleft { width: 100%; } .foneright { position: absolute; right: 0; top: 0; z-index: 1; width: 292px; } .fnewscon { margin-top: 34px; } .fnewspic-scroll { float: left; position: relative; width: 48.33%; height: 362px; } .fnewspic-scroll .flex-viewport { width: 100%; height: 100%; } .fnewspic-scroll .slides { overflow: hidden; height: 100%; } .fnewspic-scroll .slides li { height: 100%; -webkit-backface-visibility: hidden; position: relative; } .fnewspic-scroll .slides li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; line-height: 362px; } .fnewspic-scroll .slides a > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .fnewspic-scroll .slides a h3 { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 46px; background-color: rgba(0, 0, 0, 0.6); font-size: 16px; color: #fff; line-height: 46px; overflow: hidden; padding-left: 20px; padding-right: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; } .fnewspic-scroll li .date { width: 70px; padding: 10px 0; font-family: 'arial'; text-align: center; color: #fff; position: absolute; left: 0; top: 0; z-index: 9; background-color: #007a49; } .fnewspic-scroll li .date .day { display: block; font-size: 26px; line-height: 32px; height: 32px; } .fnewspic-scroll li .date .year { display: block; font-size: 14px; line-height: 18px; height: 18px; } .fnewspic-scroll .flex-direction-nav a { width: 18px; height: 38px; margin-top: -20px; display: block; font-size: 0; position: absolute; top: 50%; z-index: 4; border: 1px solid #999; } .fnewspic-scroll .flex-direction-nav a.flex-prev { left: 0; background: #ffffff url('../images/lt3h.png') center no-repeat; } .fnewspic-scroll .flex-direction-nav a.flex-next { right: 0; background: #ffffff url('../images/gt3h.png') center no-repeat; } .fnewspic-scroll .flex-direction-nav a:hover { background-color: #0c8e46; border-color: #0c8e46; } .fnewspic-scroll .flex-control-paging { height: 10px; font-size: 0; position: absolute; bottom: 18px; right: 10px; z-index: 5; } .fnewspic-scroll .flex-control-paging li { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; width: 10px; height: 10px; margin: 0 5px; } .fnewspic-scroll .flex-control-paging li a { width: 10px; height: 10px; display: block; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; } .fnewspic-scroll .flex-control-paging li a.flex-active { background-color: #fff; } .fnewstwo { float: right; width: 48.33%; } .cowerji { font-size: 0; height: 34px; margin-bottom: 10px; } .cowerji a { display: inline-block; height: 16px; color: #666; font-size: 16px; line-height: 16px; position: relative; text-align: center; padding-bottom: 18px; margin-right: 36px; } .cowerji a:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 4px; background-color: transparent; } .cowerji a:hover { color: #007a49; } .cowerji a.on { color: #007a49; font-weight: bold; } .cowerji a.on:after { background-color: #007a49; } .ftxtlist1 { width: 100%; } .ftxtlist1 li { width: 100%; border-bottom: 1px dotted #bfbfbf; } .ftxtlist1 li a { display: block; padding-right: 112px; position: relative; height: 53px; line-height: 53px; overflow: hidden; } .ftxtlist1 li span.info { display: inline-block; width: 100%; height: 100%; padding-left: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #666; background: url('../images/dgt1.png') 0 no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .ftxtlist1 li span.date { position: absolute; right: 0; top: 0; z-index: 1; font-size: 14px; color: #999; } .ftxtlist1 li span { -webkit-transition: 0.5s; transition: 0.5s; } .ftxtlist1 li:hover span.info { color: #0c8e46; background-image: url('../images/dgt1h.png'); } .ftxtlist1 li:hover span.date { color: #0c8e46; } @media screen and (max-width: 1200px) { .fone { padding-right: 0; } .fnewscon { position: relative; } .fnewspic-scroll { float: none; width: 100%; height: 450px; margin-bottom: 30px; } .fnewspic-scroll .slides li a { line-height: 450px; } .fnewstwo { float: none; width: 100%; } .foneright { position: relative; width: 100%; margin-top: 30px; } } @media screen and (max-width: 750px) { .fnewspic-scroll { height: 326px; margin-bottom: 40px; } .fnewspic-scroll .slides li a { line-height: 326px; } .fnewspic-scroll .slides a h3 { font-size: 26px; } .cowerji { height: 50px; } .cowerji a { height: 26px; font-size: 26px; line-height: 26px; padding-bottom: 24px; } .ftxtlist1 li a { padding-right: 146px; } .ftxtlist1 li span.info { font-size: 26px; } .ftxtlist1 li span.date { font-size: 24px; } } .ftxtlist3 { width: 100%; margin-bottom: 10px; } .ftxtlist3 li { width: 100%; } .ftxtlist3 li a { display: block; position: relative; height: 32px; line-height: 32px; overflow: hidden; } .ftxtlist3 li span.info { display: inline-block; width: 100%; height: 100%; padding-left: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #999; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .ftxtlist3 li span.info:before { content: ''; position: absolute; left: 2px; top: 50%; z-index: 0; width: 4px; height: 4px; background-color: #999; margin-top: -2px; border-radius: 50%; } .ftxtlist3 li span, .ftxtlist3 li span.info:before { -webkit-transition: 0.5s; transition: 0.5s; } .ftxtlist3 li:hover span.info { color: #007a49; } .ftxtlist3 li:hover span.info:before { background-color: #007a49; } .fvideo { width: 100%; position: relative; } .fvideo img { width: 100%; max-height: 400px; -o-object-fit: cover; object-fit: cover; } .fvideo .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; opacity: 1; background: url('../images/play.png') center no-repeat; cursor: pointer; } .fbtl2 { position: relative; height: 62px; line-height: 62px; overflow: hidden; border-bottom: 1px solid #e5e5e5; margin-bottom: 18px; } .fbtl2 .cn { float: left; font-size: 24px; color: #007a49; font-weight: bold; position: relative; } .fbtl2 .cn:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 4px; background-color: #007a49; } .fbtl2 .more { position: absolute; right: 0; top: 0; z-index: 1; font-size: 16px; color: #333; } .fbtl2 .more:hover { color: #007a49; } @media screen and (max-width: 750px) { .ftxtlist3 li a { height: 52px; line-height: 52px; } .ftxtlist3 li span.info { font-size: 26px; } .fbtl2 .cn { font-size: 34px; } .fbtl2 .more { font-size: 26px; } } .ftwoboxer { border: 1px solid #ecedef; border-top: 2px solid #007a49; margin-bottom: 50px; } .fbtl4 { height: 48px; line-height: 48px; overflow: hidden; border-bottom: 1px solid #eeeef0; } .fbtl4 h3 { font-size: 24px; color: #007a49; height: 100%; padding-left: 52px; background: url('../images/sanca1.png') 15px no-repeat; } .fbtl4 .more { position: absolute; right: 15px; top: 0; z-index: 1; font-size: 16px; color: #333; } .fbtl4 .more:hover { color: #007a49; } .ftwoboxer .boxerinner { padding: 15px 15px 24px; } .ftxtlist4 { width: 100%; } .ftxtlist4 li { width: 100%; } .ftxtlist4 li a { display: block; position: relative; height: 34px; line-height: 34px; overflow: hidden; } .ftxtlist4 li span.info { display: inline-block; width: 100%; height: 100%; padding-left: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .ftxtlist4 li span.info:before { content: ''; position: absolute; left: 12px; top: 50%; z-index: 0; width: 4px; height: 4px; background-color: #333; margin-top: -2px; border-radius: 50%; } .ftxtlist4 li span, .ftxtlist4 li span.info:before { -webkit-transition: 0.5s; transition: 0.5s; } .ftxtlist4 li:hover span.info { color: #007a49; } .ftxtlist4 li:hover span.info:before { background-color: #007a49; } .powerji { font-size: 0; height: 30px; line-height: 30px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .powerji a { display: inline-block; width: 90px; height: 100%; color: #333; font-size: 16px; position: relative; text-align: center; background-color: #e6e6e6; } .powerji a:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; margin-left: -8px; width: 0; height: 0; border: 8px solid transparent; border-bottom-width: 0; -webkit-transition: 0.3s; transition: 0.3s; } .powerji a:hover { background-color: #007a49; color: #fff; } .powerji a.on { background-color: #007a49; color: #fff; } .powerji a.on:after { border-top-color: #007a49; bottom: -8px; } @media screen and (max-width: 1200px) { .powerji { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .powerji a { width: 140px; margin-right: 14px; } } @media screen and (max-width: 750px) { .fbtl4 { height: 62px; line-height: 62px; } .fbtl4 h3 { font-size: 34px; } .fbtl4 .more { font-size: 26px; } .powerji { height: 50px; line-height: 50px; } .powerji a { font-size: 24px; } .ftxtlist4 li a { height: 52px; line-height: 52px; } .ftxtlist4 li span.info { font-size: 26px; } }