
.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 420px no-repeat;padding:80px 0 120px;}
.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:#f49e00;}
.mt50{margin-top:50px;}
.con{margin:50px 0;}
.indexet{display:block;font-size:18px;color:#666;height:32px;text-align:center;text-transform: uppercase;letter-spacing: 10px;}
.indextitle{position:relative;font-weight:400;font-size:30px;color:#000;height:40px;text-align:center;letter-spacing: 5px;}
.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:18px;color:#ff9501}
.index-num dl dd p span{font-size:40px;color:#ff9501;font-family: impact;}
.count{padding:20px;box-sizing:border-box;width:280px;height:145px;background-color:#f5f5f5;border-radius:3px;margin:30px 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:#444;font-weight:bold;}
.indexabo .abo-con h4{font-size:18px;color:#ff9501;font-weight:bold;margin:5px 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:#e6322e;border-radius:5px;padding:10px 20px;}
.qlist a:last-child{background-color:#ff9501;}
.tslist{padding:20px 0;background:#f5f5f5 url(../images/bg.gif) repeat center center; /*! background: #f2f2f2; */ background-attachment:fixed;}
.tslist .w{ width: 1200px; }
/* .tslist .indexet{ color: rgba(255,255,255,.5);}
.tslist .indextitle{ color: #fff;} */
.tslist h3{margin-bottom:50px}
.tslist ul{display:flex;justify-content:center;flex-wrap:wrap}
.tslist ul li{width:23%;margin: 0 1% 30px 1%;  box-sizing:border-box;border-radius: 100%;box-shadow: 0 20px 30px -20px rgba(0,36,100,.3);}
.tslist ul li a{display:block;border: 10px solid rgba(255,255,255,.5);height:275px;display:flex;align-items:center;flex-direction:column;padding:70px 0 0 0;box-sizing:border-box;color:#fff;background: rgba(0,0,0,.2);border-radius: 100%; overflow: hidden;}
.tslist ul li a img{ display: block; width: 75px;transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);transition: All .6s ease-in-out;-webkit-transition: All .6s ease-in-out;-moz-transition: All .6s ease-in-out;-o-transition: All .6s ease-in-out;}
.tslist ul li a h4{font-size:21px;margin:10px 0;font-weight:700;width: 100%;text-align: center;background: rgba(0,0,0,.3);padding: 10px 0;}
.tslist ul li a span{display:block;width:50px;height:4px !important;background-color:#fff;}
.tslist ul li a p{font-size:14px;color:#eee;line-height:200%;text-align:center;margin-top:10px;display: none;}
/* .tslist ul li a:hover h4{ color: #000} */
/* .tslist ul li a:hover{color:#fff;box-shadow:0 0 20px rgba(0,0,0,.5); background: #fff;} */
.tslist ul li a:hover span{background-color:#ff9501}
/* .tslist ul li a:hover p{color:#666} */
.tslist ul li a:hover{ border-color: #ff9501;}
.tslist ul li a:hover img{ transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.tslist ul li.tl1{ background: url(../images/tl1.jpg) no-repeat center; }
.tslist ul li.tl2{ background: url(../images/tl2.jpg) no-repeat center; }
.tslist ul li.tl3{ background: url(../images/tl3.jpg) no-repeat center; }
.tslist ul li.tl4{ background: url(../images/tl4.jpg) no-repeat center; }
.tslist ul li.tl5{ background: url(../images/tl5.jpg) no-repeat center; }
.tslist ul li.tl6{ background: url(../images/tl6.jpg) no-repeat center; }
.tslist ul li.tl7{ background: url(../images/tl7.jpg) no-repeat center; }
.tslist ul li.tl8{ background: url(../images/tl8.jpg) no-repeat center; }


.newsbg {background-color:#f2f2f2;padding:30px 0 80px;}
.newsbg > .w {display:flex;justify-content:space-between;}
.index-nlist {width:33.333333%;background-color:white;border-radius:10px;}
.index-nlist:nth-child(2) {margin:0 80px;}
.index-nlist-img {position:relative;}
.index-nlist-img img {width:100%;}
.index-nlist-con {padding:20px;}
.index-nlist-con h3 {font-size:24px;color:#ff9501;font-weight:bold;margin-bottom:20px;}
.index-nlist-con p {font-size:16px;line-height:30px;color:#333333;height:180px;margin-bottom:20px;}

.index-more {margin-top:10px;}
.index-more a {font-size:18px;color:#ff9501;padding-right:30px;background:url(../images/nmore1.png) right center no-repeat;}

.index-nlist:hover {box-shadow:0 0 20px rgba(0,0,0,0.2);}
.index-nlist:hover .index-nlist-img::before {position:absolute;width:100%;height:100%;content:'';background:url(../images/mmore.png) center center no-repeat;}

.index-list1 a {
	font-size: 14px;
	display: block;
	line-height: 40px;
	border-bottom: 1px dashed #dedede;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ptit2 {margin-top:50px;display:flex;justify-content:space-between;margin-bottom:50px;font-size:18px;}
.ptit2 a {font-size:18px;}

.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; width: 1200px; }
.piclist .swiper-container{height:100%;margin-left:auto;margin-right:auto}
.piclist .swiper-slide{text-align:center;height:calc((100% - 90px)/ 3);padding:0 2px;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:#ff9501;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} */

.mlist .swiper-container{height:100%;margin-left:auto;margin-right:auto}
.mlist .swiper-slide{text-align:center;height:calc((100% - 90px)/ 3);padding:0 2px;box-sizing:border-box; float: left; margin-top: 6px;}
.mlist .swiper-slide a{display:block;position:relative}
.mlist .swiper-slide a:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.mlist .swiper-slide img{width:100%;border:1px solid #ccc; height: auto;}
.mlist .swiper-pagination-bullet{display:none;width:10px;height:10px;background:#ccc;opacity:1;border-radius:50%}
.mlist .swiper-pagination-bullet-active{background-color:#ff9501;border-radius:50%}
.mlist .swiper-container-multirow-column > .swiper-wrapper{ flex-direction:row;}


.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{}
.imglist .w{height:320px; width: 1380px;}
.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:#ff9501}
.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;padding: 30px 0 60px;}
.boxbg>.wap,.newsbg>.wap{flex-direction:column}
.indexet{letter-spacing: 5px; font-size: 12px;height: 25px;}
.indextitle{letter-spacing: 5px; font-size: 20px;}
.qlist a{font-size:16px;margin-right:10px}
.index-num,.index-pic{width:100%}
.indexabo .abo-con h3{font-size:23px;}
.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:49%;padding:20px 10px;box-sizing:border-box;/*! margin-top: 20px; */}
.index-num dl dd div img{ width: 50px;}
.index-num dl dd div h3{font-size:16px;margin:10px 0}
.index-num dl dd div p{font-size:18px;font-weight:700;color:#ff9501}
.index-num dl dd div span{ font-size:25px;}
.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:23%;height:auto;}
.tslist ul li a{padding: 1rem 0 0 0;height:auto;}
.tslist ul li a span{display: none;}
.tslist ul li a h4{font-size:16px;}
.tslist ul li a p{ line-height: 1.5;}
.newsbg {padding:30px 0;}
.newsbg > .w {flex-direction:column;}
.index-nlist {width:100%;}
.index-nlist:nth-child(2) {margin:30px 0 30px 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;}
}
@media screen and (max-width: 1440px) {
	.tslist .w{width: 1200px; }
}
@media screen and (max-width: 1200px) {
	.tslist .w{width: 1000px; }
	
	}
@media screen and (max-width: 900px) {
	.tslist .w{width: 100%; }
	.tslist ul li{width:50%;height:auto;}
	.mpiclist{ overflow: hidden;}
	}
@media screen and (max-width: 750px){
	.tslist .w{width: 100%; }
	.tslist ul li{width:45%;height:auto;}
}