.top1{height: 600px;background: url(../202311/pinpai/top_pinpai.jpg) no-repeat top center;}

.bg1{border-top: 1px solid #dedede;}
.bt1{padding-top: 30px;font-size: 30px;margin-bottom: 50px;}
.bt1 span{position: relative;padding-left: 10px;}
.bt1 span:before{content:'';position: absolute;left: 0;top: 2px;height:27px;width: 2px;background-color: #d81f26;}
.ppbox1{margin: 0 20px;}
.bt2{margin-bottom: 16px;}
.bt2 span{display:inline-block;font-size: 30px;position: relative;padding-bottom: 10px;}
.bt2 span:before{content: '';position: absolute;left: 0;width: 100%;height: 2px;background-color: #d81f26;bottom: 0;}
.bt2 p{font-size: 18px;color: #666;margin-top: 10px;}
.d1-left{width: 500px;float: left;}
.d1-right{float: right;width: 575px;}
.d1-left span{display: inline-block;width: 220px;height: 220px;background-color: #f9f9f9;border-radius: 8px;box-shadow: 0 5px 5px 0 rgba(188,188,188,.2);margin: 0 17px 17px 0;text-align: center;font-size: 24px;cursor: pointer;}
.d1-left span i{display: block;width: 102px;height: 102px;border-radius: 50%;margin: 29px auto;}
.d1-left span i.i1{background: #fff url(../images/pinpai/d1-1.png) no-repeat center;}
.d1-left span i.i2{background: #fff url(../images/pinpai/d1-2.png) no-repeat center;}
.d1-left span i.i3{background: #fff url(../images/pinpai/d1-3.png) no-repeat center;}
.d1-left span i.i4{background: #fff url(../images/pinpai/d1-4.png) no-repeat center;}
.d1-left span.on{background-color: #d81f26;color: #fff;}
.d1-right .nr{position: relative;display: none;height: 455px;}
.d1-right .nr a.link{display: inline-block;position: absolute;left: 0;bottom: 0;height: 32px;line-height: 32px;padding: 0 20px;background-color: #d81f26;color: #fff;font-size: 14px;border-radius: 4px;}
.d1-right .nr a.link:before{display:inline-block;content: '';background: url(../images/pinpai/arrow1.png) no-repeat 0 center;margin-right: 15px;width: 11px;height: 9px;}
.d1-right .nr p.info{font-size: 18px;color: #666;line-height: 28px;margin-bottom: 25px;}
.ppbox1 .u1{width: 450px;}
.ppbox1 .u1 li{width: 50%;float: left;margin-bottom: 20px;}
.ppbox1 .u1 li h4{font-size: 14px;line-height: 24px;}
.ppbox1 .u1 li h4:before{display: inline-block;content: '';width: 2px;height: 13px;background-color: #dd1717;margin-right: 6px;margin-bottom: -2px;}
.ppbox1 .u1 li p{font-size: 14px;color: #666;line-height: 20px;padding-right: 40px;}
.d2{background-color: #fafafa;padding-bottom: 50px;}
.d2 .info1{font-size: 20px;line-height: 30px;text-indent: 2em;margin: 22px 30px 55px;}
.d2 .nr{margin: 0 30px;}
.d2 .nr .lit{width: 500px;height: 292px;float: left;position: relative;}
.d2 .nr .lit video{width: 100%;height: 100%;cursor: pointer;}
.d2 .nr .vlist{width: 570px;float: right;}
.d2 .nr .vlist h2{font-size: 28px;color: #103464;line-height: 1;}
.d2 .nr .vlist li{font-size: 22px;line-height: 22px;margin-top: 40px;padding-left: 40px;background: url(../images/pinpai/ico_video.png) no-repeat 2px center;}
.d2 .nr .vlist li span{float: right;font-size: 12px;color: #999;}
.d2 .nr .vlist li a{display: block;margin-right: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.d3{padding-bottom: 70px;}
.d3 .wrap{position: relative;}
.d3 .sw1{width: 1150px;height: 216px;margin: 0 auto;}
.d3 .next,.d3 .prev{width: 47px;height: 47px;background: url(../images/pinpai/arrow.png) no-repeat 0 0;outline: none;top: 69%;}
.d3 .prev{left: -40px;}
.d3 .next{background-position: top right;right: -40px;}
.d3 .swiper-slide img{display: block;width: 100%;height: 100%;}
.d3 .swiper-slide .nr{position:absolute;background-color: rgba(37,43,69,.4);text-align: center;color: #fff;height: 100%;transition: all 0.4s;top: 100%;}
.d3 .swiper-slide .nr span{display: block;width: 160px;margin: 25px auto 7px;border-bottom: 1px solid #fff;height: 50px;}
.d3 .swiper-slide .nr span h3{font-size: 24px;padding: 7px 11px;line-height: 1;display: inline;border: 1px solid #fff;}
.d3 .swiper-slide .nr p{margin: 0 50px;font-size: 14px;line-height: 20px;}
.d3 .swiper-slide .nr a{position:absolute;display: block;height: 50px;background-color: #d81f26;color: #fff;font-size: 18px;line-height: 50px;left: 0;right: 0;bottom: 0;}
.d3 .swiper-slide:hover .nr{top: 0;}

.bg_deep{ background: #f9f9f9; min-height: 300px;}
.original_list{}
.original_list li{ zoom: 1; _height: 1px; padding: 35px 0; border-bottom: 2px solid #f4f4f4; position: relative;} 
.original_list li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.original_list li:before{ content: ""; position: absolute; top:0; left:-50%; width:200%; height: 100%;}
.original_img,.date01,.original_info{ position:relative; z-index: 1;}
.original_img{ display:block; overflow: hidden; width:240px; height: 155px; float: right;}
.original_img img{ display:block; width:100%; height: 100%;transition: all 1s;}
.original_img img:hover{transform: scale(1.2);}
.date01{ display:block; float:left; width:120px; text-align: right; margin-right: 40px; font-size: 18px; color: #666;}
.date01 em{ display:block; font-style: normal; font-size: 45px; margin-top: 10px;}
.original_info{ overflow: hidden; height: 136px; padding: 0 30px; border-left:1px solid #dadada; line-height: 24px;}
.original_info h4{ height:30px;}
.original_info h4 a{ display:inline-block; font-size: 20px;}
.original_data{ margin-bottom:10px;}
.original_data a{ color: #666; display:inline-block; height: 24px; margin-right: 20px;}
.original_data a img{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.original_des{ color: #666; height: 24px; margin-bottom: 15px;}
.more02{ display:inline-block; width:82px; padding-left: 50px; line-height: 32px; color:#888; position: relative;}
.more02:before{ content: ""; position: absolute; top:50%; left:24px; margin-top: -6px; width:12px; height: 12px; background: url(../images/a_ico04.png) right center no-repeat;} 
.original_list li:hover:before{ background: #fff;}
.original_list li:hover .more02{ background:#e60012; color: #fff;}
.original_list li:hover .more02:before{ background-position: left center;} 
.original_list li:hover .date01,.original_list li:hover .original_info h4 a{ color:#e60012;}

.article{ padding: 70px 0 50px; font-size: 16px; line-height: 1.9;}

.article_top{ text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: normal; margin-bottom: 30px;}
.article_tit{ font-size: 30px; margin-bottom: 30px;}
.article_info{ text-align:center; color: #666;}
.article_info span{ display:inline-block; margin:0 14px;}
.article_info span img{ display:inline-block; vertical-align: middle; margin-right: 8px;}
.article_bot{ margin-top: 40px; padding-top: 30px; border-top:1px solid #ddd;}
.article_guide{ margin-bottom: 30px;}
.article_guide li{ width:45%; float: left;}
.article_guide li a{ display:block;}
.article_guide li.next{ float:right; text-align: right;}
.article_guide li span{ display:block; font-size: 14px; position: relative;}
.article_guide li span:before{ content:""; position: absolute; top:50%; left:0; margin-top: -8px; width: 16px; height: 16px; background: url(../images/a_ico06.png) 150% center no-repeat;}
.article_guide li.next span:before{ left: auto; right:0; background-image: url(../images/a_ico06b.png); background-position: -150% center;}
.article_guide li.next:hover span{ padding-left:0; padding-right: 20px;}
.article_guide li:hover a{ color:#b50f18;}
.article_guide li:hover span{ padding-left:20px;}
.article_guide li:hover span:before{ background-position: 50% center;}
.back_list{ display:block; float: right; width:80px; line-height:34px; padding-left: 47px; background: #eee; position: relative;}
.back_list:before{ content:""; position: absolute; top:0; left:20px; width: 16px; height: 100%; background: url(../images/a_ico07.png) left center no-repeat;}
.back_list:hover{ background: #e60012; color: #fff;}
.back_list:hover:before{ background-position: right center;}
.article_body img{max-width: 100%;}
.video_body{height: 600px;}
.video_body iframe{width: 100%;height: 100%;}
