﻿

.banner{position: relative;overflow: hidden;}
.banner a{display: block;overflow: hidden;padding-bottom: 700px;position: relative;}
.banner a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;transform: scale(1.05,1.05);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 2s linear; transform: scale(1,1);}
.banner .swiper-slide video{width: 110%;height: 110%;object-fit: cover;position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);opacity: 0;}
.banner .swiper-slide.swiper-slide-active video{opacity: 1;}
.banner .control{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;}
.banner .btn{width: 2rem;height: 2rem;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 50%;cursor: pointer;}
.banner .btn img{filter: brightness(0) invert(1);}
.banner .btn.swiper-button-disabled{pointer-events: none;opacity: 0.4;}
.banner .btn:hover{background: #0F73B6;border-color: #0F73B6;}

.iNews{position: relative;z-index: 2;overflow: hidden;}
/* hotNews */
.hotNews{height: 2.66rem;box-sizing: border-box;padding: 0.7rem 1rem;background: rgb(15 115 182 / 90%);color: #fff;}
.hotNews dt{flex-shrink: 0;margin-left: 1.66rem;}
.hotNews dt .swiper-pagination{position: static;padding: 0 0.53rem;}
.hotNews dd{flex: 1;overflow: hidden;}
.hotNews dd .container{height: 1.2rem;width: 100%;overflow: hidden;}
.hotNews dd .container a{display: block;line-height: 1.2rem;}

/* headline */
.headline{position: relative;width: 100%;padding: 0 1.66rem;margin-left: -1.66rem;overflow: hidden;}
.headline .title{position: absolute;left: 1rem;top:1rem;z-index: 2;left: 2.66rem;width: 2.66rem;height: 2.66rem;background: linear-gradient(315deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.19) 100%);color: #fff;font-weight: bold;line-height: 1.25;}
.headline .container{position: relative;height: 4.66rem;}
.headline .container a{display: flex;width: 100%;height: 4.66rem;box-sizing: border-box;padding: 0.7rem 1.2rem 0.83rem 4.46rem;background: url(../image/headlineBg.png) no-repeat center;background-size: cover;color: #fff;}
.headline .container .date{flex-shrink: 0;margin-right: 1.16rem;width: 2.46rem;line-height: 0.93rem;}
.headline .container .date span,
.headline .container .date em{display: block;}
.headline .container .date span{line-height: 1.4rem;}
.headline .container .text{flex: 1;overflow: hidden;}
.headline .container .text h5{line-height: 1.2rem;margin-bottom: 7px;}
.headline .container .text p{line-height: 0.86rem;height: 1.72rem;overflow: hidden;opacity: 0.77;}


/* quickEntry */
.quickEntry li{width: 17.7%;position:relative;width: 16%;}
.quickEntry li::before,
.quickEntry li::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.quickEntry li::before{background: url(../image/box1.png) no-repeat center;background-size: 100%;}
.quickEntry li::after{background: url(../image/box2.png) no-repeat center;background-size: 100%;opacity: 0;}
.quickEntry li .wrap{height: 0;padding-bottom: 45.56%;position: relative;}
.quickEntry li a{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.quickEntry .icon{position: relative;width: 1.8rem;height: 1.8rem;margin-right: 0.5rem;}
.quickEntry .icon i{width: 100%;height: 100%;background: #0F73B6;border-radius: 50%;}
.quickEntry .pulse{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.quickEntry h5{color: #333;}
.quickEntry li:hover::before{opacity: 0;}
.quickEntry li:hover::after{opacity: 1;}
.quickEntry li:hover a h5{color: #fff;}
.quickEntry li:hover a .icon i{background: #50a8e3ed;}
.quickEntry li:hover a .pulse{opacity: 1;}

/* iTitle */
.iTitle{text-align: center;}
.iTitle img{height: 6.3rem;}

/* tableStyle */
.tabStyle{margin-bottom: 1.2rem;}
.tabStyle ul{margin: 0 auto;position: relative;z-index: 2;}
.tabStyle ul li{width: 2.56rem;height: 2.56rem;margin: 0 0.8rem;box-sizing: border-box;border: 1px solid #C9C9C9;background: rgba(255, 255, 255, 0.67);border-radius: 50%;cursor: pointer;color: #333;line-height: 0.7rem;font-weight: bold;text-align: center;position: relative;}
.tabStyle ul li:before{content: "";width: 6px;height: 6px;background: #C9C9C9;border-radius: 50%;position: absolute;top: 50%;margin-top: -3px;left: -0.8rem;margin-left: -3px;}
.tabStyle ul li:first-child::before{display: none;}
.tabStyle ul li:first-child::after,
.tabStyle ul li:last-child::after{content: "";width: 1920px;height: 1px;background: #C9C9C9;position: absolute;top: 50%;}
.tabStyle ul li:first-child::after{right: 100%;}
.tabStyle ul li:last-child::after{left: 100%;}
.tabStyle ul li div{width: 100%;height: 100%;}
.tabStyle ul li.active{border-color: #0F73B6;background: #0F73B6;color: #fff;}

/* isect1 */
.isect1{padding: 1rem 0 3.33rem;background: url(../image/isect1Bg.jpg) no-repeat center bottom;background-size: 100% auto;overflow: hidden;}
.isect1 .content{padding: 2.53rem 0 1.53rem;background: #fff url(../image/isect1Bg2.png) no-repeat right bottom;box-shadow: -6px 8px 20px 0px rgba(82,80,77,0.6);}
.isect1 .container{overflow: hidden;}
.isect1 .container ul{height: 10rem;box-sizing: border-box;padding: 0 1.5rem;}


/* isect2 */
.isect2{padding: 1rem 0 0rem;}
.isect2 .iTitle{margin-bottom: 0.7rem;}
.isect2 .scroll{position: relative;margin-bottom: 2rem;}
.isect2 .scroll .btnStyle{position: absolute;top: 50%;transform: translateY(-50%);border-color: #0F73B6;}
.isect2 .scroll .btnStyle img{filter: brightness(1) invert(0);}
.isect2 .scroll .btnStyle.prev{left: -3.2rem;}
.isect2 .scroll .btnStyle.next{right: -3.2rem;}
.isect2 .paginationStyle{bottom: -3.6rem;left: 50%;transform: translateX(-50%);}
.isect2 .paginationStyle .swiper-pagination-bullet{background: #0F73B6;opacity: 0.4;}
.isect2 .paginationStyle .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.isect2 .container{position: relative;width: 100%;padding: 10px;margin: -10px 0 0 -10px;overflow: hidden;}
.isect2 .ul li{width: 25%;position: relative;overflow: hidden;}
.isect2 .ul li a{display: block;height: 0;padding-bottom: 51.42%;position: relative;overflow: hidden;}
.isect2 .ul li a img{position: absolute;left: 1.33rem;top: 50%;transform: translateY(-50%);z-index: 2;height: 3.76rem;}
.isect2 .ul li a:hover .bgStyle{transform: scale(1.1);}
.isect2 .ul1 li{width: 32%;margin: 0 2% 2% 0;}
.isect2 .ul1 li:nth-child(3n){margin-right: 0;}


/* isect3 */
.isect3{padding: 1rem 0 1.2rem;background: url(../image/isect3Bg.jpg) no-repeat center top;overflow: hidden;}
.isect3 .tabStyle{margin-bottom: 1.66rem;}
.isect3 .tabStyle ul li:first-child::after,
.isect3 .tabStyle ul li:last-child::after,
.isect3 .tabStyle ul li:before{background: #fff;}
.isect3 .container,.isect3 .innerScroll{position: relative;overflow: hidden;}
.isect3 .container{width: 100%;padding: 0 12px 12px;margin-left: -12px;}
.isect3 .innerScroll{margin-bottom: 1rem;}
.isect3 .innerScroll1 a{display: block;padding: 0.9rem 0.9rem 1.2rem;background: rgba(255,255,255,1);border-radius: 10px 10px 0 0;}
.isect3 .innerScroll1 .pic{padding-bottom: 61.53%;position: relative;overflow: hidden;}
.isect3 .innerScroll1 .date{padding: 0.6rem 0 0.4rem;display: flex;align-items: center;color: #666666;line-height: 0.86rem;font-family: "PingFang SC";}
.isect3 .innerScroll1 .date img{margin-right: 6px;filter: brightness(0) invert(0.6);}
.isect3 .innerScroll1 h5{color: #333333;line-height: 1rem;height: 2rem;overflow: hidden;}
.isect3 .innerScroll1 a:hover{background-color: #fff;}
.isect3 .innerScroll1 a:hover .date,
.isect3 .innerScroll1 a:hover h5{color: #0F73B6;}
.isect3 .innerScroll1 a:hover .date img{filter: brightness(1) invert(0);}
.isect3 .innerScroll2 a{display: block;height: 14rem;box-sizing: border-box;padding: 2.2rem 1rem 0;background: rgba(255, 255, 255, 1);border-radius: 10px 10px 0 0;}
.isect3 .innerScroll2 a h5{color: #333333;line-height: 0.9rem;font-weight: bold;height: 1.8rem;overflow: hidden;}
.isect3 .innerScroll2 a p{color: #666666;line-height: 1.06rem;height: 3.18rem;overflow: hidden;margin: 0.86rem 0 1.66rem;}
.isect3 .innerScroll2 a:hover h5{color: #0F73B6;}

.isect3 .ul{background: #fff;box-shadow: 0px 3px 11px 0px rgba(131,129,126,0.33);padding-bottom: 0.86rem;}
.isect3 .ul li{width: 50%;}
.isect3 .ul li a{display: flex;align-items: center;width: 100%;box-sizing: border-box;padding: 1.5rem 1.16rem 10px 1.6rem;}
.isect3 .ul li .date{flex-shrink: 0;width: 3.33rem;border-right: 1px solid #E2E2E2;margin-right: 0.8rem;}
.isect3 .ul li .date span{display: block;line-height: 0.86rem;color: #333333;line-height: 0.93rem;font-weight: bold;margin-bottom: 2px;}
.isect3 .ul li .date em{display: block;color: #666666;line-height: 0.5rem;font-weight: 400;font-family: PingFangSC-Regular, PingFang SC;}
.isect3 .ul li h5{flex: 1;overflow: hidden;color: #333333;line-height: 0.86rem;height: 1.72rem;overflow: hidden;}
.isect3 .ul li a:hover .date span,
.isect3 .ul li a:hover .date em,
.isect3 .ul li a:hover h5{color: #0F73B6;}
.isect3 .ul li a:hover .date{border-color: #0F73B6;}

.isect4{padding-bottom: 3.93rem;}
.isect4 ul{align-items: flex-start;}
.isect4 li{width: 23.9%;}
.isect4 li:nth-child(2n){padding-top: 2rem;}
.isect4 .wrap{height: 0;padding-bottom: 134.32%;position: relative;overflow: hidden;}
.isect4 .hover{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;box-sizing: border-box;padding: 1.6rem 1rem 1.5rem 1.5rem;display: flex;align-items: flex-end;}
.isect4 li:nth-child(2n) .hover{align-items: flex-start;}
.isect4 .title{height: 2.1rem;margin-bottom: 0.8rem;}
.isect4 dd{margin-bottom: 10px;width:150px;}
.isect4 dd:last-child{margin-bottom: 0;}
.isect4 dd a{display: inline-block;position: relative;color: rgba(255,255,255,0.7);padding-left: 24px;line-height: 0.86rem;font-weight: bold;}
.isect4 dd a i{width: 12px;height: 12px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.3);border-radius: 50%;}
.isect4 dd a i::before{content: "";width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -3px 0 0 -3px;opacity: 0;transform: scale(0);}
.isect4 dd a:hover{color: #fff;}
.isect4 dd a:hover i{background: rgba(255,255,255,0.3);}
.isect4 dd a:hover i::before{opacity: 1;transform: scale(1);}
.isect4 li:nth-child(3) dd a{color: #333333;}
.isect4 li:nth-child(3) dd a i{border-color: rgba(3, 3, 3, 0.3);}
.isect4 li:nth-child(3) dd a i::before{background: #0F73B6;}
.isect4 li:nth-child(3) dd a:hover{color: #0F73B6;}
.isect4 li:nth-child(3) dd a:hover i{background: rgba(0, 165, 100, 0.3);border-color: rgba(0, 165, 100, 0.3);}

/* adFloat */
.adFloat{position: fixed;top: 50%;transform: translateY(-50%);z-index: 10;width: 200px;}
.adFloat ul li{margin-bottom: 10px;position: relative;}
.adFloat ul li:last-child{margin-bottom: 0;}
.adFloat img{width: 100%;}
.adFloat .close{position: absolute;right: 5px;top: 5px;z-index: 2;font-size: 12px;color: #fff;cursor: pointer;}
.leftFloat{left: 0;}
.rightFloat{right: 0;}


@media screen and (max-width: 1620px){
.banner a{padding-bottom: 36.45%;}
}

@media screen and (max-width: 1480px){
.isect2 .scroll{margin-bottom: 4rem;}
.isect2 .paginationStyle{bottom: -2rem;}
.isect2 .scroll .btnStyle.prev{left: -2rem;}
.isect2 .scroll .btnStyle.next{right: -2rem;}
.isect3 .innerScroll2 a{height: 13.3rem;padding: 1.8rem 1rem 0;}
}

@media screen and (max-width: 1300px){
.tabStyle ul li{font-size: 0.5rem;line-height: 0.6rem;}
.isect1 .content{padding: 2rem 0 1rem;}
.isect1 .container ul{padding: 0 1rem;}

}

@media screen and (max-width: 1200px){
.banner a{padding-bottom: 50%;}
}

@media screen and (max-width: 1024px){
.quickEntry ul{flex-wrap: wrap;justify-content: flex-start;}
.quickEntry li{width: 32%;margin: 0 2% 2% 0;}
.quickEntry li:nth-child(3n){margin-right: 0;}

.isect2 .ul,.isect4 ul{flex-wrap: wrap;}
.isect2 .ul1 li{width:49%;margin-right: 0;}
.isect2 .ul1 li:nth-child(2n){float: right;}
.isect2 .scroll .btnStyle{display: none;}
.isect2 .ul li{width: 50%;}
.isect3{background-size: auto 80%;}
.isect4 li{width: 48%;}


}

@media screen and (max-width: 760px){
.banner .btn{width: 1.4rem;height: 1.4rem;}
.iNews{margin: -1.6rem auto 1rem;}
.hotNews{height: 1.6rem;padding: 0.3rem 0.5rem;}
.hotNews dt{margin-left: 10px;}
.hotNews dd .container{height: 1rem;}
.hotNews dd .container a{line-height: 1rem;}
.hotNews .btnStyle{display:none;}
.headline .title{transform: scale(0.8);-webkit-transform-origin:left center;left: 2rem;top: 0.7rem;}
.headline .container{height: 4rem;}
.headline .container a{padding: 0.5rem 0.5rem 0.5rem 3rem;display: block;height: 4rem;}
.headline .container .date{display: none;}
.headline .container .text h5{margin-bottom: 0;}
.quickEntry .icon{width: 1.2rem;height: 1.2rem;margin-right: 5px;}
.quickEntry .icon i img{height: 80%;}
.quickEntry h5{font-size: 0.5rem;}
.iTitle img{height: 5rem;}
.tabStyle ul li{margin: 0 4px;width: 2.3rem;height: 2.3rem;}
.tabStyle ul li:before{left: -4px;display: none;}

.isect1{padding: 1rem 0;}
.isect1 .content{padding: 1rem 0;}

.isect2{padding: 1rem 0;}
.isect2 .iTitle{margin-bottom: 0;}
.isect2 .scroll{margin-bottom: 2rem;margin-bottom: 0;}
.isect2 .paginationStyle{bottom: -1rem;}
.isect2 .ul1 li{width: 100%;margin-bottom: 4%;}
.isect3{padding: 1rem 0;}
.isect3 .tabStyle{margin-bottom: 0.8rem;}
.isect3 .ul li{width: 100%;}
.isect3 .ul li a{padding: 1rem 0.8rem 0 0.8rem;}
.isect3 .ul li .date{width: 2.8rem;}
.isect4{padding-bottom: 1rem;}
.isect4 li:nth-child(2n){padding-top: 1rem;}
.isect4 .title{height: auto;width: 80%;}
.isect4 .hover{padding: 1rem;}

.adFloat{width: 120px;}
}

@media screen and (max-width: 468px){
.isect3 .innerScroll2 a{height: auto;padding: 1rem;}
.isect3 .innerScroll2 a p{line-height: 0.9rem;height: 2.7rem;margin: 0.4rem 0 0.8rem;}


.zjBox{padding: 10px;}
.zjBox a{height: auto;box-shadow: none;}
.zjBox .wrap{padding: 10px;}
.zjBox .pic{position: relative;left: 0;top: 0;width: 100%;height: 0;padding-bottom: 140.19%;box-sizing: border-box;margin-bottom: 10px;border:none;box-shadow: none;}
.zjBox .pic img{position: absolute;left: 0;top: 0;}
.zjBox .text{display: block;}
.zjBox h5{margin-bottom: 5px;}
.zjBox .hover{display: none;}
.zjBox:hover .pic{transform: translateY(0);opacity: 1;}
.isect2 .paginationStyle{display: none;}

.isect4 li{margin-bottom: 4%;}
.isect4 li:nth-child(2n){padding-top: 0;}

.headline .title{width: 60px;height: 60px;left: 56px;top: 5px;}
.headline .container{height: 70px;background: url(../image/headlineBg.png) no-repeat center;background-size: cover;}
.headline .container a{height: 70px;padding: 5px 10px 5px 70px;background: none;}
.headline .container .text{height: 60px;display: flex;align-items: center;}
.headline .container .text p{display: none;}
.headline .container .text h5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space:normal;line-height: 24px;max-height: 48px;overflow: hidden;width: 100%;}


.iNews{margin-top: -40px;}
.hotNews{height: 40px;padding: 8px 10px;}
.hotNews dd .container{height: 24px;}
.hotNews dd .container a{line-height: 24px;}

.isect3 .innerScroll1 h5{font-weight:normal;}
.isect3 .ul li h5{font-weight:normal;}
.isect4 dd a{font-size: 0.533rem;}
.isect4 dd{margin-bottom: 0px;}

.isect2 .ul1 li{width: 50%;margin-bottom: 0;}

}
