@charset "utf-8";
.flex-bet{display:flex;justify-content:space-between}
.p-over{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swiper1 .swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #fff;opacity:1;border-radius:50%}
.swiper1 .swiper-pagination{display:none}
.swiper1 .swiper-pagination-bullet-active{background-color:#fff;border-radius:50%}
.swiper1 .swiper-button-next{display:none}
.swiper1 .swiper-button-prev{display:none}
.swiper1 .swiper-button-next:after,.swiper1 .swiper-button-prev:after{display:none}
.boxbg{background:url(../images/cbg.png) center 400px no-repeat;padding-top:50px}
.boxbg>.wap,.newsbg>.wap{display:flex;justify-content:space-between}
.index-pic{width:48%;text-align:center;}
.index-pic img{max-width:100%}
.index-num{width:50%}
.indextit{position:relative;font-weight:700;font-size:24px;color:#4c4c4c;height:40px}
.indextit::before{content:'';position:absolute;bottom:0;left:0;width:50px;height:4px;background-color:#FFB400}
.mt50{margin-top:50px;}
.con{margin:50px 0;}
.indexet{display:block;font-weight:700;font-size:24px;color:#666;height:40px;text-align:center}
.indextitle{position:relative;font-weight:400;font-size:22px;color:#000;height:40px;text-align:center}
.index-num dl dd{display:flex;justify-content:space-between;justify-content:space-around;align-items:center;flex-wrap:wrap;flex:1;background-color:#fafafa}
.index-num dl dd h3{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}
.index-num dl dd p{font-size:16px;color:#FFB400}
.index-num dl dd p span{font-size:40px;font-weight:700;color:#FFB400}
.count{padding:20px;box-sizing:border-box;width:280px;height:145px;background-color:#f1f1f1;border-radius:3px;margin:40px 40px 0 0;display:flex;justify-content:space-between;align-items:center}
.count:nth-child(2n){margin:30px 0 0 0}
.index-news{width:50%;border-left:1px solid #ccc}
.index-news li{margin:10px 20px; font-size:14px; position:relative;}
.index-news li .dot {
	z-index: 100;
	display: inline-block;
	position: absolute;
	left: -26px;
	top: 5px;
	padding: 3px;
	border: 3px solid #eee;
	border-radius: 20px;
	background-color: #b3b3b3;
}
.index-news li .active {
	border: 3px solid rgba(232, 232, 232, .8);
}

.index-news li a{font-size:18px; color:#000;}
.index-news li p{margin:10px 0; color:#666; line-height:26px; text-align:justify;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.index-news li span{margin-bottom:20px; font-size:18px; display:block; font-weight:bold;}
.indexabo{width:45%;margin-top:35px}
.indexabo .abo-con h3{font-size:30px;color:#FFB400;font-weight:700}
.indexabo .abo-con h4{font-size:18px;color:#f9c750;font-weight:700;margin:10px 0}
.indexabo .abo-con h5{font-size:18px;margin-bottom:10px}
.indexabo .abo-con h5 a{font-size:18px}
.indexabo .abo-con p{font-size:14px;color:#333;line-height:30px;text-align:justify}
.indexabo .abo-con span{display:block;margin:15px 0}
.qlist{margin-top:30px; line-height:26px;}
.qlist span{font-size:20px;}
.qlist a{color:#fff;font-size:16px;margin-right:80px;background:#df2f13;border-radius:5px;padding:10px 20px;}
.qlist a:last-child{background-color:#27b24f}
.tslist{padding:50px 0; background:#006A57;}
.tslist h3{margin-bottom:50px}
.tslist ul{display:flex;justify-content:center;flex-wrap:wrap}
.tslist ul li{width:25%;box-sizing:border-box; padding:15px;}
.tslist ul li img{max-width:100%;}
.tslist ul li a{display:block;display:flex;align-items:center;flex-direction:column;box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,.5); background-color:#fff;}
.tslist ul li a h4{font-size:21px;margin:20px 0;font-weight:700}
.tslist ul li a span{display:block;width:50px;height:4px;background-color:#FFB400}
.tslist ul li a p{font-size:16px;color:#626262;line-height:200%;text-align:center;margin-top:20px}
.tslist ul li a:hover{color:#FFB400;}
.tslist ul li a:hover span{background-color:#fff}
.tslist ul li a:hover p{color:#fff}
.ptit{display:flex;justify-content:space-between;color:#fff;margin-bottom:50px;font-size:18px}
.ptit a{color:#fff;font-size:18px}
.ptit .indextit{color:#fff}
.ptit .indextit::before{background-color:#fff}
.piclist{overflow:hidden;}
.piclist .w{height:320px;}
.piclist .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.piclist .swiper-slide{text-align:center;height:calc((100% - 50px)/ 3);padding:0 10px;box-sizing:border-box}
.piclist .swiper-slide a{display:block;position:relative}
.piclist .swiper-slide a:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.piclist .swiper-slide img{width:100%;border:1px solid #ccc}
.piclist .swiper-pagination-bullet{display:none;width:10px;height:10px;background:#ccc;opacity:1;border-radius:50%}
.piclist .swiper-pagination-bullet-active{background-color:#FFB400;border-radius:50%}
.mpiclist{display:none}
.mpiclist h3{font-size:32px;margin-top:20px;margin-bottom:10px}
.mlist{display:flex;flex-wrap:wrap}
.mlist a{display:block;width:25%;padding:5px;box-sizing:border-box}
.mlist a img{width:100%;border:1px solid #ddd}
.reviewbg{}

.reviewbg li{width:31.3333%; margin-right:3%; margin-bottom:20px; background-color:#fff;border-radius:10px; float:left; overflow:hidden;}
.reviewbg li:nth-child(3n){margin-right:0px;}
.reviewbg li .pic{position:relative}
.reviewbg li .pic img{width:100%;}
.reviewbg li .title{line-height:60px; text-align:center;}
.reviewbg li .title a{font-size:16px;}
.reviewbg li:hover{box-shadow:0 0 20px rgba(0,0,0,.2)}
.reviewbg li:hover .pic::before{position:absolute;width:100%;height:100%;content:'';background:url(../images/mmore.png) center center no-repeat}
.reviewbg .more{text-align:center; margin:20px 0;}
.reviewbg .more a{background:#ffff00; padding:10px 20px; font-size:16px; font-weight:bold;}
.ptit2{margin-top:50px;display:flex;justify-content:space-between;margin-bottom:50px;font-size:18px}
.ptit2 a{font-size:18px}
.exhibitionalbum{padding-top:10px;padding-bottom:0}
.exhibitionalbum .box{margin-top:30px;max-width:1920px;padding-top:28%;position:relative;background-size:100% auto;background-repeat:no-repeat;background-position:center top;clear:both;float:none;margin-right:auto;margin-left:auto}
.exhibitionalbum .box ul li{background-color:#ccc;width:20%;display:block;position:absolute;top:0;left:0;height:50%;overflow:hidden}
.exhibitionalbum .box ul li:nth-child(2){left:20%}
.exhibitionalbum .box ul li:nth-child(3){left:0;top:50%}
.exhibitionalbum .box ul li:nth-child(4){left:20%;top:50%}
.exhibitionalbum .box ul li:nth-child(5){width:40%;height:100%;left:40%}
.exhibitionalbum .box ul li:nth-child(6){left:80%;top:0}
.exhibitionalbum .box ul li:nth-child(7){left:80%;top:50%}
.exhibitionalbum .box ul li span{display:block;position:absolute;height:100%;width:100%;left:0;top:0}
.exhibitionalbum .box ul li.vod span:after{content:"";background-image:url(../images/ico-play.png);background-repeat:no-repeat;background-position:center center;display:block;height:55px;width:55px;margin-top:-27.5px;margin-left:-27.5px;position:absolute;left:50%;top:50%;right:50%;bottom:50%}
.exhibitionalbum .box ul li span img{float:left;height:100%;width:100%;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.exhibitionalbum .box ul li p{background-color:rgba(0,60,143,.82);position:absolute;z-index:10;height:100%;width:100%;left:0;top:0;right:0;bottom:0;display:table;opacity:0;-o-transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-ms-transition:all .7s;transition:all .7s}
.exhibitionalbum .box ul li:hover p{opacity:1}
.exhibitionalbum .box ul li:hover img{transform:scale(1.2)}
.exhibitionalbum .box ul li p i{vertical-align:middle;display:table-cell;height:100%;width:100%;text-align:center;font-style:normal;font-size:18px;color:#fff;padding-right:20px;padding-left:20px;box-sizing:border-box}
.exhibitionalbum .box ul li p i:before{content:"";background-image:url(../images/img-sd2223212.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:block;height:44px;width:44px;margin-right:auto;margin-bottom:10px;margin-left:auto;clear:both;float:none}
.exhibitionalbum .box ul li.vod p i:before{background-image:url(../images/ico-play.png)}
.imglist{}
.owl-list1{margin-bottom:60px}
.owl-list1 .item{display:block;margin:0 10px}
.owl-list1 .item img{border:1px solid #eee;width:100%; margin:5px 0;}
.owl-list1 .owl-pagination{text-align:center;margin-top:20px}
.owl-list1 .owl-page{display:inline-block;width:14px;height:14px;border-radius:50%;background-color:#ccc;margin-right:10px}
.owl-list1 .owl-pagination .active{background-color:#FFB400}
.owl-list2{margin-top:60px;margin-bottom:60px}
.owl-list2 .item{display:block;padding:0 5px;box-sizing:border-box}
.owl-list2 .item img{width:100%}
.adv{width:100%;}
.adv img{max-width:100%; margin:0 auto;}
@media screen and (max-width:1024px) and (min-width:0px){.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{display:none}
.adv{display:none;}
.boxbg{background-color:#f7f9fb}
.boxbg>.wap,.newsbg>.wap{flex-direction:column}
.qlist a{font-size:16px;margin-right:10px}
.index-num,.index-pic{width:100%}
.indexabo .abo-con h3{font-size:24px;}
.index-pic img{width:100%;}
.indexabo{width:100%;flex-direction:column;margin-top:15px;padding:0 10px;box-sizing:border-box}
.index-news{width:100%;flex-direction:column;margin-top:15px;box-sizing:border-box;border:0}
.index-news li{margin:10px 0}
.indexabo .abo-img{width:100%}
.indexabo .abo-con{width:100%;text-align:center}
.index-num dl{flex-direction:column}
.index-num dl dt img{width:100%}
.index-num dl dd{flex-wrap:wrap}
.index-num dl dd div{text-align:center;width:100%;padding:20px 10px;box-sizing:border-box}
.index-num dl dd div h3{font-size:21px;margin:10px 0}
.index-num dl dd div p{font-size:30px;font-weight:700;color:#FFB400}
.count{padding:20px;margin:30px 0 0 0;box-sizing:border-box;width:100%;height:145px;background-color:#f1f1f1;border-radius:3px;display:flex;justify-content:space-between;align-items:center}
.piclist{display:none}
.mpiclist{display:block;padding-bottom:10px}
.tslist ul li{width:50%; padding:10px 5px;}
.tslist ul li a h4{font-size:15px; margin:5px 0;}
.reviewbg{padding:30px 0}
.reviewbg>.w{flex-direction:column}
.reviewbg li{float:normal; width:100%; margin:10px 0;}
.owl-list1 .item img{width:100%}
.owl-list1,.owl-list2{margin-top:30px;margin-bottom:30px}
.tslist{padding-bottom:0}
.exhibitionalbum{padding-top:0;padding-bottom:0}
.exhibitionalbum .box{margin-top:0}
.index-nlist-con p{height:100%}
.con{margin:20px 0;}
.reviewbg .more{margin:10px 0;}
}