/**++******************************************** ***+++data:2023.05.05++************************** ***+++athor:cdzhyq******************************* *************************************************/ @charset "utf-8"; /*************页面头尾文件样式s****************/ .yqlh-header,.yqlh-header2{width:100%;height: 88px;background: url(../images/headbg.png) no-repeat center;background-size: cover;position: relative;z-index: 999;} .yqlh-header .blockbox{position: relative;height: 100%} .yqlh-header .logo{position: absolute;top:0;left:0;width: 316px;height: 100px;} .yqlh-header .logo a{display: block;width: 100%;height: 100%;margin:0 auto;display:flex;align-items:center;justify-content:center;} .yqlh-header .logo a img{display: inline-block;width: auto;height: 100%;} .yqlh-header .yqlh-topnavbox{height: 44px;float: right;margin: 22px 0 0 0;position: relative;} .yqlh-header .yqlh-topnavbox .yqlh-tool{float: right; } .yqlh-header .yqlh-topnavbox .yqlh-tool div.li{margin-left: 0.2rem;position: relative;} .yqlh-header .yqlh-topnavbox .yqlh-tool div.li div.img{width: 24px;height: 24px;margin:0 auto;} .yqlh-header .yqlh-topnavbox .yqlh-tool div.li a{width:100%;height: 100%;color: #fff;font-size:12px;text-align:center; } .yqlh-header .yqlh-topnavbox .yqlh-tool div.li a span{font-size: 12px;padding-top: 4px;display: block;} .yqlh-header .yqlh-topnavbox .yqlh-tool div.li .qrcode{display: none; position: absolute;top: 60px;left: -40px;width: 100px;height: 100px;padding: 10px;box-sizing: border-box;background-color: #fff;border-radius: 4px;} .yqlh-header .yqlh-topnavbox .yqlh-tool div.li .qrcode img{width: 100%;height: auto;} .yqlh-header .yqlh-topnavbox .yqlh-tool div.li:hover .qrcode{display: block;} .yqlh-header .yqlh-topnavbox .yqlh-search .searchbtns{width: 30px;cursor: pointer;overflow: hidden;} .yqlh-header .yqlh-topnavbox .yqlh-search .searchbtns div.img{width:22px;height:22px;margin:0 auto; } .yqlh-header .yqlh-topnavbox .yqlh-search .searchbtns p.txt{color: #fff;font-size: 12px;text-align: center;margin-top: 5px;} .yqlh-header .yqlh-topnavbox .yqlh-search{position: absolute;top:0;right: -48px} .yqlh-header .yqlh-topnavbox .yqlh-search .searchbox{display:none;width: 400px;border:none;height: 44px;overflow: hidden;background-color: #fff;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;} .yqlh-header .yqlh-topnavbox .yqlh-search .searchbox .searchboxinput{width:228px;height:40px;border:none;padding-left:10px;color:#252525;float: left;background: #fff} .yqlh-header .yqlh-topnavbox .yqlh-search .searchbox .searchbtn{float:right;width: 100px;height: 44px;background:#FF0000 url(../images/icon6.png) no-repeat 20px center;cursor: pointer;display: block;color:#fff;text-indent: 50px;line-height: 44px;font-size:16px;letter-spacing:2px } .yqlh-header .yqlh-topnavbox .yqlh-search .searchbox.open{display: block;z-index: 16;} .yqlh-header2 .head2-nav{width: 756px;float: left;} .yqlh-header2 .head2-nav .nav{overflow: hidden;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: space-between;height:32px;line-height: 32px;} .yqlh-header2 .blockbox{padding-top:10px;} .yqlh-header2 .head2-nav .nav li{display: inline-block;height: 32px;line-height: 32px;} .yqlh-header2 .head2-nav .nav{height: 32px;overflow: hidden;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: space-between;} .yqlh-header2 .head2-nav .nav li a{font-size: 14px;color:#fff} .yqlh-header2 .head2-nav .nav li a:hover{font-weight:700; } .yqlh-header2 .yqlh-topnavbox2{height: 44px;float: right;width:400px;margin-top: 10px;position: relative;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool{float: left;width:80%; } .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool div.li div.img{width: 24px;height: 24px;margin:0 auto;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool div.li a{width:100%;height: 100%;color: #fff;font-size:12px;text-align:center; } .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool div.li a span{font-size: 12px;padding-top: 4px;display: block;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool div.li .qrcode{display: none; position: absolute;top: 60px;left: -40px;width: 100px;height: 100px;padding: 10px;box-sizing: border-box;background-color: #fff;border-radius: 4px;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool div.li .qrcode img{width: 100%;height: auto;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-tool div.li:hover .qrcode{display: block;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbtns{width: 30px;cursor: pointer;overflow: hidden;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbtns div.img{width:22px;height:22px;margin:0 auto; } .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbtns p.txt{color: #fff;font-size: 12px;text-align: center;margin-top: 5px;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-search{float:right;position: absolute;top:0;right: 0} .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbox{display:none;width: 400px;border:none;height: 44px;overflow: hidden;background-color: #fff;transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;} .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbox .searchboxinput{width:228px;height:40px;border:none;padding-left:10px;color:#252525;float: left;background: #fff} .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbox .searchbtn{float:right;width: 100px;height: 44px;background:#FF0000 url(../images/icon6.png) no-repeat 20px center;cursor: pointer;display: block;color:#fff;text-indent: 50px;line-height: 44px;font-size:16px;letter-spacing:2px } .yqlh-header2 .yqlh-topnavbox2 .yqlh-search .searchbox.open{display: block;z-index: 16;} .yqlh-nynav{height: 68px;width: 100%;background-color: #F5F7FA;} .yqlh-nynav .blockbox{position: relative;} .yqlh-nynav .logos{width: 180px;height: 80px;overflow: hidden;position: absolute;top:0;left: 0;} .yqlh-nynav .logos a{display: block;width: 100%;height: 100%;overflow: hidden;} .yqlh-nynav .nynav{margin-left: 230px;overflow: hidden;width: calc(100% - 230px);overflow: hidden;} .yqlh-nynav .nynav ul{overflow: hidden;height: 68px;line-height: 68px;display: flex;justify-content: flex-start;} .yqlh-nynav .nynav ul li{margin-right: 0.5rem;} .yqlh-nynav .nynav ul li a{font-size:16px;color:#252626 } .yqlh-nynav .nynav ul li.active a,.yqlh-nynav .nynav ul li:hover a{color:#FF0000 } .yqlh-nav{width:76%;height: 88px;overflow: hidden;float: left;} .yqlh-nav .blockbox{padding:10px 0 10px 120px;overflow: hidden;} .yqlh-nav .blockbox .nav{padding-left: 240px;overflow: hidden;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: flex-start;height:34px;line-height: 34px;} .yqlh-nav .blockbox .nav li{display: inline-block;margin-right: 40px;} .yqlh-nav .blockbox .nav li a{font-size: 16px;color: #fff} .yqlh-nav .blockbox .nav li a:hover{color:#FF0000 } .yqlh-footer{width: 100%;padding:50px 0;overflow: hidden;background:#A6080E;} .yqlh-footer .yqlh-footer-linkbox{padding-bottom:30px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);overflow: hidden;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-tab{height: 32px;overflow: hidden;margin-bottom: 18px;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-tab .tabbtn{font-size: 18px;color:#F29DA5;line-height:32px;padding-right:32px;cursor:pointer; } .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-content{height:72px;overflow: hidden;display: none;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-tab .tabbtn.on{color: #fff;font-weight: bold;font-size: 18px;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-content a{color:#F29DA5;font-size: 14px;display: block;padding-right:2%;float: left;text-align:center;height: 32px;line-height: 32px;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-content a:hover{color: #fff;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-content a:nth-child(17n+1){text-align: left;} .yqlh-footer .yqlh-footer-linkbox .yqlh-footer-content a:nth-child(17n){text-align: right;padding-right: 0;} .yqlh-footer .yqlh-footer-nav{padding-bottom:30px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);overflow: hidden;padding-top: 30px;} .yqlh-footer .yqlh-footer-nav .nav li{display: inline-block;height: 32px;line-height: 32px;} .yqlh-footer .yqlh-footer-nav .nav{height: 32px;overflow: hidden;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: space-between;padding:0 2%;} .yqlh-footer .yqlh-footer-nav .nav li a{font-size: 16px;color:#F29DA5} .yqlh-footer .yqlh-footer-nav .nav li a:hover{color:#fff } .yqlh-footer .yqlh-copyright{padding-top: 40px;overflow: hidden;} .yqlh-footer .yqlh-copyright .yqlh-footer-left{width: 48%;float: left;} .yqlh-footer .yqlh-copyright .yqlh-footer-left .yqlh-footer-display{text-align: left;height: 32px;line-height: 32px;} .yqlh-footer .yqlh-copyright .yqlh-footer-left .yqlh-footer-display a{font-size: 12px;color: #F29DA5;line-height: 32px;padding-right: 15px;height: 32px;display: inline-block;} .yqlh-footer .yqlh-copyright .yqlh-footer-left p.txt,.yqlh-footer .yqlh-copyright .yqlh-footer-left .copyright{font-size: 12px;color:#F29DA5;line-height:32px; } .yqlh-footer .yqlh-copyright .yqlh-footer-right{width: 50%;float:right;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .certification{height: 20px;overflow:hidden;text-align: right} .yqlh-footer .yqlh-copyright .yqlh-footer-right .certification a{display:inline-block;height: 20px;margin-left: 16px;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .certification a.a1{width: 84px;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .certification a.a2{width:54px;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .certification a.a3{width:44px;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .yqlh-footer-txt{width: 100%;text-align: right;padding-top: 32px;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .yqlh-footer-txt p{display: inline-block;font-size: 12px;height: 32px;line-height: 32px;color: #F29DA5;margin-left: 20px;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .yqlh-footer-txt p a{color: #F29DA5;} .yqlh-footer .yqlh-copyright .yqlh-footer-right .yqlh-footer-txt p.gab{background: url(../images/gab.png) no-repeat left center ;padding-left: 30px;} /******>>>>>>首页样式<<<<<**********/ .iadv1box{height: 160px;overflow: hidden;margin-top:30px;} .iadv1box .iadvmySwiper{width: 100%;height: 100%;overflow: hidden;position: relative;} .iadv1box .iadvmySwiper .swiper-slide ,.iadv1box .iadvmySwiper .swiper-slide a{display: block;width:100%;height: 160px;overflow: hidden;} .iadv1box .iadvmySwiper .swiper-pagination{top:120px;height: 20px;text-align: right;width:90%;left:9.5%;} .iadv1box .iadvmySwiper .swiper-pagination .swiper-pagination-custom{width: 20px;height: 20px;background:rgba(255,255,255,.7);display:inline-block; text-align: center;line-height: 20px;margin-right: 12px;font-size: 14px;color: #fff;cursor: pointer;} .iadv1box .iadvmySwiper .swiper-pagination .swiper-pagination-custom.active{background:#fff;color: #E60014} .headline{ margin-top: 40px; /*margin-top: 100px;*/ text-align: center; } .headline .blockbox{width:57%;margin:0 auto;overflow: hidden;max-width: 1200px;} .headline .blockbox .headline-title{font-size:40px;font-weight:700; } .headline .blockbox .headline-title a{color:#FF0000;font-weight: bold; display: block;overflow: hidden;} .headline .blockbox .headline-title a img{display: inline-block;vertical-align: top;margin-right: 15px;} .headline .blockbox .desc{color:#252626;line-height:36px;font-size:16px;margin-top:20px; } .today-news{width: 100%;height: 40px;overflow: hidden;margin-top: 40px;} .today-news .blockbox{background: url(../images/index/notice.png) no-repeat left center;height: 40px;position: relative;} .today-news .blockbox::after{content: '';display: block;width: calc(100% - 124px);border:1px solid #E1E3E5;height:38px;border-left: none;position: absolute;top:0;right:0;z-index: 8;} .today-news .blockbox span.title{background:url(../images/icon7.png) no-repeat 20px center;display: inline-block;height: 40px;width: 144px;color: #fff;font-size:16px;line-height:40px;text-indent:50px; } .today-news .blockbox .announcement{float: right;width: calc(100% - 154px);overflow: hidden;position: relative;z-index: 10;height: 100%;} .today-news .blockbox .announcement a{font-size:16px;color:#575859;line-height:40px;position:relative;padding-left:15px; display: inline-block;width: auto;height: 100%;margin-right: 20px;} .today-news .blockbox .announcement a::before{content: '';display: inline-block;width:6px;height: 6px;border-radius: 100%;background: #FF0000;position: absolute;top:17px ;left:0;} .today-news .blockbox .announcement a:hover{color: #FF0000} .banner-newsbox{width: 100%;height: 636px;overflow: hidden;margin-top: 32px;} .banner-newsbox .blockbox{position: relative;overflow: hidden;} .banner-newsbox .switch-img{overflow: hidden;height: 636px;width:100%;position: relative;z-index: 1;} .banner-newsbox .switch-img .licontent{overflow: hidden;width: 100%;height: 100%;display: none;} .banner-newsbox .switch-text{z-index:3;position:absolute;top:0;right:120px;width:320px;height: 6.6rem;background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);backdrop-filter: blur(12px);} .banner-newsbox .switch-text .box{display: block;overflow: hidden;padding:20px 0 0 0;} .banner-newsbox .switch-text .box .li{height: 87px;width: 100%;overflow: hidden;padding:14px 28px;box-sizing: border-box;} .banner-newsbox .switch-text .box .li a.dot{display:block;color: #fff;font-size: 16px;line-height:28px;height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .banner-newsbox .switch-text .box .li.on,.banner-newsbox .switch-text .box .li:hover{background: linear-gradient(90deg, #CC0617 9%, rgba(230,11,30,0.30) 94%);} .banner-newsbox .switch-text .box .li.on a.dot,.banner-newsbox .switch-text .box .li:hover a.dot{font-weight: bold;} /**********公共列表ul**************************/ .common-list .list{overflow: hidden;padding: 20px 0 0 0;} .common-list .list li{height: 43px;font-size: 16px;line-height:43px;background: url("../images/li.png") no-repeat left center;padding-left: 20px;} .common-list .list li:hover{background: url("../images/lion.png") no-repeat left center;} .common-list .list li a{display: inline-block;width: 75%;color:#252626;overflow: hidden;} .common-list .list li .time{float: right;color:#8A8D8D;display: inline-block} .common-list .list li a:hover{color:#FF0000;} .common-list3 .list{overflow: hidden;} .common-list3 .list li{height:86px;font-size: 18px;border-bottom: 1px solid #E1E3E5;padding-top: 25px;padding-bottom: 5px;} .common-list3 .list li a{display:block;color:#252626;height:45px;line-height:45px;width:95%;overflow:hidden; } .common-list3 .list li .time{color:#8A8D8D;display: block;font-size: 16px;} .common-list3 .list li a:hover{color:#FF0000;} .common-list5 .list{overflow: hidden;} .common-list5 .list li{height: 120px;overflow: hidden;border-bottom: 1px solid #E1E3E5;padding-bottom: 32px;padding-top: 32px;} .common-list5 .list li a{display: block;width: 100%;height: 100%;} .common-list5 .list li a h4.oe{color:#252626;font-size:18px;line-height:32px;height:32px;overflow:hidden; } .common-list5 .list li a p.dot{height: 48px;line-height: 24px;color: #8A8D8D;font-size: 14px;margin-top: 10px;} .common-list5 .list li a .time{display: block;height: 25px;line-height: 25px;color:#8A8D8D;font-size:14px;margin-top:10px; } .common-list5 .list li a:hover h4.oe{color: #FF0000} .common-list5 .list li a:hover p.dot{color: #555} /**********公共图文列表ul**************************/ .common-imglist{overflow: hidden;} .common-imglist .list{overflow: hidden;padding:5px 0 0 0;} .common-imglist .list li{width:258px;border:1px solid #E1E3E6;float: left;margin-right: 20px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .common-imglist .list li:last-child{margin-right: 0;} .common-imglist .list li a{display: block;width: 100%;overflow: hidden;height: 100%} .common-imglist .list li a div.img{width: 100%;height: 160px;overflow: hidden;} .common-imglist .list li a h4.oe{height: 56px;line-height: 56px;text-align: center;padding: 0 .3rem;overflow: hidden;color: #252626;font-size: 16px;} .common-imglist .list li a:hover h4.oe{color:#FF0000 } .common-imglist .list li:hover{-webkit-transform: translate3d(0, -2%, 0);transform: translate3d(0, -2%, 0);} .common-imglist .list li a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .common-imglist .list li:hover a div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} /*************公共标题common-title common-title2***********/ .common-title{height: 50px;border-bottom: 1px solid #E1E3E5;width: 100%;} .common-title h4{color: #FF0000;font-size: 24px;line-height: 32px;font-weight: bold;position: relative;height: 50px;} .common-title h4::after{content: '';display: block;width: 112px;height: 3px;background: #FF0000;position: absolute;left:0;bottom:-1px;} .common-title a{font-size: 16px;color: #8A8D8D;line-height: 32px;display: block;} .common-title a:hover{color:#FF0000;} .common-title2{height: 50px;width: 100%;overflow: hidden;} .common-title2 h4{color: #FF0000;font-size: 24px;line-height: 32px;font-weight: bold;position: relative;height: 50px;} /***indexPart01***/ .indexPart01{margin-top: 40px;width: 100%;overflow: hidden;background-color: #fff;} .indexPart01 .indexPart01-left{float:left;width: 600px;overflow: hidden;} .indexPart01 .indexPart01-left .first-news{text-align: center;padding:0 10px 25px 10px;border-bottom: 1px solid #E1E3E5;} .indexPart01 .indexPart01-left .first-news a{display: block;font-size: 20px;line-height: 38px;color: #FF0000;font-weight: bold;} .indexPart01 .indexPart01-right{float:right;width: 705px;overflow: hidden;} .indexPart01 .indexPart01-right .iadvmySwiper2{width: 100%;height: 100px;overflow: hidden;position: relative;} .indexPart01 .indexPart01-right .iadvmySwiper2 .swiper-slide ,.indexPart01 .indexPart01-right .iadvmySwiper2 .swiper-slide a{display: block;width:100%;height: 100px;overflow: hidden;} .indexPart01 .indexPart01-right .iadvmySwiper2 .swiper-pagination{top:70px;height: 20px;text-align: right;width:90%;left:9.5%;} .indexPart01 .indexPart01-right .iadvmySwiper2 .swiper-pagination .swiper-pagination-custom{width: 20px;height: 20px;background:rgba(255,255,255,.7);display:inline-block; text-align: center;line-height: 20px;margin-right: 12px;font-size: 14px;color: #fff;cursor: pointer;} .indexPart01 .indexPart01-right .iadvmySwiper2 .swiper-pagination .swiper-pagination-custom.active{background:#fff;color: #E60014} .indexPart01 .indexPart01-rightimg{width: 100%;height: 430px;margin-top: 14px;} .indexPart01 .indexPart01-rightimg .focusBox{width: 100%;height: 430px;overflow: hidden;position: relative;} .indexPart01 .indexPart01-rightimg .focusBox .pic li,.indexPart01 .indexPart01-rightimg .focusBox .pic {width: 100%;height: 430px;} .indexPart01 .indexPart01-rightimg .focusBox .pic li a { width: 100%; height: 100%; display: block; } .indexPart01 .indexPart01-rightimg .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 52px; width:100%; background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); overflow: hidden; } .indexPart01 .indexPart01-rightimg .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 52px; width:100%; overflow: hidden; } .indexPart01 .indexPart01-rightimg .focusBox .txt li{ height:52px; line-height:52px; position:absolute; bottom:-52px;width:90%;overflow: hidden;} .indexPart01 .indexPart01-rightimg .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px; text-decoration: none;font-weight: normal; width: 80%;} .indexPart01 .indexPart01-rightimg .focusBox .num { position: absolute; z-index: 3; bottom:16px; right:16px; } .indexPart01 .indexPart01-rightimg .focusBox .num li{ float: left; position: relative; width:20px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; margin-left:9px; cursor: pointer; } .indexPart01 .indexPart01-rightimg .focusBox .num li a,.indexPart01 .indexPart01-rightimg .focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .indexPart01 .indexPart01-rightimg .focusBox .num li span { z-index: 1;width: 20px;height: 20px;background:rgba(255,255,255,.7);line-height: 20px;text-align: center;} .indexPart01 .indexPart01-rightimg .focusBox .num li.on a,.indexPart01 .indexPart01-rightimg .focusBox .num a:hover{background:#fff;color: #E60014 } .indexPart01 .indexPart01-right-zt{width: 100%;height: auto;margin-top: 6px;} .indexPart01 .indexPart01-right-zt .u{width: 100%;height: 68px;display: block;overflow: hidden;} .indexPart01 .indexPart01-right-zt .u img{width: 100%;height: 100%;object-fit: cover;} .indexPart01 .indexPart01-right-zt .swiper{width: 100%;height: 140px;} .indexPart01 .indexPart01-right-zt .swiper .swiper-wrapper{width: 100%!important;display: flex;justify-content: space-between;align-content: space-between;} .indexPart01 .indexPart01-right-zt .swiper .swiper-wrapper .swiper-slide{height: auto;} /**indexPart02*/ .indexPart02{width: 100%;overflow: hidden;margin-top: 30px;} .indexPart02 .indexPart02-left{width: 600px;overflow: hidden;float: left} .indexPart02 .indexPart02-left .indexPart02-leftnews{margin-top: 10px;overflow: hidden;} .indexPart02 .indexPart02-middle{width: 340px;overflow: hidden;float:left;margin-left: 75px;} .indexPart02 .indexPart02-middle .indexPart02-middlenews{margin-top: 10px;overflow: hidden;} .indexPart02 .indexPart02-middle .indexPart02-middlenews .list li a{width: 100%;} .indexPart02 .indexPart02-right{width:320px;float:right;} .indexPart02 .indexPart02-right .paperbox{height: 212px;overflow: hidden;margin-top: 20px;} .indexPart02 .indexPart02-right .paperbox a{display:block;width: 152px;height: 212px;float: left} .indexPart02 .indexPart02-right .paperbox a:first-child{margin-right:16px;} /***第三部分广告区域**/ .iadv2box{width: 100%;overflow: hidden;height: 80px;margin-top:40px;} .iadv3box{width: 100%;overflow: hidden;height: 80px;margin-top:16px;} .iadv4box{width: 100%;overflow: hidden;height: 80px;margin-top:16px;} .iadv2box .blockbox,.iadv3box .blockbox,.iadv4box .blockbox{height: 80px;overflow: hidden;} .iadv2box .blockbox a,.iadv3box .blockbox a,.iadv4box .blockbox a{display: block;width:100%;height: 80px;overflow: hidden;} /**indexPart03**/ .indexPart03{width: 100%;overflow: hidden;height:184px;margin-top: 27px;} .indexPart03 .imglist{height: 184px;width: 92%;margin: auto;position: relative;} .indexPart03 .imglist li{width: 310px;height: 80px;margin-bottom: 12px;} .indexPart03 .imglist li a{display: block;width: 100%;height: 80px;overflow: hidden;} .indexPart03 .imglist .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .indexPart03 .imglist .swiper .swiper-wrapper .swiper-slide{ height: auto; } .indexPart03 .indexPart03-next{right: -55px;width: 40px;height: 40px;border-radius: 40px;background-color: #E60014;} .indexPart03 .indexPart03-next::after{content: '';width: 10px;height: 10px;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;transform: rotate(45deg);position: absolute;top: 15px;right: 17px;} .indexPart03 .indexPart03-pre{left: -55px;width: 40px;height: 40px;border-radius: 40px;background-color: #E60014;} .indexPart03 .indexPart03-pre::after{content: '';width: 10px;height: 10px;border-width: 0 0 2px 2px;border-style: solid;border-color: #fff;transform: rotate(45deg);position: absolute;top: 15px;left: 17px;} /**indexPart04**/ .indexPart04{width: 100%;overflow: hidden;margin-top:33px;} /*indexPart05*/ .indexPart05{width: 100%;overflow: hidden;margin-top: 35px;} .indexPart05 .indexPart05-left{width: 905px;float: left;overflow: hidden;} .indexPart05 .indexPart05-right{width: 430px;float: right;overflow: hidden;} .indexPart05 .list a,.indexPart06 .indexPart06-right .box .list a {width:100%!important;} .indexPart05 .indexPart05-left .indexPart05-leftbox{width: 100%;overflow: hidden;height: 315px;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container{float: left;width:430px;overflow:hidden; margin-top: 35px;height:280px;position: relative;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-list{width: 414px;float: right;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide{width:100%;height: 100%;position: relative;overflow: hidden;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a,.indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a div.img{display: block;overflow: hidden;width:100%;height: 100%;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a{position: relative;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a .txt,.indexPart06 .indexPart06-right .box .box-left .fisrt-news a .txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a .txt h4.oe{padding:40px 1.3rem 0 .2rem;height: 32px;line-height: 32px;color: #fff;font-size: 18px;overflow: hidden;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-pagination{bottom: .2rem;right:5%;text-align: right;width:95%;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-pagination .swiper-pagination-bullet-active{background: #FF0000;width: 20px;border-radius: 20px;} .indexPart05 .indexPart05-left .indexPart05-leftbox .indexPart05-leftbox-container .swiper-slide a:hover .txt h4.oe,.indexPart06 .indexPart06-right .box .box-left .fisrt-news a:hover .txt h4.oe{color:#FF0000 } /**indexPart06*/ .indexPart06{width: 100%;overflow: hidden;margin-top: 30px;} .indexPart06 .indexPart06-left{width: 430px;float: left;} .indexPart06 .indexPart06-right{float: right;width: 905px;overflow: hidden;} .indexPart06 .indexPart06-right .box .box-right{float: right;width:430px;overflow:hidden; } .indexPart06 .indexPart06-right .box .box-left{width: 430px;float: left;overflow: hidden;} .indexPart06 .indexPart06-right .box .box-left .fisrt-news{width: 430px;margin-top:35px;height: 223px;overflow: hidden;} .indexPart06 .indexPart06-right .box .box-left .fisrt-news a{position: relative;display: block;width: 100%;height: 100%} .indexPart06 .indexPart06-right .box .box-left .fisrt-news a div.img{width:100%;height: 100%;overflow: hidden;} .indexPart06 .indexPart06-right .box .box-left .fisrt-news a .txt h4.oe{padding:40px .3rem 0 .3rem;overflow: hidden;line-height: 32px;color: #fff;font-size: 16px;overflow: hidden;} .indexPart06 .indexPart06-left .video-box{margin-top: 35px;overflow: hidden;width: 100%;display:flex;justify-content:space-between;align-content:flex-start;flex-wrap:wrap;} .indexPart06 .indexPart06-left .video-box a{display:block;width:49%;height:70px;margin-bottom:6px;} .indexPart06 .indexPart06-left .video-box .img{width:100%;height:100%;overflow:hidden;} .indexPart06 .indexPart06-left .video-box .img img{width:100%;height:100%;object-fit:cover;transition:0.5s;} .indexPart06 .indexPart06-left .video-box .img:hover img{transform:scale(1.1)} /****indexPart07***/ .indexPart07{width:100%;overflow: hidden;margin-top: 14px;} .indexPart07 .gallery-list{overflow: hidden;width: 100%;margin-top: 4px;height: 360px;} .indexPart07 .gallery-list .ul li{position:relative;cursor:pointer;float: left;height: 360px;overflow: hidden;width:100px;-webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .indexPart07 .gallery-list .ul li div.img {width:100%;height: 100%;overflow: hidden;position: relative;} .indexPart07 .gallery-list .ul li div.img img{width: 100%;height: 100%;object-fit: cover;} .indexPart07 .gallery-list .ul li div.img::after{width: 100%;height: 100%;position: absolute;display: block; background: rgba(0, 0, 0, 0.4);background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.50) 17%, rgba(0,0,0,0.65) 50%);top:0;left:0;content:'' ;} .indexPart07 .gallery-list .ul li div.img.tm::after{background: none;} .indexPart07 .gallery-list .ul li.active{width: 580px;} .indexPart07 .gallery-list .ul li div.txt{width:50px;height: 360px;position: absolute;left:40px;top:0;color: #fff;writing-mode: vertical-lr;font-size: 18px;line-height: 22px;text-align: center;margin:0 auto;font-weight: 700;letter-spacing: 2px} /**indexPart08*/ .indexPart08{width: 100%;overflow: hidden;margin-top: 40px;margin-bottom: 84px;} .indexPart08 .indexPart08-right{float: right;width:280px;overflow:hidden; } .indexPart08 .indexPart08-right .box{margin-top:24px;overflow:hidden;width:100%; } .indexPart08 .indexPart08-right .box a.li{display: block;width: 100%;height:120px;overflow:hidden; margin-bottom: 16px;} .indexPart08 .indexPart08-right .box a.li img{width:100%;height:auto;} .indexPart08 .indexPart08-left{float: left;width:1056px;overflow: hidden;} .indexPart08 .indexPart08-left .boxtop-left{float: left;width:505px;overflow:hidden; } .indexPart08 .indexPart08-left .boxtop-right{float: right;overflow: hidden;width:505px; } .indexPart08 .indexPart08-left .fisrt-news{width:505px;margin-top:35px;height: 248px;overflow: hidden;} .indexPart08 .indexPart08-left .fisrt-news a{position: relative;display: block;width: 100%;height: 100%} .indexPart08 .indexPart08-left .fisrt-news a div.img{width:100%;height: 100%;overflow: hidden;} .indexPart08 .indexPart08-left .fisrt-news a .txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .indexPart08 .indexPart08-left .fisrt-news a .txt h4.oe{padding:40px .3rem 0 .3rem;overflow: hidden;line-height: 32px;color: #fff;font-size: 16px;overflow: hidden;} .indexPart08 .indexPart08-left .boxtop{margin-bottom:30px;overflow: hidden;} .indexPart08 .common-list .list li a{width: 100%!important} .indexPart08 .indexPart08-left .boxtop-right .common-list .list li{height:42px;line-height: 42px;} .greenCenty .greenCentry-left .greenCentry-left-list.common-list .list li .time{font-size: 16px;} /*****>>>>>>>>绿色世界<<<<<<<<****/ .greenCenty{width: 100%;margin-top:46px;padding-bottom: 100px;overflow: hidden;} .greenCenty .greenCentry-left{width:990px;overflow: hidden;float: left;} .greenCenty .greenCentry-left .greenCentry-left-list.common-list .list li{height: 52px;line-height: 52px;font-size: 18px;} .greenCenty .greenCentry-right{width: 320px;overflow: hidden;float: right;} .greenCenty .greenCentry-right .reclist{margin-top: 24px;overflow: hidden;} .greenCenty .greenCentry-right .reclist a{margin-bottom:20px;display: block;width: 100%;height:200px;overflow:hidden;position:relative; filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greenCenty .greenCentry-right .reclist a div.img{width:100%;height: 100%;overflow: hidden;} .greenCenty .greenCentry-right .reclist a .txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .greenCenty .greenCentry-right .reclist a div.img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greenCenty .greenCentry-right .reclist a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greenCenty .greenCentry-right .reclist a .txt h4.oe{padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;overflow: hidden;color: #fff;text-align: center;font-size: 16px;} /*****>>>>>>>>公告，读书，生态，理论研讨 <<<<<<<<****/ .noticebox{width: 100%;margin-top:46px;padding-bottom: 100px;overflow: hidden;} .noticebox .notice-right{width: 320px;overflow: hidden;float: right;} .noticebox .notice-left{width:990px;overflow: hidden;float: left;} .noticebox .notice-right .common-list .list li a{width: 100%!important} .noticebox .notice-right .common-list .list li{height:48px;line-height: 48px;} /*****>>>>>>>>森林旅游 <<<<<<<<****/ .forestrybox{width: 100%;margin-top:46px;padding-bottom: 100px;overflow: hidden;} .forestrybox .forestrybox1{height: 580px;overflow: hidden;} .forestrybox .forestrybox1 .forestrybox1-left{float:left;width:990px;overflow: hidden;height: 100%;} .forestrybox .forestrybox1 .forestrybox1-left a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;} .forestrybox .forestrybox1 .forestrybox1-left a .img{width: 100%;height: 100%;} .forestrybox .forestrybox1 .forestrybox1-left a .txt{ height:64px;line-height:64px;position:absolute;bottom:0;left:0;background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); width: 100%;} .forestrybox .forestrybox1 .forestrybox1-left a .txt h4.oe{text-align: center;font-size: 20px;font-weight: 600;padding:0 .2rem;line-height: 64px;color: #fff;} .forestrybox .forestrybox1 .forestrybox1-right{float: right;width: 340px;overflow: hidden;height: 100%;} .forestrybox .forestrybox1 .forestrybox1-right a{display: block;width: 100%;height:180px;overflow:hidden;margin-bottom:20px;position:relative; } .forestrybox .forestrybox1 .forestrybox1-right a div.img{width: 100%;height: 180px;overflow: hidden;} .forestrybox .forestrybox1 .forestrybox1-right a .txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .forestrybox .forestrybox1 .forestrybox1-right a .txt h4.oe{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .forestrybox .forestrybox2{overflow: hidden;width: 100%;margin-top: 36px;} .forestrybox .forestrybox2 .forestrybox2-left{float: left;width:990px;} .forestrybox .forestrybox2 .forestrybox2-left .box .common-title{margin-bottom: 24px;overflow: hidden;} .forestrybox .forestrybox2 .forestrybox2-left .box .box-list,.list-levelbox .box-list{overflow: hidden;} .forestrybox .forestrybox2 .forestrybox2-left .box .box-list a,.list-levelbox .box-list a{display: block;width:314px;height:300px;overflow: hidden;float: left;margin-right:24px;margin-bottom: 40px;} .forestrybox .forestrybox2 .forestrybox2-left .box .box-list a:nth-child(3n),.list-levelbox .box-list a:nth-child(3n){margin-right: 0;} .forestrybox .forestrybox2 .forestrybox2-left .box .box-list a div.img,.list-levelbox .box-list a div.img{width:100%;height: 220px;overflow: hidden;} .forestrybox .forestrybox2 .forestrybox2-left .box .box-list a h4,.list-levelbox .box-list a h4{height:56px;line-height:28px;color:#252626;font-size:18px;margin-top:24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;width:100%;} .forestrybox .forestrybox2 .forestrybox2-left .box .box-list a:hover h4,.list-levelbox .box-list a:hover h4{color: #FF0000} .forestrybox .forestrybox2 .forestrybox2-right{float: right;width:340px; } .forestrybox .forestrybox2 .forestrybox2-right .box{overflow: hidden;margin-top:24px;width:100% } .forestrybox .forestrybox2 .forestrybox2-right .box a{display: block;position: relative;width: 100%;height: 180px;overflow: hidden;margin-bottom:20px;} .forestrybox .forestrybox2 .forestrybox2-right .box a div.img{width: 100%;height: 100%;overflow: hidden;} .forestrybox .forestrybox2 .forestrybox2-right .box a div.img img,.forestrybox .forestrybox2 .forestrybox2-left .box .box-list a div.img img,.videobox .box-list a div.img img,.list-levelbox .box-list a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .forestrybox .forestrybox2 .forestrybox2-right .box a:hover div.img img,.forestrybox .forestrybox2 .forestrybox2-left .box .box-list a:hover div.img img,.videobox .box-list a:hover div.img img,.list-levelbox .box-list a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .forestrybox .forestrybox2 .forestrybox2-right .box a span{transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;display: block;position: absolute;top:50%;left:50%;width:88px;height:88px;text-align:center;line-height:88px;color:#fff;border-radius:100%;margin-left:-44px;margin-top:-44px; font-size: 36px;font-weight: 600} .forestrybox .forestrybox2 .forestrybox2-right .box a:hover span{height: 80px;width: 80px;margin-top: -40px;margin-left: -40px;font-size: 32px;line-height: 80px;} .forestrybox .forestrybox2 .forestrybox2-right .box a.a1 span{background: rgba(242, 156, 36, 0.85);} .forestrybox .forestrybox2 .forestrybox2-right .box a.a2 span{background: rgba(36, 208, 242, 0.85);} .forestrybox .forestrybox2 .forestrybox2-right .box a.a3 span{background: rgba(242, 36, 53, 0.85);} .forestrybox .forestrybox2 .forestrybox2-right .box a.a4 span{background: rgba(36, 242, 36, 0.85);} .forestrybox .forestrybox2 .forestrybox2-right .box a.a5 span{background: rgba(36, 242, 36, 0.85);} .forestrybox .forestrybox2 .forestrybox2-right .box a.a6 span{background: rgba(242, 105, 36, 0.85);} /***>>>>>>>影像videobox<<<<<<<***/ .videobox{width: 100%;margin-top:46px;padding-bottom: 100px;overflow: hidden;} .videobox .box-list{overflow: hidden;} .videobox .box-list a{display: block;width:327px;height:292px;overflow: hidden;float: left;margin-right:24px;margin-bottom: 40px;} .videobox .box-list a:nth-child(4n){margin-right: 0;} .videobox .box-list a div.img{width:100%;height: 220px;overflow: hidden;} .videobox .box-list a h4{height:48px;line-height:24px;color:#252626;font-size:16px;margin-top:24px } .videobox .box-list a:hover h4{color: #FF0000} .video-detailbox{background-color: #F5F7FA;margin-top: 0;padding-top: 46px;} .video-detailleft{width:850px;overflow:hidden;float:left;background:#fff;padding:50px 70px;} .video-detailleft .detail .detail-tit{margin-bottom:.3rem;overflow: hidden;padding-top: .15rem} .video-detailleft .detail .detail-tit h4{color: #252626;font-size:32px; font-weight: 600;line-height: 1.628} .video-detailleft .detail .detail-tit .intros{height: 40px;line-height: 40px;overflow: hidden;margin-top: .15rem;text-align: center;} .video-detailleft .detail .detail-tit .intros div.lis{font-size:16px;color: #8A8D8D;margin-right:60px;vertical-align: middle; } .video-detailleft .detail .detail-tit .intros div.lis img{display: inline-block;vertical-align: middle;margin-right: 5px;} .video-detailleft .detail .contentboxs{font-size:16px;line-height:1.628;color:#252626;border-top: 1px solid #E1E3E5;padding-top:.2rem; } .video-detailleft .detail .contentboxs * p,.video-detailleft .detail .contentboxs p{padding-bottom: .2rem;font-size: 16px;line-height: 1.728;text-indent: 35px;} .video-detailleft .detail .contentboxs * p img,.video-detailleft .detail .contentboxs img{margin:.2rem auto;max-width:90%;display: block;} .video-detailleft .detail .contentboxs .author{color: #055ECD;font-size: 16px;line-height: 32px;margin-top: .3rem;} .video-detailleft .detail .contentboxs .author p{padding-bottom: 0;text-indent: 0;line-height: 32px;margin:0;} .video-detailleft .updow {border-top: 1px solid #E1E3E6;padding:.3rem 0;margin-top: .4rem;overflow: hidden;} .video-detailleft .updow .updowm{font-size: 18px;color: #3E3F40;line-height: 40px;width: 100%;} .video-detailleft .updow .updowm a{display: block;color: #3E3F40;width: 100%} .video-detailleft .updow .updowm a:hover{color:#E60B1E } /**影像影视详情2*/ .video-detailbox2{background-color: #F5F7FA;margin-top: 0;padding-top: 46px;width: 100%;overflow: hidden;padding-bottom: 100px;} .video-detailbox2 .box1{overflow: hidden;width:100%;} .video-detailbox2 .box1 .box1-top{height: 675px;background: #fff;width: 100%} .video-detailbox2 .box1 .box1-top .box1-right{float: right;width: 368px;margin-right: 30px;padding-top: .3rem} .video-detailbox2 .box1 .box1-top .box1-right .con{width:100%;margin-top: 24px;} .video-detailbox2 .box1 .box1-top .box1-right .con a{display: block;height:112px;overflow:hidden;margin-bottom:24px; } .video-detailbox2 .box1 .box1-top .box1-right .con a div.img{float: left;height: 112px;width: 160px;} .video-detailbox2 .box1 .box1-top .box1-right .con a div.img img,.video-detailbox2 .box2 .box-list a div.img img,.videos-boxs .box2 a div.img img,.videos-boxs .box1 .box1-leftbox-container .swiper-slide a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .video-detailbox2 .box1 .box1-top .box1-right .con a:hover div.img img,.video-detailbox2 .box2 .box-list a:hover div.img img,.videos-boxs .box2 a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .video-detailbox2 .box1 .box1-top .box1-right .con a .txt{margin-left:188px;overflow:hidden;border-bottom:1px solid #E1E3E5;height: 111px;} .video-detailbox2 .box1 .box1-top .box1-right .con a .txt p{font-size:16px;line-height:30px;height:90px;overflow:hidden; } .video-detailbox2 .box1 .box1-top .box1-right .con a:hover .txt p{color:#FF0000 } .video-detailbox2 .videobox-cont {width:950px;height:675px;float:left;overflow:hidden; } .video-detailbox2 .videobox-cont .videoboxs{height:100%;position: relative;width:100%;overflow: hidden;} .video-detailbox2 .videobox-cont .videoboxs .onlymask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;display: flex;justify-content: center;align-items: center;} .video-detailbox2 .videoboxs .onlymask.off{background: none;} .video-detailbox2 .videoboxs .onlymask.on{background: rgba(0, 0, 0, 0.3);} .video-detailbox2 .videoboxs a{width: 64px;height: 64px;color: #fff;border: 0px solid red;display: inline-flex;justify-content: center;align-items: center;opacity:0.5;} .video-detailbox2 .videoboxs a.a1{background: url(../images/play1.png) no-repeat center;} .video-detailbox2 .videoboxs a.a2{display: none;background: url(../images/pause.png) no-repeat center;} .video-detailbox2 .box1 .box1-bottom{margin-top: 30px;overflow: hidden;clear: both;width: 950px;} .video-detailbox2 .box1 .box1-bottom .detail-tit{margin-bottom:.3rem;overflow: hidden;padding-top: .15rem} .video-detailbox2 .box1 .box1-bottom .detail-tit h4{color: #252626;font-size:32px; font-weight: 600;line-height: 1.628} .video-detailbox2 .box1 .box1-bottom .detail-tit .intros{height: 40px;line-height: 40px;overflow: hidden;margin-top: .15rem;text-align: center;} .video-detailbox2 .box1 .box1-bottom .detail-tit .intros div.lis{font-size:16px;color: #8A8D8D;margin-right:60px;vertical-align: middle; } .video-detailbox2 .box1 .box1-bottom .detail-tit .intros div.lis img{display: inline-block;vertical-align: middle;margin-right: 5px;} .video-detailbox2 .box1 .box1-bottom .desc{font-size:16px;line-height:32px;color:#252626;text-indent:35px; } .video-detailbox2 .box2{overflow: hidden;width:100%;margin-top:50px;} .video-detailbox2 .box2 .box-list,.videos-boxs .box2 .box-list{overflow: hidden;margin-top: 24px;} .video-detailbox2 .box2 .box-list a,.videos-boxs .box2 .box-list a{display: block;width:327px;height:292px;overflow: hidden;float: left;margin-right:24px;} .video-detailbox2 .box2 .box-list a:nth-child(4n),.videos-boxs .box2 .box-list a:nth-child(4n){margin-right: 0;} .video-detailbox2 .box2 .box-list a div.img ,.videos-boxs .box2 a div.img{width:100%;height: 220px;overflow: hidden;} .video-detailbox2 .box2 .box-list a h4,.videos-boxs .box2 a h4{height:48px;line-height:24px;color:#252626;font-size:16px;margin-top:24px } .video-detailbox2 .box2 .box-list a:hover h4,.videos-boxs .box2 a:hover h4{color: #FF0000} /*****>>>>>>绿色盾牌，关注，健康，记录，绿荫<<<<<<<**********/ .healthy-left-list.common-list{border-bottom: 1px solid #E1E3E5;padding-bottom: 30px;margin-bottom: 10px;} .healthy-left-list.common-list .list li{height: 50px;line-height: 50px;} /*************>>>>videos-boxs 视频<<<<*********/ .videos-boxs{width: 100%;margin-top:46px;padding-bottom: 60px;overflow: hidden;} .videos-boxs .box2 .box-list a{margin-bottom: 40px;} .videos-boxs .box1{height: 600px;overflow: hidden;width: 100%;} .videos-boxs .box1 .box1-leftbox-container{width: 828px;height: 600px;float: left;overflow: hidden;position: relative;} .videos-boxs .box1 .box1-leftbox-container .swiper-slide a .txt h4.oe{line-height:56px;padding:0 .25rem;color: #fff;font-size: 18px;overflow: hidden;} .videos-boxs .box1 .box1-leftbox-container .swiper-slide a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .videos-boxs .box1 .box1-leftbox-container .swiper-pagination{bottom: .2rem;right:5%;text-align: right;width:95%;} .videos-boxs .box1 .box1-leftbox-container .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1;} .videos-boxs .box1 .box1-leftbox-container .swiper-pagination .swiper-pagination-bullet-active{background: #FF0000;width: 20px;border-radius: 20px;} .videos-boxs .box1 .box1-leftbox-container .swiper-slide a:hover .txt h4.oe{color:#FF0000 } .videos-boxs .box1 .box1-leftbox-container .swiper-slide a div.txt{background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); position: absolute;bottom: 0;left:0;height: 56px;width: 100%;line-height: 56px;} .videos-boxs .box1 .box1-leftbox-container .swiper-slide a div.img{position: relative;} .videos-boxs .box1 .box1-leftbox-container .swiper-slide a div.img span{display: block;width:64px;height: 64px;background: url(../images/play1.png) no-repeat center;position: absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px;} .videos-boxs .box1 .box1-rightbox{float: right;width: 480px;height:600px;overflow:hidden;position: relative;} .videos-boxs .box1 .box1-rightbox ul{width: 100%;height: 400px;margin-top: 162px;} .videos-boxs .box1 .box1-rightbox ul li{height:85px;border-bottom: 1px solid #E1E3E5;padding-top: 23px;} .videos-boxs .box1 .box1-rightbox ul li a{display: block;} .videos-boxs .box1 .box1-rightbox ul li a div.img{position: absolute;top:0;left:0;height: 160px;width: 100%;overflow: hidden;display: none;} .videos-boxs .box1 .box1-rightbox ul li a div.txt{background:url(../images/lis.png) no-repeat left center;line-height: 32px;height: 64px;overflow: hidden;} .videos-boxs .box1 .box1-rightbox ul li a div.txt p.dot{line-height: 32px;height: 64px;overflow: hidden;padding-left:35px;color: #252626;font-size: 16px;} .videos-boxs .box1 .box1-rightbox ul li.on a div.img,.videos-boxs .box1 .box1-rightbox ul li:hover a div.img{display: block;} .videos-boxs .box1 .box1-rightbox ul li:hover a div.txt p.dot{color: #FF0000} .videos-boxs .box3{margin-top: 50px;width: 100%;overflow: hidden;} .videos-boxs .box3 .contents{height: 444px;overflow: hidden;width: 100%;margin-top: 24px;} .videos-boxs .box3 .contents .box3-lefts{float:left;width: 678px;height: 444px;} .videos-boxs .box3 .contents .box3-lefts div.img{width: 100%;height: 444px;overflow: hidden;} .videos-boxs .box3 .contents .box3-lefts div.img img,.videos-boxs .box3 .contents .box3-rights a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .videos-boxs .box3 .contents .box3-lefts:hover div.img img,.videos-boxs .box3 .contents .box3-rights a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .videos-boxs .box3 .contents .box3-lefts a{display: block;overflow: hidden;position: relative;width: 100%;height: 100%;} .videos-boxs .box3 .contents div.txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .videos-boxs .box3 .contents div.txt h4{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .videos-boxs .box3 .contents .box3-rights{float: right;width: 680px;height: 444px;overflow: hidden;} .videos-boxs .box3 .contents .box3-rights a{float: left;display: block;width: 327px;height: 210px;margin-bottom: 24px;margin-right:24px;position: relative;overflow: hidden;} .videos-boxs .box3 .contents .box3-rights a:nth-child(2n){margin-right: 0;} .videos-boxs .box4{margin-top: 40px;width: 100%;overflow: hidden;margin-bottom: 40px;} .videos-boxs .box4 .box4-lefts{width: 665px;float:left;} .videos-boxs .box4 .contents{margin-top: 24px;overflow: hidden;} .videos-boxs .box4 .contents .imgs{float:left;height: 276px;width: 340px;overflow: hidden;position: relative;display: block;} .videos-boxs .box4 .contents .imgs .img{width: 100%;height: 100%;overflow: hidden;} .videos-boxs .box4 .contents .imgs span{display: block;width: 48px;height: 48px;background:url(../images/play.png) no-repeat center;position:absolute;top:50%;left:50%;margin-top: -24px;margin-left:-24px;} .videos-boxs .box4 .contents .ulist{float:right;display: block;width: 280px;overflow: hidden;padding:10px 0;} .videos-boxs .box4 .contents .ulist a{display: block;color:#252626;font-size: 16px;line-height: 32px;overflow: hidden;padding-bottom:13px;} .videos-boxs .box4 .contents .ulist a:hover{color: #FF0000;} .videos-boxs .box4 .contents .ulist a:last-child{padding-bottom: 0;} .videos-boxs .box4 .box4-rights{float:right;width: 665px;} /****>>>>>>>三级列表文章详情<<<<<<<<<**/ .commondetailbox{background-color: #F5F7FA;margin-top: 0;padding-top: 46px;width: 100%;overflow: hidden;padding-bottom: 100px;} .commondetailbox .detail-lefts{float: left;width: 180px;overflow: hidden;} .commondetailbox .detail-lefts .box1{padding:30px;overflow: hidden;background:#fff;} .commondetailbox .detail-lefts .box1 .li{text-align: center;margin-bottom: 12px;} .commondetailbox .detail-lefts .box1 .li div.img{padding: 3px;border: 0.93px solid #E1E3E5;overflow: hidden;} .commondetailbox .detail-lefts .box1 .li span{color:#252626;font-size:14px;line-height:32px;padding-top:5px;display:block; } .commondetailbox .detail-lefts .box1 .share{padding:10px 0;overflow: hidden;} .commondetailbox .detail-lefts .box1 .share h4,.commondetailbox .detail-lefts .box2 h4{text-align: center;position: relative; width:100%;height: 40px;} .commondetailbox .detail-lefts .box1 .share h4::after,.commondetailbox .detail-lefts .box2 h4:after{content: '';position: absolute;width:100%;height: 1px;background: #E1E3E6;top:10px;left:0;z-index: 1} .commondetailbox .detail-lefts .box1 .share h4 span,.commondetailbox .detail-lefts .box2 h4 span{background: #fff;font-weight:700;font-size:16px;color:#252626;position:absolute;z-index:2;width:70px;display:block;text-align:center; top:0;left:50%;margin-left:-35px;} .commondetailbox .detail-lefts .box1 .share .share-list{height: 32px;} .commondetailbox .detail-lefts .box1 .share .share-list a{display: block;width: 32px;height: 32px;overflow: hidden;} .commondetailbox .detail-lefts .box2{padding:30px;overflow: hidden;background:#fff;margin-top:20px;} .commondetailbox .detail-lefts .box2 .btnbox{width:100%;margin-top:10px;} .commondetailbox .detail-lefts .box2 .btnbox p{text-align: center;font-size:24px;color:#252626 ;padding:18px 0;} .commondetailbox .detail-lefts .box2 .btnbox span{cursor:pointer;width: 100%;display: block;height:48px;border-radius:30px;background: #F5F7FA;text-align:center;font-size:18px;color:#252626;line-height:48px; } .commondetailbox .detail-rights{float: right;width:1180px;overflow:hidden; } .commondetailbox .detail-rights .box{background: #Fff;padding:50px 80px;} .commondetailbox .detail-rights .detail-tit{margin-bottom:.3rem;overflow: hidden;padding-top: .15rem} .commondetailbox .detail-rights .detail-tit h4{color: #252626;font-size:32px; font-weight: 600;line-height: 1.628;text-align: center;} .commondetailbox .detail-rights .detail-tit .intros{height: 40px;line-height: 40px;overflow: hidden;margin-top: .15rem;text-align: center;} .commondetailbox .detail-rights .detail-tit .intros div.lis{font-size:16px;color: #8A8D8D;margin-right:60px;vertical-align: middle; } .commondetailbox .detail-rights .detail-tit .intros div.lis img{display: inline-block;vertical-align: middle;margin-right: 5px;} .commondetailbox .detail-rights .contentboxs{font-size:16px;line-height:1.628;color:#252626;border-top: 1px solid #E1E3E5;padding-top:.2rem; } .commondetailbox .detail-rights .contentboxs * p,.commondetailbox .detail-rights p{padding-bottom: .2rem;font-size: 16px;line-height: 1.728;} .commondetailbox .detail-rights .contentboxs * p img,.commondetailbox .detail-rights .contentboxs img{margin:.2rem auto;max-width:90%;display: block;} .commondetailbox .detail-rights .contentboxs .author{color: #055ECD;font-size: 16px;line-height: 32px;margin-top: .3rem;} .commondetailbox .detail-rights .contentboxs .author p{padding-bottom: 0;text-indent: 0;line-height: 32px;margin:0;} /*翻页**/ .double{height:.8rem;margin-top:24px;overflow:hidden; } .double li{width:41%;height:100%;font-size:16px;height: .8rem;line-height: .8rem;} .double li:nth-child(2){width:17.6%;border-left:.01rem solid #e1e3e6;border-right:.01rem solid #e1e3e6} .double li a{position:relative;width:100%;height:100%;font-size:.16rem;color:#575859;background-color:#fff;line-height:.8rem;display: block;height:.8rem;} .double li:nth-child(3) a{text-align:right} .double li a span{float:left;width:.22rem;height:.2rem;opacity:1;display: block;} .double li a span img{width:100%;height:100%;display: block;vertical-align: middle;} .double li:nth-child(1) a span{margin:.3rem .17rem 0 .71rem} .double li:nth-child(2) a span{margin:.3rem .2rem 0 .56rem;height:.22rem;text-align: center;} .double li:nth-child(3) a span{float:right;margin:.3rem .71rem 0 .17rem} .double_text{display:block;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float: left;height: .8rem;line-height: .8rem!important;text-indent: 0;padding-bottom: 0} .double li a:hover{color:#fff;background-color:#FF0000} .double_dis{display:none;position: absolute;left:0;top:0;height: 100%;width: 100%;} .double_dis span{background-color:#FF0000;display: block;} .double li a:hover .double_dis{display:block} .double li a:hover .double_1{opacity:0;display: none;} .double li:nth-child(1) a:hover .double_text{margin-left: 1.1rem;} .double li:nth-child(2) a:hover {padding-left: 1rem;} /**>>>>三级列表<<<<**/ .list-levelbox{overflow: hidden;} .list-levelbox .box-list{margin-top:24px; } /***>>>>>>林海党建<<<<<*****/ .party-boxs{width: 100%;margin-top:46px;padding-bottom: 60px;overflow: hidden;} .party-boxs .box1{width: 100%;overflow: hidden;} .party-boxs .box1 .box1-left{width: 828px;overflow: hidden;float:left;} .party-boxs .box1 .box1-left .box1-leftbox-container{width: 828px;height:445px;overflow: hidden;position: relative;} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a div.img img,.party-boxs .box2 .box2-left .tabcontent .imgs .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a .txt h4.oe{line-height:56px;padding:0 .25rem;color: #fff;font-size: 18px;overflow: hidden;} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a:hover div.img img,.party-boxs .box2 .box2-left .tabcontent a.imgs:hover .img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-pagination{bottom: .2rem;right:5%;text-align: right;width:95%;} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1;} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-pagination .swiper-pagination-bullet-active{background: #FF0000;width: 20px;border-radius: 20px;} .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a:hover .txt h4.oe{color:#FF0000 } .party-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a div.txt{background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); position: absolute;bottom: 0;left:0;height: 56px;width: 100%;line-height: 56px;} .party-boxs .box1 .box1-left .attention{margin-top: 40px;overflow: hidden;width: 100%;} .party-boxs .box1 .box1-left .attention .attentionlist.common-imglist .list li{margin-bottom: 24px;border:none;width:260px;margin-right: 24px;} .party-boxs .box1 .box1-left .attention .attentionlist.common-imglist .list li:nth-child(3n){margin-right:0;} .party-boxs .box1 .box1-left .attention .attentionlist.common-imglist .list li a div.img{height: 140px;} .party-boxs .box1 .box1-left .attention .attentionlist.common-imglist .list li a{background-color: #F5F7FA} .party-boxs .box1 .box1-rights{width: 480px;float: right;overflow: hidden;} .party-boxs .box1 .box1-rights .box1-rights-list.common-list .list li{border-bottom: 1px solid #E1E3E5;height: 68px;line-height:68px;} .party-boxs .box1 .box1-rights .box1-rights-list.common-list .list li a{width: 100%;} .party-boxs .box2{width: 100%;overflow: hidden;margin-top: 35px;} .party-boxs .box2 .box2-left{float:left;width: 905px;overflow: hidden;} .tabbox{height: 50px;border-bottom: 1px solid #E1E3E5;width: 100%;} .tabbox span.tabbtn{line-height: 32px;display: block;float:left;font-size: 24px;font-weight: bold;margin-right:25px;cursor: pointer;color:#FF0000;position: relative;} .tabbox span.tabbtn::after{content: '';width:1px;height: 20px;background: #E1E3E5;display: block;float:right;margin-top: 6px;margin-left:25px;} .tabbox span.tabbtn:nth-child(3)::after{display: none;} .tabbox a{float: right;font-size: 16px;color: #8A8D8D;line-height: 32px;display: block; } .tabbox a:hover{color:#FF0000;} .tabbox span.tabbtn::before{content: '';position:absolute;height: 4px;background: #FF0000;width:0;bottom:-20px;left:0;} .tabbox span.tabbtn.on::before{width: 98px;} .party-boxs .box2 .box2-left .tabcontent{margin-top:24px;overflow: hidden;display: none;} .party-boxs .box2 .box2-left .tabcontent .imgs{float:left;width: 430px;height: 320px;position: relative;display: block;} .party-boxs .box2 .box2-left .tabcontent .imgs .img{width: 100%;height: 100%;overflow: hidden;} .party-boxs .box2 .box2-left .tabcontent .imgs .txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .party-boxs .box2 .box2-left .tabcontent .imgs .txt h4.oe{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .party-boxs .box2 .box2-left .tabcontent .tabcontent-list{float:right;width: 414px;overflow: height} .party-boxs .box2 .box2-left .tabcontent .tabcontent-list .list li a{width: 100%;} .party-boxs .box2 .box2-left .tabcontent .tabcontent-list.common-list .list{padding-top:0px;} .party-boxs .box2 .box2-left .tabcontent .tabcontent-list.common-list .list li,.party-boxs .box2 .box2-right .box2-right-list .list li{height: 45px;line-height: 45px;} .party-boxs .box2 .box2-right{width: 430px;float:right;} .party-boxs .box2 .box2-right .box2-right-list.common-list .list{padding-top: 23px;} .party-boxs .box2 .box2-right .box2-right-list .list li a{width: 100%;} .party-boxs .box3{margin-top: 40px;width:100%;overflow: hidden;} .party-boxs .box3 .box3-left{width:905px;float:left;overflow: hidden;} .party-boxs .box3 .box3-left .box3-1{float: left;width: 430px;} .party-boxs .box3 .box3-left .box3-1 .boxs{margin-top: 24px;} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis{width:100%;height: 120px;overflow: hidden;display: block;} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis div.img{width:180px;height: 120px;overflow: hidden;float:left;} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis div.txt{margin-left: 204px;border-bottom:1px solid #E1E3E5; height: 119px;overflow: hidden;} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis div.txt p.dot{color:#252626;font-size: 16px;line-height: 32px;overflow: hidden;height: 96px;} .party-boxs .box3 .box3-left .box3-1 .boxs .firstlis:hover div.txt p{color:#FF0000;} .party-boxs .box3 .box3-left .lefts-list.common-list .list li a{width: 100%;} .party-boxs .box3 .box3-left .box3-2{float:right;width: 430px;overflow: hidden;} .party-boxs .box3 .box3-left .box3-2 .lefts-list.common-list .list li{line-height: 45px;height: 45px;} .party-boxs .box3 .box3-left .box3-top,.party-boxs .box3 .box3-left .box3-bot{overflow: hidden;height: 431px;} .party-boxs .box3 .box3-left .box3-bot{margin-top:30px;} .party-boxs .box3 .box3-right{width: 430px;float:right;overflow: height} .party-boxs .box3 .box3-right .box{margin-top: 24px;overflow: hidden;} .party-boxs .box3 .box3-right .box .imgs{width: 430px;height:248px;position: relative;display: block;} .party-boxs .box3 .box3-right .box .imgs .img{width: 100%;height: 100%;overflow: hidden;} .party-boxs .box3 .box3-right .box .imgs .txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .party-boxs .box3 .box3-right .box .imgs .txt h4.oe{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .party-boxs .box3 .box3-right .box .imgs .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .party-boxs .box3 .box3-right .box .imgs:hover .img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .party-boxs .box3 .box3-right .box .box3-right-list.common-list .list li{line-height: 46px;height: 46px;} .party-boxs .box3 .box3-right .box .box3-right-list.common-list .list li a{width: 100%} .party-boxs .box3 .box3-right .box .box3-right-list.common-list .list{padding-top: 18px;} /**林海党建1*/ .party-boxs1{width: 100%;margin-top:26px;padding-bottom: 60px;overflow: hidden;} .party-boxs1 .box1{width: 100%;overflow: hidden;} .party-boxs1 .box1 .box1-left{width: 828px;overflow: hidden;float:left;} .party-boxs1 .box1 .box1-left .box1-leftbox-container{width: 828px;height:445px;overflow: hidden;position: relative;} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-slide a div.img img,.party-boxs .box2 .box2-left .tabcontent .imgs .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-slide a .txt h4.oe{line-height:56px;padding:0 .25rem;color: #fff;font-size: 18px;overflow: hidden;} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-slide a:hover div.img img,.party-boxs .box2 .box2-left .tabcontent a.imgs:hover .img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-pagination{bottom: .2rem;right:0%;text-align: right;width:99%;} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-pagination .swiper-pagination-custom{width: 20px;height: 20px;background:#FFFFFF;display:inline-block; text-align: center;line-height: 20px;margin-right: 12px;font-size: 14px;color:#252626;cursor: pointer;} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-pagination .swiper-pagination-custom.active{background:#FF0000;color: #fff} .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-slide a:hover .txt h4.oe{color:#FF0000 } .party-boxs1 .box1 .box1-left .box1-leftbox-container .swiper-slide a div.txt{background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); position: absolute;bottom: 0;left:0;height: 56px;width: 100%;line-height: 56px;} .party-boxs1 .box1 .box1-rights{float:right;width: 480px} .party-boxs1 .box1 .box1-rights .titles{width: 100%;height:28px;background-color:#FCD3B7;position:relative;top:4px;} .party-boxs1 .box1 .box1-rights .titles h4{text-align:center;color:#F6C200;font-size: 16px;position: absolute;width: 100%;text-align: center;z-index: 3} .party-boxs1 .box1 .box1-rights .titles::after{content: '';display: block;width: 300px;height: 32px;background: url(../images/titbg.png) no-repeat center;position: absolute;left:50%;margin-left: -150px;top:-4px;z-index: 1} .party-boxs1 .box1 .box1-rights .boxs{width: 100%;overflow: hidden;margin-top: 10px;} .party-boxs1 .box1 .box1-rights .boxs a{display: block;border-bottom: 1px solid #E1E3E5;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .party-boxs1 .box1 .box1-rights .boxs a dl{display: block;padding:17.5px 0;overflow: hidden;} .party-boxs1 .box1 .box1-rights .boxs a dl dt{color:#252626;font-size:16px;line-height:32px;height:32px;overflow:hidden; } .party-boxs1 .box1 .box1-rights .boxs a dl dd{color:#FF0000;line-height:28px;height:56px;overflow:hidden;font-size:16px;margin-top:10px;display:none;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s; } .party-boxs1 .box1 .box1-rights .boxs a:hover dl dt,.party-boxs1 .box1 .box1-rights .boxs a.on dl dt{color: #FF0000;font-size: 18px;font-weight: 600} .party-boxs1 .box1 .box1-rights .boxs a.on dl dd,.party-boxs1 .box1 .box1-rights .boxs a:hover dl dd{display: block;} .common4-title{width:100%;background: linear-gradient(90deg, #FFCCCC 0%, rgba(255,204,204,0.00) 100%);box-sizing: border-box;border-width: 2px 0px 2px 0px;border-style: solid;border-image: linear-gradient(90deg, #FF0000 0%, rgba(255,0,0,0.00) 100%) 2 0 2 0;height:60px;} .common4-title h4{font-size: 24px;font-weight: bold;color:#FF0000;line-height:60px;padding-left:20px; } .party-boxs1 .box2{margin-top: 40px;overflow: hidden;} .party-boxs1 .box2 .box2-left,.party-boxs1 .box2 .box2-middle{width:430px;float: left;} .party-boxs1 .box2 .box2-right{width:430px;float: right;} .party-boxs1 .box2 .box{width:100%;margin-top: 24px;} .party-boxs1 .box2 .box2-middle{margin-left:45px; } .party-boxs1 .box2 .box a.firstlis{display: block;height: 168px;overflow: hidden;width: 100%;} .party-boxs1 .box2 .box a.firstlis div.img{width: 180px;height: 100%;overflow: hidden;float: left;} .party-boxs1 .box2 .box a.firstlis div.txt{margin-left:204px;overflow: hidden;height: 100%;} .party-boxs1 .box2 .box a.firstlis div.txt p.dot{color:#252626;font-size:16px;line-height:32px;height:160px;overflow:hidden; } .party-boxs1 .box2 .box a.firstlis:hover div.txt p.dot{color:#FF0000 } .party-boxs1 .box2 .box2-rights-list.common-list .list li a{width: 100%} /***>>>>>>>>绿色兴安<<<<<<<***/ .green-boxs{width: 100%;margin-top:46px;padding-bottom: 60px;overflow: hidden;} .green-boxs .box2{width: 100%;overflow: hidden;margin-bottom: 35px;} .green-boxs .box2 a{display: block;width: 260px;height: 150px;overflow: hidden;} .green-boxs .box1{width: 100%;overflow: hidden;} .green-boxs .box1 .box1-left{width: 828px;overflow: hidden;float:left;} .green-boxs .box1 .box1-left .box1-leftbox-container{width: 828px;height:445px;overflow: hidden;position: relative;} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a .txt h4.oe{line-height:56px;padding:0 .25rem;color: #fff;font-size: 18px;overflow: hidden;} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a:hover div.img img,.party-boxs .box2 .box2-left .tabcontent a.imgs:hover .img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-pagination{bottom: .2rem;right:5%;text-align: right;width:95%;} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1;} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-pagination .swiper-pagination-bullet-active{background: #FF0000;width: 20px;border-radius: 20px;} .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a:hover .txt h4.oe{color:#FF0000 } .green-boxs .box1 .box1-left .box1-leftbox-container .swiper-slide a div.txt{background: rgba(0, 0, 0, 0.7);background:#000;-webkit-opacity: 0.7; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.7; /* IE9 + etc...modern browsers */ opacity: .7; /* IE 4-9 */ filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); position: absolute;bottom: 0;left:0;height: 56px;width: 100%;line-height: 56px;} .green-boxs .box1 .box1-rights{float:right;width: 480px;overflow: hidden;height: 440px;} .green-boxs .box1 .box1-rights ul{overflow: hidden;margin-bottom: 20px;} .green-boxs .box1 .box1-rights ul li{font-size: 16px;line-height: 32px;color: #252626;padding:5px 0;} .green-boxs .box1 .box1-rights ul li a{color: #252626;height: 32px;overflow: hidden;display: block;} .green-boxs .box1 .box1-rights ul li:first-child a{font-size:20px;font-weight: 700;} .green-boxs .box1 .box1-rights ul li a:hover{color:#FF0000;} .green-boxs .box3{margin-top:40px;width: 100%;overflow: hidden;} .green-boxs .box3 .box3-left{float:left;width:905px;} .green-boxs .box3 .box3-right{float:right;width:430px;} .green-boxs .box3 .box3-right .box3-right-list.common-list .list li a,.green-boxs .box3 .box3-left .box3-left-list.common-list .list a{width: 100%} .green-boxs .box3 .box3-left .box{margin-top: 24px;overflow: hidden;} .green-boxs .box3 .box3-left .video-box{overflow: hidden;width:430px;float:left;} .green-boxs .box3 .box3-left .video-box a{display: block;width:100%;;overflow: hidden;margin-bottom: 24px;} .green-boxs .box3 .box3-left .video-box a div.img{position: relative;width: 180px;height: 105px;overflow: hidden;float: left;} .green-boxs .box3 .box3-left .video-box a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .green-boxs .box3 .box3-left .video-box a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .green-boxs .box3 .box3-left .video-box a div.txt{margin-left:204px;height: 105px;overflow: hidden;border-bottom: 1px solid #E1E3E5;} .green-boxs .box3 .box3-left .video-box a div.txt p{font-size: 16px;line-height: 32px;overflow: hidden;color: #252626} .green-boxs .box3 .box3-left .video-box a:hover div.txt p{color: #FF0000} .green-boxs .box3 .box3-left .box3-left-list{float:right;width: 430px;} .green-boxs .box3 .box3-left .box3-left-list.common-list .list{padding-top:0px;margin-top:-6px;} .green-boxs .box4{width:100%;margin-top: 14px;overflow: hidden;} .green-boxs .box4 .box4-left{float: left;width: 430px;overflow: hidden;} .green-boxs .box4 .box4-lists.common-list .list a{width: 100%} .green-boxs .box4 .box4-left .box4-2,.green-boxs .box4 .box4-right .box4-2{margin-top: 30px;overflow: hidden;} .green-boxs .box4 .box4-middle{float:left;width: 430px;margin-left:45px;overflow: hidden;} .green-boxs .box4 .box4-middle .box{margin-top: 24px;overflow: hidden;} .green-boxs .box4 .box4-middle .box a{display: block;width:205px;float: left;margin-bottom: 20px;margin-right: 20px;height:187px;} .green-boxs .box4 .box4-middle .box a:nth-child(2n){margin-right: 0} .green-boxs .box4 .box4-middle .box a div.img{width: 205px;height: 127px;overflow: hidden;} .green-boxs .box4 .box4-middle .box a div.txt{font-size: 16px;overflow: hidden;padding-top: 10px;} .green-boxs .box4 .box4-middle .box a div.txt p{overflow: hidden;height: 50px;line-height:25px;} .green-boxs .box4 .box4-middle .box a:hover div.txt p{color:#FF0000; } .green-boxs .box4 .box4-right{float: right;width: 430px;overflow: hidden;} /******>>>>>>>>>>>>>>greennet-boxs1绿网中国1<<<<<<<<<<<<<<******/ .greennet-boxs1{width: 100%;margin-top:46px;overflow: hidden;} .greennet-boxs1 .box1{height: 480px;overflow: hidden;width:100%;} .greennet-boxs1 .box1 .li-left{overflow: hidden;float: left;width:900px;height: 480px;} .greennet-boxs1 .box1 .li-left div.img{width:100%;height: 100%;overflow: hidden;display:none;} .greennet-boxs1 .box1 .li-right{float: right;border: 1px solid #E1E3E5;border-left: none;height: 478px;width:479px;overflow:hidden; } .greennet-boxs1 .box1 .li-right a{display: block;padding:20px 35px;overflow: hidden;box-sizing: border-box;} .greennet-boxs1 .box1 .li-right a h4.oe{font-size:16px;color:#252626;line-height:32px; } .greennet-boxs1 .box1 .li-right a p.dot{color: #444;font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;display: none;margin-top: 2px;} .greennet-boxs1 .box1 .li-right a:hover,.greennet-boxs1 .box1 .li-right a.on{background:#FF0000;height: 120px;} .greennet-boxs1 .box1 .li-right a:hover h4.oe,.greennet-boxs1 .box1 .li-right a.on h4.oe{color: #fff;font-size:18px;font-weight:700; } .greennet-boxs1 .box1 .li-right a:hover p.dot,.greennet-boxs1 .box1 .li-right a.on p.dot{display: block;color: #fff;} .greennet-boxs1 .box2{margin-top:40px;overflow:hidden; } .greennet-boxs1 .box2 .left{float: left;width:670px;height:200px;overflow:hidden; } .greennet-boxs1 .box2 .right{float: right;width:670px;height:200px;overflow:hidden; } .greennet-boxs1 .box2 .box{box-sizing: border-box;padding:28px;background-color:#F5F7FA} .greennet-boxs1 .box2 .box .lis{height: 22px;line-height:22px;font-size:20px;overflow:hidden; } .greennet-boxs1 .box2 .box .lis a{color:#FF0000;font-weight:600;display:block;overflow:hidden; } .greennet-boxs1 .box2 .box .box2-list.common-list .list{padding-top:8px;} .netbox3{background: linear-gradient(180deg, rgba(255,255,255,0.00) 5%, #E1E3E5 100%);margin-top: 36px;overflow: hidden;width:100%;height: 525px;position: relative;} .netbox3::after{background: url(../images/netbg.png) no-repeat bottom;display:block;content:'';height:165px;width:100%;position:absolute;bottom:0;left:0; } .netbox3 .blockbox{background: #fff;} .netbox3 .blockbox ul.ul1{padding:10px;overflow: hidden;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: space-between;} .netbox3 .blockbox ul.ul1 li{width:19.3%;height:100px;overflow:hidden; } .netbox3 .blockbox ul.ul1 li a{display: block;width: 100%;height: 100%;} .netbox3 .blockbox .boxs{overflow: hidden;padding:10px;} .netbox3 .blockbox .boxs .ul2{float: left;width: 557px;height: 215px;overflow:hidden;} .netbox3 .blockbox .boxs .ul2 li a,.netbox3 .blockbox .boxs .ul4 .li a{display: block;width: 100%;height: 102px;} .netbox3 .blockbox .boxs .ul2 li{height: 102px;float:left;margin-bottom: 11px;} .netbox3 .blockbox .boxs .ul2 li.li1{width: 216px;margin-right:11px;} .netbox3 .blockbox .boxs .ul2 li.li3{width: 102px;margin-left:11px;} .netbox3 .blockbox .boxs .ul2 li.li4{width: 216px;margin-left:11px;} .netbox3 .blockbox .boxs .ul3 {width: 215px;margin-left:11px;height: 215px;margin-right: 11px;float: left;} .netbox3 .blockbox .boxs .ul3 li{width:100%;height: 215px;} .netbox3 .blockbox .boxs .ul3 li a{display: block;width:100%;height: 215px;} .netbox3 .blockbox .boxs .ul4{float: right;width:560px;overflow:hidden; height: 215px;} .netbox3 .blockbox .boxs .ul4 li{height: 102px;float: left;margin-bottom: 11px;} .netbox3 .blockbox .boxs .ul4 li.li1{width: 216px;margin-right:11px;} .netbox3 .blockbox .boxs .ul4 li.li2{width: 216px;margin-right:11px;} .netbox3 .blockbox .boxs .ul4 li.li3{width: 106px;} .greennetbox3{width:100%;padding-bottom: 60px;overflow: hidden;} .greennetbox3 .box4 .common-list .list li a{width: 100%} .greennetbox3 .box4 {overflow: hidden;} .greennetbox3 .box4 .box4-left{float: left;width:905px;} .greennetbox3 .box4 .box4-left .boxs{margin-top: 24px;overflow: hidden;} .greennetbox3 .box4 .box4-left .boxs a.firstlis{float: left;width:430px;height:320px; display: block;position: relative;} .greennetbox3 .box4 .box4-left .boxs a.firstlis div.img{width:430px;height: 320px;overflow: hidden;} .greennetbox3 .box4 .box4-left .boxs a.firstlis div.txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .greennetbox3 .box4 .box4-left .boxs a.firstlis div.txt h4.oe{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .greennetbox3 .box4 .box4-left .boxs a.firstlis div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .greennetbox3 .box4 .box4-left .boxs a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greennetbox3 .box4 .box4-left .boxs .box4-left-list{width: 415px;float: right;overflow: hidden;} .greennetbox3 .box4 .box4-left .boxs .box4-left-list.common-list .list {padding-top:0;} .greennetbox3 .box4 .box4-right .box4-right-list.common-list{padding-top:5px;} .greennetbox3 .box4 .box4-left .boxs .box4-left-list.common-list .list li,.greennetbox3 .box4 .box4-right .box4-right-list.common-list .list li{height: 46px;line-height: 46px;} .greennetbox3 .box4 .box4-right{float: right;width: 430px;overflow: hidden;} .greennetbox3 .box5{margin-top: 35px;overflow: hidden;} .greennetbox3 .box5 .box{margin-top: 24px;overflow: hidden;} .greennetbox3 .box5 .box a{float: left;width: 430px;height: 120px;overflow: hidden;display: block;margin-bottom: 24px;margin-right: 42px;} .greennetbox3 .box5 .box a:nth-child(3n){margin-right: 0;} .greennetbox3 .box5 .box a div.img{width:180px;height: 120px;overflow: hidden;float: left;} .greennetbox3 .box5 .box a div.img img{height:auto;} .greennetbox3 .box5 .box a div.txt{margin-left:204px;overflow: hidden;height:119px;border-bottom:1px solid #E1E3E5 } .greennetbox3 .box5 .box a div.txt{color:#252626;font-size:16px;line-height:32px;height:96px;overflow:hidden; } .greennetbox3 .box5 .box a:hover div.txt{color:#FF0000 } .greennet-boxs{width: 100%;margin-top:46px;padding-bottom: 60px;overflow: hidden;} .greennet-boxs .box2 .common-list .list li a{width: 100%} .greennet-boxs .box2 {overflow: hidden;margin-top:35px;} .greennet-boxs .box2 .box2-left{float: left;width:905px;} .greennet-boxs .box2 .box2-left .boxs{margin-top: 24px;overflow: hidden;} .greennet-boxs .box2 .box2-left .boxs a.firstlis{float: left;width:430px;height:320px; display: block;position: relative;} .greennet-boxs .box2 .box2-left .boxs a.firstlis div.img{width:430px;height: 320px;overflow: hidden;} .greennet-boxs .box2 .box2-left .boxs a.firstlis div.txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .greennet-boxs .box2 .box2-left .boxs a.firstlis div.txt h4.oe{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .greennet-boxs .box2 .box2-left .boxs a.firstlis div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .greennet-boxs .box2 .box2-left .boxs a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greennet-boxs .box2 .box2-left .boxs .box2-left-list{width: 415px;float: right;overflow: hidden;} .greennet-boxs .box2 .box2-left .boxs .box2-left-list.common-list .list {padding-top:0;} .greennet-boxs .box2 .box2-right .box2-right-list.common-list{padding-top:5px;} .greennet-boxs .box2 .box2-left .boxs .box2-left-list.common-list .list li,.greennet-boxs .box2 .box2-right .box2-right-list.common-list .list li{height: 46px;line-height: 46px;} .greennet-boxs .box2 .box2-right{float: right;width: 430px;overflow: hidden;} .greennet-boxs .box4{margin-top: 10px;overflow: hidden;width: 100%} .greennet-boxs .box5{margin-top: 40px;overflow: hidden;width: 100%} .greennet-boxs .box5 .box5-list.common-list .list li a{width: 100%} .greennet-boxs .box5 .box5-left{float: left;width:430px;overflow: hidden;} .greennet-boxs .box5 .box5-right{float: right;width:430px;overflow: hidden;} .greennet-boxs .box5 .box5-middle{float: left;width:430px;overflow: hidden;margin-left: 45px;} .greennet-boxs .box3{margin-top: 40px;overflow: hidden;} .greennet-boxs .box3 .box3-right{float: right;width:430px;overflow:hidden; } .greennet-boxs .box3 .box3-right .box{margin-top: 24px;overflow: hidden;} .greennet-boxs .box3 .box3-right .box a{width: 430px;height: 120px;overflow: hidden;display: block;margin-bottom: 24px;} .greennet-boxs .box3 .box3-right .box a div.img{width:180px;height: 120px;overflow: hidden;float: left;} .greennet-boxs .box3 .box3-right .box a div.txt{margin-left:204px;overflow: hidden;height:119px;border-bottom:1px solid #E1E3E5 } .greennet-boxs .box3 .box3-right .box a div.txt p{color:#252626;font-size:16px;line-height:32px;height:96px;overflow:hidden; } .greennet-boxs .box3 .box3-right .box a:hover div.txt p.dot{color:#FF0000 } .greennet-boxs .box3 .box3-left{float: left;width: 905px;overflow: hidden;} .greennet-boxs .box3 .box3-left .box{height: 480px;overflow: hidden;} .greennet-boxs .box3 .box3-left .box .box3-left1{float: left;width:430px;overflow:hidden; } .greennet-boxs .box3 .box3-list.common-list .list{padding-top:10px;} .greennet-boxs .box3 .box3-list.common-list .list li a{width: 100%} .greennet-boxs .box3 .box3-left .box .box3-left2{float: right;width:430px;overflow:hidden; } .greennet-boxs .box3 .box3-left .box .box3-left2 a.firstlis{width:430px;height:238px; display: block;position: relative;margin-top:24px;} .greennet-boxs .box3 .box3-left .box .box3-left2 a.firstlis div.img{width:430px;height:238px;overflow: hidden;} .greennet-boxs .box3 .box3-left .box .box3-left2 a.firstlis div.txt{height: 88px;width: 100%;background: url(../images/shadow.png) repeat-x center;overflow: hidden;position: absolute;bottom: 0;left: 0;} .greennet-boxs .box3 .box3-left .box .box3-left2 a.firstlis div.txt h4.oe{text-align: center;font-size: 16px;padding:40px .2rem 0 .2rem;line-height: 32px;line-height: 32px;color: #fff} .greennet-boxs .box3 .box3-left .box .box3-left2 a.firstlis div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .greennet-boxs .box3 .box3-left .box .box3-left2 a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greennet-boxs .box3 .box3-left .box .box3-left2 .box3-list{overflow: hidden;} .greennet-boxs .box1{width: 100%;overflow: hidden;height: 540px;} .greennet-boxs .box1 .box1-left{float: left;width:600px;height:100%} .greennet-boxs .box1 .box1-left .flis{text-align: center;border-bottom: 1px solid #E1E3E5;padding-bottom: 20px;} .greennet-boxs .box1 .box1-left .flis a{display: block;text-align: center;line-height:38px;font-size:20px;color: #FF0000;font-weight: 600; } .greennet-boxs .box1 .box1-right{float:right;width: 704px;height: 100%;} .greennet-boxs .box1 .box1-right .mySwiper2{height: 420px;overflow: hidden;width: 100%;position: relative;} .greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide,.greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide a{display: block;width:100%;height: 100%;overflow: hidden;position: relative;} .greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide a div.img{width:100%;height:420px;overflow: hidden;} .greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide a div.txt{background: rgba(0, 0, 0, 0.6);width:100%;height:56px;text-align: center;position: absolute;bottom:0;left:0; } .greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide a div.txt p.oe{line-height: 56px;padding:0 .3rem;font-size: 16px;height: 56px;overflow: hidden;color: #fff} .greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide a div.img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s;} .greennet-boxs .box1 .box1-right .mySwiper2 .swiper-slide a:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s} .greennet-boxs .box1 .box1-right .mySwiper{width:100%;height: 113px;overflow: hidden;margin-top:12px;} .greennet-boxs .box1 .box1-right .mySwiper .swiper-slide{width: 160px!important;height: 90px;border:4px solid #fff;position: relative;top:10px;} .greennet-boxs .box1 .box1-right .mySwiper .swiper-slide-thumb-active{border-color:#FF0000;} .greennet-boxs .box1 .box1-right .mySwiper .swiper-slide-thumb-active::after{content: '';width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #FF0000;display: block;position: absolute;top:-10px;left:50%;margin-left:-5px;} .jr{ width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .index3_content{ width: 1420px; background-color: #fff; margin: auto; margin-top: 300px; } .index3_content .yqlh-header .yqlh-topnavbox{ margin: 22px 46px 0 0; } .index3_content .blockbox{ width: 100%; }