
.section1{
    padding: .6rem 0 .3rem;position: relative;
}
.section1 .warp{position: relative;padding-right: 3.5rem;min-height: 100%;margin-bottom: .3rem;}
.section1 .warp .vm_left{width: 100%;}
.section1 .warp .vm_right{width: 3.13rem;position: absolute;right: 0;top: 0;height: 4.95rem;background: #f7f7f7;overflow: hidden;}
.section1 .warp .vm_left .dn-item{overflow: hidden;padding-top: .2rem;border-top: 1px dashed #dddddd;width: 100%;}
.section1 .warp .vm_left .dn-item .item-left{width: 3.69rem;height: 3.94rem;border: 1px dashed #dddddd;float: left;}
.section1 .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}
.section1 .swiper-wrapper .swiper-slide a{display: block;height: 100%;}
.section1 .swiper-wrapper img{width: 100% !important;height: 100%;}
.section1 .item-right{padding: .25rem .3rem;width: 3.7rem;float: left;}
.section1 .item-right ul li{font-size: .18rem;color: #000;margin-bottom: .2rem;padding-left: .3rem;position: relative;}
.section1 .item-right ul li:nth-child(n+10){display: none}
.section1 .item-right ul li a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section1 .item-right ul li::after{content: "";width: .1rem;height: .1rem;border-radius: 50%;background: #000;position: absolute;left: 0;top: 50%;margin-top: -.05rem;}
.section1 .item-right ul li a:hover{color: #1d73ff;}
.section1 .warp .vm_right .title,
.section1 .warp .vm_right .title img{width: 100%;height: 1.37rem;display: block;overflow: hidden;}
.section1 .warp .vm_right ul{margin: .1rem;}
.section1 .warp .vm_right ul li{font-size: .16rem;color: #333;padding-left: .35rem;position: relative;line-height: .25rem;padding-bottom: .1rem;background: url(../image/border-bottom.png) no-repeat bottom center;margin-bottom: .1rem;}
.section1 .warp .vm_right ul li label{width: .2rem;height: .2rem;background: url(../image/ul-laber.png) no-repeat;background-size:cover;position: absolute;left: 0;top: .05rem; }
.section1 .notice{width: 100%;height: 2.08rem;background: #f7f7f7;overflow: hidden;}
.section1 .notice .item{float: left;}
.section1 .notice .item img{width: 100%;height: 100%;}
.section1 .notice .item:first-child{width: 2.23rem;}
.section1 .notice .item:nth-child(2){width: 5.5rem;overflow: hidden;height: 1.67rem;margin: .2rem 0;}
.section1 .notice .item:last-child{float: right;width: 3.6rem;cursor: pointer;}
.section1 .notice .item:nth-child(2) .swiper-slide{font-size: .16rem;color: #333;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;transition: all .3s}
.section1 .notice .item:nth-child(2) .swiper-slide:hover,
.section1 .notice .item:nth-child(2) .swiper-slide.swiper-slide-active{color:#1d73ff;font-size: .18rem}






.section2{
    width: 100%;background:#f7f7f7;padding-bottom: .6rem;
}
.section2 .cm_header{
    background: url(../image/nian-piao.png) no-repeat center center;
}
.section2 .items,.section2 .dn-row{width: 12rem;margin: 0 auto;height: 5.96rem;position: relative;transition: all .3s;overflow: hidden;}
.section2 .items .title{width: 1.2rem;height: 100%;background: #0e62ff;position: absolute;left: 0;top: 0;border-radius: 3px;cursor: pointer;transition: all .3s}
.section2 .items .title img{width: .62rem;height: .62rem;position: absolute;top:50%;left:50%;margin-top: -.31rem;margin-left: -.31rem;}
.section2 .items .title:hover{background: #1b66f1}
.section2 .items .content{height: 100%;padding-left: 1.3rem;}
.section2 .items .content .wt{background: #fff;height: 100%;width: 100%;position: relative;}
.section2 .items .content .wt ul{overflow: hidden;}
.section2 .items .content .wt ul li{width:3.5rem;height: 2.48rem;border-radius: 13px;cursor: pointer;;position: relative;;box-sizing: border-box;overflow: hidden;float: left;margin-right: .1rem;margin-bottom: .1rem;}
.section2 .items .content .wt ul li:nth-child(3n){margin-right: 0 !important}
.section2 .items .content .wt ul li a{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:10 ;}
.section2 .items .content .wt ul li img{width: 100%;height: 100%;position: relative;transition: all 1s}
.section2 .items .content .wt ul li:nth-child(n+4){margin-bottom: 0}
.section2 .items .content .wt ul li .item-mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../image/mask-bg50.png) no-repeat;background-size: 100% 100%}
.section2 .items .content .wt ul li .item-mask h1{transition: all .3s;font-size: .2rem;color: #fff;position: absolute;width: 100%;bottom: .1rem;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;z-index: 100;}
.section2 .items .content .wt ul li:hover img{transform: scale(1.05)}
.section2 .items .content .wt ul li:hover .item-mask h1{color: aqua}
.section2 .items .content .wt .footer{overflow: hidden;position: absolute;bottom: .1rem;left: 0;right: 0}
.section2 .items .content .wt .footer .lt{width: 6.4rem;height: .7rem;margin-left: .3rem;margin-top: .05rem;float: left;position: relative;}


.section2 .items .content .wt .footer .lt h1{position: relative;top: .4rem;height: .24rem;;}
.section2 .items .content .wt .footer .lt h1::after{content: "";width: 100%;height: 1px;border-bottom: 2px dashed #1b66f1;position: absolute;top: .1rem;}
.section2 .items .content .wt .footer .lt h1 span{font-size: .2rem;background: #fff;color: #1b66f1;position: absolute;left: 50%;transform: translateX(-50%);z-index: 1;text-align: center;display: block;width: 1.2rem;}
.section2 .items .content .wt .footer .lr{width: 3rem;height: .4rem;float: right;font-size: .2rem;color: #ccc;margin-top: .35rem;line-height: .4rem;position: relative;}
.section2 .items .content .wt .footer .lr a{width: 1.05rem;display: block;float: left;position: relative;}
.section2 .items .content .wt .footer .lr a:last-child{margin-left: .2rem;text-align: right}
.section2 .items .content .wt .footer .lr a:first-child::before{
    content: "";
    width:0;
    height:0;
    border-width:.15rem .2rem .15rem 0;
    border-style:solid;
    border-color:transparent #ccc transparent transparent;/*透明 灰 透明 透明 */
    margin:0 auto;
    position: absolute;
    right: .05rem;
    top: 50%;
    transform: translateY(-50%)
}
.section2 .items .content .wt .footer .lr a:last-child::before{
    content: "";
    width:0;
    height:0;
    border-width:.15rem 0  .15rem .2rem ;
    border-style:solid;
    border-color:transparent  transparent transparent #ccc;/*透明 灰 透明 透明 */
    margin:0 auto;
    position: absolute;
    left: .05rem;
    top: 50%;
    transform: translateY(-50%)
}
.section2 .items .content .wt .footer .lr a.active{color: #0e62ff}
.section2 .items .content .wt .footer .lr a:first-child.active::before{ border-color:transparent #0e62ff transparent transparent;}
.section2 .items .content .wt .footer .lr a:last-child.active::before{ border-color:transparent  transparent transparent #0e62ff;}
.section2 .dn-row  .swiper-button-next{background:none !important;bottom: 0 ;top: inherit;width: 6.4rem !important;left: 1.6rem;display: none;}
.section2 .items .content .wt .footer .transition{
    width: .18rem;height: .28rem;position: absolute;left: 50%;margin-left: -.09rem;z-index: 111;top: 0;display: block;
    background: url(../image/scroll-top.png) no-repeat center top 1px;
    animation: btnhover 1s steps(1,start) infinite;
    -webkit-animation: btnhover 1s steps(1,start) infinite;
}

@keyframes btnhover
{
0%   {background-position: 0px 0;}

100%  {background-position:50% 0px ;}

}
@-moz-keyframes btnhover
{
0%   {background-position: 0px 0}

100%  {background-position: 50% 0px;}

}
@-webkit-keyframes btnhover
{
0%   {background-position: 0px 0;}

100%  {background-position:50% 0px;}

}
@-o-keyframes btnhover
{
0%   {background-position: 0px 0;}

100%  {background-position: 50% 0px;}

}



.section3{
    width: 100%;background:#fff;
}
.section3 .cm_header{
    background: url(../image/gonglve.png) no-repeat center center;
}
.section3 .dn-row{width: 12rem;margin:0 auto;}
.section3 .dn-row ul{overflow: hidden;padding-bottom: .5rem;}
.section3 .dn-row ul li{position: relative;;width: 2.92rem;height: 4.52rem;box-sizing: border-box;background: #ccc;float: left;margin-right: .1rem;overflow: hidden;}
.section3 .dn-row ul li:last-child{margin-right: 0;}
.section3 .dn-row ul li img{width: 100%;height: 100%;position: relative;transition: all .3s;}
.section3 .dn-row ul li .item{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;cursor: pointer;}
.section3 .dn-row ul li:first-child .item{background: url(../image/gl-1-mask.png) no-repeat;background-size:100% 100%;}
.section3 .dn-row ul li:nth-child(2) .item{background: url(../image/gl-2-mask.png) no-repeat;background-size:100% 100%;}
.section3 .dn-row ul li:nth-child(3) .item{background: url(../image/gl-3-mask.png) no-repeat;background-size:100% 100%;}
.section3 .dn-row ul li:nth-child(4) .item{background: url(../image/gl-4-mask.png) no-repeat;background-size:100% 100%;}
.section3 .dn-row ul li:hover img{transform: scale(1.05)}



.section4{
    width: 100%;height: 5.6rem;position: relative;overflow: hidden;
}
.section4 video{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.section4 .info{width: 100%;text-align: center;color: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.section4 .info h1{font-size: .26rem;position: relative;top: .5rem}
.section4 .info .aplay{width: .53rem;height: .56rem;top: 50%;margin-top: -.28rem;cursor: pointer;position: absolute;left: 50%;margin-left: -.265rem}



.section5{padding-bottom: .45rem;overflow: hidden;padding-top: .5rem;}
.section5 .maxpd{width:100%;display:flex;justify-content: space-between; min-height: 3.3rem}
.section5 .maxpd .lr{width: 40%;height: 3.3rem;}
.section5 .maxpd .lr a {display: block;width:100%;height:2.4rem;overflow: hidden;}
.section5 .maxpd .lr a img{width: 100%;}
/* .section5 .maxpd .lr a:nth-child(2) img{width: 100%;height: 3.3rem;} */
/* .section5 .maxpd .lt ul{overflow: hidden;}
.section5 .maxpd .lt ul li{cursor: pointer;position: relative;transition: all .3s;font-size: .18rem;color: #666;background: #f7f7f7;width: 50%;line-height: .35rem;padding:.224rem;padding-left: .2rem;;float: left;box-sizing: border-box;border-bottom: 1px dashed #ccc;}
.section5 .maxpd .lt ul li:nth-child(even){border-left: 1px dashed #fff;}
.section5 .maxpd .lt ul li:nth-child(n+11){display: none}
.section5 .maxpd .lt ul li:nth-child(n+9){border: none}
.section5 .maxpd .lt ul li h1{font-size: .18rem;color: #fe0000;position: relative;padding-left: .4rem;;background: url(../image/w.png) no-repeat left top; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section5 .maxpd .lt ul li .ps{background: url(../image/d.png) no-repeat left top .05rem;position: relative;padding-left: .4rem; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section5 .maxpd .lt ul li:hover{background: #eee;} */




/* .section5 ul{margin-top: .75rem;}
.section5 ul li{width: 3.85rem;height: 2.9rem;background: #fff;float: left;margin-right: .2rem;margin-bottom: .2rem;
    transition: all .4s ease-out;
    box-shadow:0 19px 61px -25px rgba(0,0,0,.44);cursor: pointer;position: relative;
}
.section5 ul li:nth-child(3n){margin-right: 0 !important}
.section5 ul li:nth-child(n+4){margin-bottom: 0 !important}
.section5 ul li:hover{box-shadow: 0 35px 77px -17px rgba(0,0,0,.44);}
.section5 ul li .Img{width: 100%;height: 2.2rem;overflow: hidden;}
.section5 ul li .Img img{width: 100%;position: relative;}
.section5 ul li .info{position: relative;background: #fff;color: #333;font-size: .16rem;text-align: right;padding: .1rem .3rem}
.section5 ul li .info h1{font-size: .14rem;color: #666;margin-bottom: .1rem;}
.section5 ul li .info .author{width: .5rem;height: .5rem;position: absolute;transition: all .3s;border-radius: 50%;border: 2px solid #fff;top: -.25rem;left: .3rem;overflow: hidden;}
.section5 ul li .info .author img{width: 100%;height: 100%;}
.section5 ul li .info p,.section5 ul li .info h1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.section5 ul li:hover .info .author{animation: shadow 0.5s linear 1;}
.section5 ul li:hover .Img img{animation: pulse 1s linear 1;} */
@keyframes shadow {
	0%, 100% {transform: scaleY(1); top:-30px;}
	50% {transform: scaleY(1.1); top:-40px;}
}