*{margin: 0;padding: 0;box-sizing: border-box;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{/* min-width: 1230px; */ min-width: 1007px; position: relative;background: #202020;}

.f_le{float: left;}
.f_ri{float: right;}
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.p_re{position: relative;}
.p_ab{position: absolute;}
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexbox1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flexbox2{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 300px;}
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */column-count:; /* 列数 */column-gap:; /* 列间距 */column-rule:; /* 分隔线 */}
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.pic{width: 300px;overflow: hidden;position: relative;}
.pic figure{padding-top: 75%;}
.pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

/*宽度*/
.wrapper{width: 81.51%;margin: 0 auto;}
@media screen and (max-width: 1480px) {
	.wrapper{width: 1200px;}
}
@media screen and (max-width: 1260px) {
	.wrapper{width: 100%;padding: 0 30px;}
}

/* logo */
.logo{display: block;height: 5.6875vw;position: absolute;top: 2.24vw;left: 2.604%;z-index: 9999;}
.logo h1{display: none;}
.logo img{display: block;height: 100%;}
.logo-fixed{position: fixed;}


/* nav */
.btn-nav{display: flex;align-items: center;/* width: 90px; */height: 4.6875vw;position: absolute;top: 2.24vw;right: 2.604%;z-index: 999;}
.btn-nav img{display: block;height: 100%;}
.btn-nav .i-phone{font-size: 30px;color: #333;font-weight: bold;margin-right: 30px;}
.btn-nav .i-phone span{font-size: 24px;font-weight: 400;}
.btn-nav-hide{display: none;position: fixed;}
.nav{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.8);z-index: 998;display: none;}
.nav .flexbox{width: 100%;height: 100%;}
.nav .navbox{margin: auto auto;}
.nav .navbox a{display: block;color: #fff;font-size: 1.146vw;line-height: 2.75;transition: .5s;}
.nav .navbox a:hover{color: #01d3c4;}

@media screen and (max-width: 1024px) {
	.logo,.btn-nav{height: 48px;top: 20px;}
}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-slide img{width: 100%;display: block;}
.banner{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 0;}
.banner .swiper-wrapper{width: 100%;height: 100%;}
.banner .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .swiper-pagination{bottom: 4.232%;height:33px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 33px;height: 33px;border-radius: 100%;background: url(../images/ico02.png) center center no-repeat;opacity: 1;position: relative;margin: 0 3.906%;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/ico02_1.png) center center no-repeat;}
.banner .swiper-pagination .swiper-pagination-bullet:before{content: '';display: block;width: 7.8125vw;height: 1px;background: #fff;margin: auto 0;position: absolute;right: 33px;top: 0;bottom: 0;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(1):before{content: '';display: block;width: 50vw;height: 1px;background: #fff;margin: auto 0;position: absolute;right: 33px;top: 0;bottom: 0;}
.banner .swiper-pagination .swiper-pagination-bullet:last-child:after{content: '';display: block;width: 50vw;height: 1px;background: #fff;margin: auto 0;position: absolute;left: 33px;top: 0;bottom: 0;}
.scroll{display: block;width: 2.760%;min-width: 40px;/* height: 53px; */background: #fff;border-radius: 100%;margin: 0 auto;position: absolute; bottom: 11.640%; left: 0;right: 0;z-index: 99; animation: mymove 3s ease infinite;z-index: 3;cursor: pointer;}
@keyframes mymove {
    0% { opacity: 1; }
    50% { opacity: .2; }
    100% {  opacity: 1; }
}

/* footer */
.footer{width:100%;background: #363636;padding: 4.6875% 0 3.646%;color: #fff;position: relative;}
.footer .fTop{display: block;width: 0.729%;margin: 0 auto;position: absolute;left: 0;right: 0;top: -4.167vw;cursor: pointer;}
.footer .foot-left{width: 72.845%;float: left;}
.footer .foot-right{width: 14.377%;float:right;padding-top: 1.5625vw /* 30px */;}
.footer .box1{border-bottom: 1px solid #828282;line-height: 4.0625vw /* 78px */;}
.footer .box1 h2{font-size: 1.25vw /* 24px */;float: left;}
.footer .foot-nav{float: right;}
.footer .foot-nav a{display: block;color: #fff;float: left;font-size: 0.9375vw /* 18px */;margin-left: 1.822vw /* 35px */;}
.footer .foot-text{font-size: 0.833vw /* 16px */;line-height: 1.5;padding: /* 20px */ 1.042vw 0;}
.footer .foot-form{display: block;}
.footer .foot-form input{display: block;border: 0;border-bottom: 1px solid #828282;background: transparent;font-size: 0.833vw /* 16px */;color: #828282;line-height: 2.917vw;width: 100%;margin-bottom: /* 20px */ 1.042vw;}
.footer .foot-form .cont input{width: 28.5%;margin-right: 7.25%;float: left;}
.footer .foot-form .cont input:nth-child(3){margin-right: 0;}
.footer .foot-form .fbtn{display: block;margin-top: /* 40px */ 2.083vw;width: 92px;height: 27px;border: 0;border-radius: 27px;background: #fff;text-align: center;line-height: 25px;color: #828282;font-size: 0.833vw /* 16px */;}
.footer .qrceode{width: 86.667%;margin: 0 auto;background: #fff;}
.footer .qrceode img{display: block;width: 100%;}
.footer .tb{text-align: center;margin-top: 35px;}
.footer .tb img{display: inline-block;width: 18.667%;margin: 0 5px;}

/* copyright */
.copyright{width: 100%;background: #2f2f2f;font-size: 12px;color: #9e9e9e;padding: 20px 0;line-height: 20px;text-align: center;}
.copyright a{color: #9e9e9e;transition: .5s;}
.copyright a:hover{color: #fff;}

/* home masonry */
.n-out{padding: 30px 15px 10.156%;background: url(../images/bj01.png) bottom center no-repeat;background-size: 100% auto;}
.masonry{width: 100%;margin: 0 auto;}
.masonry .list{float: left;width: 33.333%;padding: 0 15px;}
.masonry .list a{display: block;width: 100%;}
.masonry .list .tp{display: block;background: #000000;}
.masonry .list .tp img{display: block;width: 100%;opacity: .3;transition: .5s;}
.masonry .list .pic{display: block;background: #000000;width: 100%;background: #000000;}
.masonry .list .pic figure{padding-top: 135.417%;}
.masonry .list .pic figure img{opacity: .3;transition: .5s;}
.masonry .list .cont{height: 8.333vw;color: #e0e0e0;line-height: 1;}
.masonry .list .text{float: left;width: 74.875%;padding-top: 4.867%;font-size: 1.146vw;}
.masonry .list .tit{}
.masonry .list .name{opacity: 0;transition: .5s;}
.masonry .list .name small{font-size: 0.781vw;}
.masonry .list em{display: block;width: 6%/* 27px */;height: 1px;background: #fff;margin: 1.302vw 0;transition: .5s;}
.masonry .list .num{display: block;float: right;line-height: 8.333vw;font-size: 4.895vw;font-family: 'Source Han Serif SC';opacity: 0;transition: .5s;}
.masonry .list:hover .tp img{opacity: 1;}
.masonry .list:hover .cont{color: #fff;}
.masonry .list:hover .tit{font-size: 1.354vw;}
.masonry .list:hover .tit span{display: none;}
.masonry .list:hover .name{opacity: 1;}
.masonry .list:hover em{width: 100%;}
.masonry .list:hover .num{opacity: 1;}

/* nbanner */
.nbanner{width: 100%;}
.nbanner img{display: block;width: 100%;}

/* out */
.out{width: 100%;position: relative;padding: 6.25% 0 10.156%;background: url(../images/bj01.png) bottom center no-repeat;background-size: 100% auto;}
.out .line{display: block;width: 64.167%;height: 0.9375vw;background: url(../images/bj02.jpg) top center repeat-y;background-size: 100% auto;position: absolute;top: 0;left: 0;}

.crumbs{margin-bottom: 5.208vw;}
.titBox{color: #fff;line-height: 1;float: left;}
.titBox .ftitle{display: inline-block;vertical-align: bottom;font-size: 4.729vw;text-transform: uppercase;}
.titBox .title{display: inline-block;vertical-align: bottom;font-size: 2.5vw;padding-bottom: 0.781vw;}
.titBox .xian{display: block;width: 9.896vw;height: 0.26vw;background: #545454;margin-top: 2.344vw;}
.m-crumb{float: right;color: #545454;line-height: 1;font-size: 1.042vw;cursor: default;margin-top: 2.083vw;}
.m-crumb a{color: #545454;transition: .5s;}
.m-crumb i{font-style: normal;}
.m-crumb span{color: #fff;}
.m-crumb a:hover{color: #fff;}

.n-titBox{line-height: 1;color: #ffffff;margin-bottom: 4.167vw;}
.n-titBox .n-ftitle{display: block;font-size: 4.427vw;-webkit-text-stroke: 1px #797979;text-stroke: 1px #797979;color: #202020;text-transform: uppercase;}
.n-titBox .n-title{font-size: 2.5vw;margin-top: -1.5625vw;}

/* star */
.star{}
.star .star-masonry{}
.star .star-masonry .list{float: left;width: calc( (100% - 75px) / 4 );}
.star .star-masonry .list:nth-child(4n){margin-right: 0;}
.star .star-masonry .list a{display: block;width: 100%;}
.star .star-masonry .list .tp{display: block;background: #000000;}
.star .star-masonry .list .tp img{display: block;width: 100%;opacity: .3;transition: .5s;}
.star .star-masonry .list .cont{height: 6.510vw;color: #e0e0e0;line-height: 1;}
.star .star-masonry .list .text{float: left;width: 64.674%;padding-top: 6.794%;font-size: 1.042vw;}
.star .star-masonry .list .tit{}
.star .star-masonry .list .name{opacity: 0;transition: .5s;}
.star .star-masonry .list .name small{font-size: 0.781vw;}
.star .star-masonry .list em{display: block;width: 6%/* 27px */;height: 1px;background: #fff;margin: 0.781vw 0;transition: .5s;}
.star .star-masonry .list .num{display: block;float: right;line-height: 6.510vw;font-size: 4.427vw;font-family: 'Source Han Serif SC';opacity: 0;-webkit-text-stroke: 1px #797979;text-stroke: 1px #797979;color: #202020;transition: .5s;}
.star .star-masonry .list:hover .tp img{opacity: 1;}
.star .star-masonry .list:hover .cont{color: #fff;}
.star .star-masonry .list:hover .tit{font-size: 1.25vw;}
.star .star-masonry .list:hover .name{opacity: 1;}
.star .star-masonry .list:hover em{width: 100%;}
.star .star-masonry .list:hover .num{opacity: 1;}

.sports .list{float: left;width: calc( (100% - 75px) / 4 );margin-right: 25px;}
.sports .list:nth-child(4n){margin-right: 0;}
.sports .list a{display: block;width: 100%;}
.sports .list .pic{display: block;background: #000000;width: 100%;}
.sports .list .pic figure{padding-top: 135.417%;}
.sports .list .pic img{display: block;width: 100%;opacity: .3;transition: .5s;object-fit: cover;}
.sports .list .cont{height: 6.510vw;color: #e0e0e0;line-height: 1;}
.sports .list .text{float: left;width: 64.674%;padding-top: 6.794%;font-size: 1.042vw;}
.sports .list .tit{}
.sports .list .name{opacity: 0;transition: .5s;}
.sports .list .name small{font-size: 0.781vw;}
.sports .list em{display: block;width: 6%/* 27px */;height: 1px;background: #fff;margin: 0.781vw 0;transition: .5s;}
.sports .list .num{display: block;float: right;line-height: 6.510vw;font-size: 4.427vw;font-family: 'Source Han Serif SC';opacity: 0;-webkit-text-stroke: 1px #797979;text-stroke: 1px #797979;color: #202020;transition: .5s;}
.sports .list:hover .pic img{opacity: 1;}
.sports .list:hover .cont{color: #fff;}
.sports .list:hover .tit{font-size: 1.25vw;}
.sports .list:hover .tit span{display: none;}
.sports .list:hover .name{opacity: 1;}
.sports .list:hover em{width: 100%;}
.sports .list:hover .num{opacity: 1;}

/* star-content */
.star-content .box1{margin-bottom: 4.167vw;}
.star-content .box1 .pic{width: 33.866%;float: left;border: 1px solid #9e9699;}
.star-content .box1 .pic figure{padding-top: 135.417%;}
.star-content .box1 .cont{width: 60.383%;float: right;position: relative;}
.star-content .box1 .ico{display: block;width: 7.725%;position: absolute;top: 0;right: 0;}
.star-content .box1 .b1-name{border-bottom: 1px solid #ffffff;font-size: 2.5vw;line-height: 1.1;padding-bottom: 1.302vw;width: 83.069%;}
.star-content .box1 .b1-name b{display: block;float: left;color: #01e9bd;margin-right: 0.781vw;}
.star-content .box1 .b1-name span{display: block;float: left;-webkit-text-stroke: 1px #797979;text-stroke: 1px #797979;color: #202020;font-weight: bold;text-transform: uppercase;}
.star-content .box1 .txt1{font-size: 1.667vw;color: #01e9bd;line-height: 1.5;margin: 0.781vw 0;}
.star-content .box1 .txt2{color: #e0e0e0;font-size: 1.094vw;line-height: 2;}
.star-content .box1 .b1-content{width: 100%;height: 20.833vw;color: #e0e0e0;position: relative;margin-top: 3.606vw;}
.star-content .box1 .b1-content .bt{display: block;height: 3.611vw;color: #fff;font-size: 2.083vw;line-height: 1;position: absolute;top: 0;left: 0;right: 0.729vw;background: #202020;}
.star-content .box1 .b1-content article{display: block;height: 100%;width: 100%;font-size: 1.094vw;line-height: 2;text-align: justify;overflow-y: auto;padding-top: 3.611vw;padding-right: 15px;}
.star-content .box1 .b1-content article::-webkit-scrollbar{width: 0.729vw;height: 1px;border:1px solid #a3a3a3;}
.star-content .box1 .b1-content article::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.2);}
.star-content .box1 .b1-content article::-webkit-scrollbar-thumb {border-radius: 0;background: #ffffff;}

.star-content .box2{margin-bottom: 2.865vw;}
.star-content .box2 .list{display: block;width: calc( (100% - 75px) / 4 );float: left;margin: 0 25px 25px 0;transition: .5s;}
.star-content .box2 .list:nth-child(4n){margin-right: 0;}
.star-content .box2 .list .pic{width: 100%;}
.star-content .box2 .list .pic figure{padding-top: 135.417%;}
.star-content .box2 .list:hover{box-shadow: 3px 3px 5px rgba(255,255,255,.5);transform: translateY(-5px);}

.star-content .box3 .list{display: block;width: calc( (100% - 50px) / 3 );float: left;margin: 0 25px 25px 0;transition: .5s;}
.star-content .box3 .list:nth-child(3n){margin-right: 0;}
.star-content .box3 .list .pic{width: 100%;}
.star-content .box3 .list .pic figure{padding-top: 70%;}
.star-content .box3 .list:hover{box-shadow: 3px 3px 5px rgba(255,255,255,.5);transform: translateY(-5px);}

/* champion */
.champion{}
.champion .champion-masonry .list{float: left;width: calc( (100% - 60px) / 3 );}
.champion .champion-masonry .list a{display: block;width: 100%;}
.champion .champion-masonry .list .tp{display: block;background: #000000;width: 100%;}
.champion .champion-masonry .list .tp img{display: block;width: 100%;opacity: .3;transition: .5s;}
.champion .champion-masonry .list .cont{height: 5.104vw;color: #e0e0e0;line-height: 1;padding-top: 1.25vw;font-size: 1.042vw;color: #e0e0e0;}
.champion .champion-masonry .list .tit{transition: .5s;}
.champion .champion-masonry .list em{display: block;width: 5.68%;height: 1px;background: #e0e0e0;margin-top: 0.9375vw;transition: .5s;}
.champion .champion-masonry .list:hover .tit{color: #fff;font-size: 1.25vw;}
.champion .champion-masonry .list:hover em{width: 100%;background: #fff;}
.champion .champion-masonry .list:hover .tp img{opacity: 1;}

/* case */
.case .list{background: url(../images/bj03.jpg) left bottom no-repeat;background-size: cover;margin-bottom: 2.604vw;transition: .5s;}
.case .list a{display: block;width: 100%;padding: 20px;color: #fff;}
.case .list .pic{width: 43.41%;float: right;}
.case .list .pic figure{padding-top: 58.912%;}
.case .list .cont{width: 48.213%;float: left;margin-left: 3.279%;}
.case .list .num{display: block;line-height: 1;font-size: 9.0625vw;-webkit-text-stroke: 1px #797979;text-stroke: 1px #797979;color: #363636;}
.case .list .tit{font-size: 1.354vw;line-height: 1;text-align: right;margin-top: -1.5625vw;}
.case .list .xian{display: block;width: 100%;height: 1px;background: #fff;margin: 1.5625vw 0 1.146vw;}
.case .list .desc{font-size: 0.9375vw;text-align: justify;line-height: 1.7;}
.case .list .gd{font-size: 0.9375vw;line-height: 1;margin-top: 1.5625vw;}
.case .list .gd span{display: inline-block;vertical-align: middle;}
.case .list .gd img{display: inline-block;vertical-align: middle;width: 5.694%;}
.case .list:nth-child(2n){background: url(../images/bj03_1.jpg) right bottom no-repeat;background-size: cover;}
.case .list:nth-child(2n) .pic{float: left;}
.case .list:nth-child(2n) .cont{float: right;margin-left: 0;margin-right: 3.279%;}
.case .list:nth-child(2n) .num{text-align: right;}
.case .list:nth-child(2n) .tit{text-align: left;}
.case .list:hover{box-shadow: 3px 3px 5px rgba(255,255,255,.15);transform: translateY(-5px);}

/* news */
.news .list{border-bottom: 1px solid #343434;padding: 3.385vw 0;}
.news .list:nth-child(1){padding-top: 0;}
.news .list a{display: block;width: 100%;color: #fff;}
.news .list .pic{width: 29.521%;float: left;}
.news .list .pic figure{padding-top: 47.619%;}
.news .list .cont{width: 65.176%;float: right;}
.news .list .tit{font-size: 1.25vw;line-height: 1;}
.news .list .desc{font-size: 0.9375vw;color: #858383;text-align: justify;line-height: 1.8;margin: 1.042vw 0 2.344vw;}
.news .list .xian{display: block;width: 11.275%;height: 1px;background: #858383;margin-bottom: 1.042vw;}
.news .list .time{display: block;float: left;font-size: 1.875vw;color: #858383;line-height: 1;}
.news .list .gd{font-size: 0.9375vw;line-height: 1;float: right;line-height: 1.875vw;}
.news .list .gd span{display: inline-block;vertical-align: middle;}
.news .list .gd img{display: inline-block;vertical-align: middle;width: 2.135vw;}

/* contact */
.contact{color: #fff;}
.contact .map{width: 64.217%;float: right;background: #ddd;height: 34.74vw;}
.contact .c-left{width: 30.671%;float: left;}
.contact .c-mc{font-size: 1.719vw;line-height: 1;margin-bottom: 2.604vw;}
.contact .item{margin-bottom: 1.823vw;}
.contact .item .ico{display: block;width: 11.875%;float: left;}
.contact .item .text{width: 84.375%;float: right;line-height: 1.1875;font-size: 1.25vw;}
.contact .item .text .txt1{display: block;}
.contact .c-qrcode{width: 40.208%;background: #fff;margin-top: 2.604vw;}
.contact .c-qrcode img{display: block;width: 100%;}

/*content*/
.article{width: 100%;font-size: 0.9375vw;color: #e0e0e0!important;line-height: 2;text-align: justify;}
.article img{max-width: 100%;}
.content .c-title{font-size: 1.25vw;line-height: 1.5;color: #e0e0e0;text-align: center;}
.content .c-time{font-size: 0.9375vw;line-height: 1.5;margin-bottom: 20px;color: #e0e0e0;text-align: center;}
.content .tp{width: 100%;margin-top: 20px;}
.content .tp img{display: block;max-width: 100%;margin: 0 auto;}


/* 上下页 */
.m-clips{margin: 3.125vw 0 0;font-size: 0.9375vw;color: #e0e0e0;line-height: 2;}
.m-clips a{color: #e0e0e0;line-height: 2;}

.star-content .m-clips p:nth-child(1){float: left;}
.star-content .m-clips p:nth-child(2){float: right;}

/*about*/
.about{}
.about .img{width: 30.99%;float: right;display: block;}
.about .img img{display: block;width: 100%;}
.about .article{width: 56.869%;float: left;color: #ffffff;font-size: 0.9375vw;text-align: justify;line-height: 1.8;}
.about .box1{border: 1px solid #646464;min-height: 13.542vw;margin-top: 4.948vw;}
.about .box1 .item{width: 12.5%;float: left;border-right: 1px solid #646464;color: #fff;text-align: center;padding: 2.083vw 0 1.823vw;line-height: 1.5;cursor: default;}
.about .box1 .item:last-child{border: 0;}
.about .box1 .item .ico{display: block;width: 58.975%;margin: 0 auto 1.302vw;}
.about .box1 .item .ftit{font-size: 0.729vw;margin-bottom: 5px;}
.about .box1 .item .tit{font-size: 0.833vw;}