@charset "utf-8";
.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix,.cl{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}
.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}
.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}
.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}
a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}
.bold{font-weight:bold;}.normal{font-weight:normal;}
.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}
.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
.w10p{width:10%;}.w20p{width:20%;}.w30p{width:30%;}.w40p{width:40%;}.w50p{width:50%;}.w60p{width:60%;}.w70p{width:70%;}.w80p{width:30%;}.w90p{width:90%;}.w100p{width:100%;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.mt60{margin-top: 60px;}
body,html{height:auto;overflow-x: hidden;}

#body{background: #fff;}
::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);border-radius:10px;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}

/*------------ 共有样式 ------------*/
.topbar{width:100%;line-height:0;}
.topbar img{width:100%; }
.whitewp{width: 1100px;margin-left: auto;margin-right: auto;background: #fff;}
.wiperbox{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/bg.jpg) repeat-y top center;background-size:100% auto; z-index: 1000;}

.navBoxWrap{position: fixed;right: 0px;top: 50%;margin: -280px 0 0 0px;z-index: 1000;}
.navBox{width: 170px;text-align: center;border:1px solid #bf350e;}
.navBox li{margin-bottom: 0px;}
.navBox li:first-child a{border-top:0;}
.navBox li a{width: 170px;height: 73px;line-height: 22px;box-sizing: border-box;background: #ee572a;display: flex; justify-content: center;align-items: center; font-size: 20px;color: #fff;border-top:1px solid #bf350e;text-align: center;}
.navBox li.active a,.navBox li a:hover{background: #d03f13;}
.navBox li.active a span,.navBox li a:hover span{display: inline-block;}
.topBanner{width: 1016px;margin-left: auto;margin-right: auto;}



#disInt .swiper-button-next{transform: translateY(10px); width: 40px;height: 40px;right: -70px;background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/right.png) no-repeat center center;}
#disInt .swiper-button-prev{ transform: translateY(10px); width: 40px;height: 40px;left: -70px;background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/left.png) no-repeat center center;}

.siderInt .swiper-button-next{width: 40px;height: 40px;right: -70px;background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/right.png) no-repeat center center;}
.siderInt .swiper-button-prev{width: 40px;height: 40px;left: -70px;background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/left.png) no-repeat center center;}

.siderInt .swiper-button-next:hover{transform:scale(1.05);}
.siderInt .swiper-button-prev:hover{transform:scale(1.05);}

#disInt .swiper-button-next:hover{transform:scale(1.05);}
#disInt .swiper-button-prev:hover{transform:scale(1.05);}


#disInt,.siderInt{position: relative;width:844px;margin-left:auto;margin-right:auto;}
#disInt .swiper-container{width:844px;margin-left:auto;margin-right:auto;}
#disInt ul{display: flex;flex-wrap:wrap;justify-content: space-between;}
#disInt ul li{margin-top:20px;}
/* #disInt ul li:nth-child(-n+2){margin-top:0;} */


.threeWork ul{display: flex;justify-content: space-between;}
.threeWork li{width:268px;}
.threeWork li >a{display: block;line-height:0;position: relative;}
.threeWork.mini li >a img{width:268px;height:151px;}
.threeWork li >a:before{content:"";background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/play.png) no-repeat center center;width:57px;height:57px;position: absolute;left:50%;top:50%;margin:-28px 0 0 -28px;}

.siderInt .swiper-container{width:844px;margin-left:auto;margin-right:auto;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: "";display: none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: "";display: none}

.wkbg{position: relative;width: 1160px;margin-left: auto;margin-right: auto;}


#schoolInt{height: 600px;}
#schoolInt .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


.adbox{width:844px;margin-left:auto;margin-right:auto;}
.adbox img{max-width:100%;}

.bText{font-size: 20px;color: #6c0000;text-align: center;margin-top: 30px;line-height: 30px;}
.bText1{color: #005a6d;}
.bText p span{position: relative;}
.bText p{margin-top: 20px;}
.bText p span:after{position: absolute;content: "";height: 2px;background: #ff4f4f;bottom: 3px;left: 0;width: 100%;}
a.fBtn_1{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/fbtn.png) no-repeat center center;width: 250px;height: 54px;display: inline-block;}
a.fBtn_1:hover{opacity: 0.9;}
a.fBtn_2{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/btn2.png) no-repeat center center;width: 230px;height: 40px;display: inline-block;}
a.fBtn_2:hover{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/btn2_hover.png) no-repeat center center;}
a.fBtn_3{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/btn3.png) no-repeat center center;width: 230px;height: 40px;display: inline-block;}
a.fBtn_3:hover{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/btn3_hover.png) no-repeat center center;}




#sharebox{background: #ee572a;height:73px;display: flex;justify-content: center;align-items: center;}
#sharebox a{width: 40px;height: 40px;display: inline-flex;}
#sharebox a.wechat{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/wx.png) no-repeat center center;width: 40px;height: 40px;}
#sharebox a.weibo{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/wb.png) no-repeat center center;width: 40px;height: 40px;}
#sharebox a.qq{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/qq.png) no-repeat center center;width: 40px;height: 40px;}


.popup{position: fixed;left:-10000px;width:100vw;z-index:2020;bottom:0;top:0;background: rgba(0,0,0,0.2);display: flex;justify-content:center;align-items: center; }
.popup.active{left:0px; }
.popup.active .popcontent{ transform: scale(1);}


.popclose{display: flex;justify-content: center;align-items: center;width:50px;height:50px; position: absolute;right:10px;top:10px; }
.popcontent{background: #fff;border-radius: 15px;width:844px;box-sizing: border-box;padding:50px 25px 50px 50px;position: relative;text-align: justify; transform: scale(0, 0); transition: ease all 0.3s; }
.pip{max-height:70vh;overflow: auto;padding-right:25px;}
.popcontent h2{font-size:32px;}
.popcontent .desd{font-size:18px;padding:20px 0 40px;}
.popcontent .pcon{font-size:14px;}
.popcontent .pcon img{max-width:744px;margin:10px 0;}



.wkBox{position: relative;z-index: 20;display: flex;flex-wrap: wrap;margin-top: 50px;width: 840px;margin-left: auto;margin-right: auto;}
.wkBox li{width: 268px;position: relative;margin-right: 18px;margin-bottom: 15px;}
.wkBox li>a img{height: 201px;width: 268px;}
.wkBox li:nth-child(3n){margin-right: 0;}
.card-info-title{}

.card-info-title a{font-size: 16px;color: #000;width: 260px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.wkBox li .card-info {
    font-size: 12px;color: #666;

}

.wx-qrcode{right:72px !important;}


.feather{width: 1100px;position: relative;margin-left: auto;margin-right: auto;}
.commentsbg{background:linear-gradient(180deg,#d5f7ff,#fff);border:1px solid #ff4f4f;}
#disInt{margin-bottom: 0px;}
#disInt .swiper-wrapper{width: 844px;}
#disInt img{width:410px;height:208px;}

.tTitle4 div{background: #ff5800;color: #fff;width: 396px;margin-top: 100px;}

.disInt,.siderInt{margin-top: 65px;margin-bottom: 60px;}



.siderIntnav .swiper-container-horizontal>.swiper-pagination-bullets{position: relative;text-align: center;text-align: center;}
.siderIntnav.swiper-pagination{position: relative;}

.siderIntnav .swiper-pagination-bullet{width:12px;height:12px;background: #999;margin:0 7px;}
.siderIntnav .swiper-pagination-bullet-active{background: #000;}

.titles{font-size:24px;margin-bottom:10px;font-weight:bold;}
.siderInt{}
.siderInt .swiper-wrapper{}
.siderInt .swiper-slide{}
.siderInt .swiper-slide img{height: 201px;width: 268px;}
.siderInt .swiper-slide p{font-size:16px;margin-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footerbg{line-height:0;}
.footerbg img{width:100%;}
.pb100{padding-bottom: 100px;}

.siderInt{margin-bottom: 0px;}
.invite{width: 1100px;margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.invite li{margin-bottom: 20px;border:2px solid #23c4e7;width: 260px;height: 350px;transition:all ease 0.3s;overflow:hidden;}
.invite li img{transition:all ease 0.3s;}
.invite li:hover img{transform:scale(1.1);transition:all ease 0.3s;}
.headerWrapper{position:relative;z-index:2;}
.headerBox{background: url('https://img.zcool.cn/special-resource/biye2021/assets/img/banner.jpg') no-repeat center center;transform-origin:left top;height: 1200px;width:2560px;position: relative;z-index: 20;overflow: hidden;}

#f01 .pageBox{}
#f01 .pageBox a{border-radius: 40px;}
#f01 .laypageskin_default .laypage_curr{border-radius: 40px;background: #ff4f4f;border-color: #ff4f4f;color: #fff;}
#biuuu_city a:link,#f01 .laypageskin_default span{border-radius: 40px;}



#siderArt .swiper-button-next,#siderArt  .swiper-button-prev{transform:translateY(15px);}





.tdesign{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/tbg.jpg) no-repeat top center;height: 840px;width: 1100px;}
.tright{font-size: 16px;line-height: 32px;color: #000;width: 470px;padding-top: 30px;}
.tleft{padding: 0px 40px 0 126px;padding-top: 30px;}
.tright b{font-weight: bold;}
.videobox{width: 842px;height: 473px;margin-left: auto;margin-right: auto;background: #000;margin-top:24px; }
.dtflex{display: flex;}
.time{font-size: 28px;color: #000;font-weight: bold;text-align: center;}


.adv1{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/a1.png) no-repeat center center;margin-top: 60px;}
.adv2 a{width: 837px;display: inline-block;}
.adv3{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/a3.png) no-repeat center center;margin-top: 60px;}
.adv4{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/a4.png) no-repeat center center;margin-top: 60px;}
.adv5{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/a5.png) no-repeat center center;margin-top: 60px;}
.adv6{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/a6.png) no-repeat center center;margin-top: 60px;}

.adv{height: 207px;width: 837px;margin-left: auto;margin-right: auto;background-size: 100% 100%;display: flex;align-items: center;}
.adv div{width: 540px;height: 10px;}
.adv p{font-size: 16px;color: #000;line-height: 24px;padding-right: 0px;padding-top: 20px;margin-left: 15px;}
.yongTea{display: flex;justify-content: space-between;width: 826px;margin-left: auto;margin-right: auto;margin-top: 40px;}
.tcont{text-align: right;font-size: 16px;line-height: 26px;}
.ttle{font-size: 36px;font-weight: bold;margin-bottom: 15px;}
.yongTea a{display: inline-block;background: #EE572A;width: 264px;height: 42px;text-align: center;line-height: 42px;font-size: 18px;color: #fff;}
.yongTea a:hover{opacity: 0.8;}

.teaUl{display: flex;width: 826px;margin-left: auto;margin-right: auto; justify-content: space-between;margin-top: 40px;}
.teaUl li{width: 200px;height: 282px;position: relative;}
.teaUl li img{width: 200px;height: 282px;}
.teacont{display: flex;justify-content: center;align-items: center;width: 200px;height: 282px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);display: none;}
.teacont a{color: #fff;display:block;width: 100%;height: 100%;line-height: 282px;text-align: center;display: block;}
.teaUl li:hover .teacont{display: flex;}





.w826box{width: 842px;margin-left: auto;margin-right: auto;padding-top: 15px;}
.timio{padding: 35px 0;border-bottom: 1px solid #EE572A}
.timioTitle {line-height: 0;padding-bottom: 15px;}
.timioTitle img{width: 100%;}

.w826box .timio:last-child{border: 0;}

.timio ul{display: flex;justify-content: space-between;}
.timio li{width: 414px;}
.timio li > a{display: block;line-height: 0;}
.timio li img{width: 100%; }
.timio .whild li{width: 100%;}

.timio li .des p{font-size: 20px;padding: 15px 0 5px;}
.timio li .des div{font-size: 14px;}







.worksbox{width: 844px;margin-left: auto;margin-right: auto;}
.worktitle{font-size:24px;font-weight:bold;}




.worksbox{}
.worktitle{}
.worklist ul{display: flex;flex-wrap:wrap;padding-top:10px;}
.worklist ul li{width:268px;margin:20px 20px 0 0;}
.worklist ul li:nth-child(3n){margin-right:0;}
.worklist ul li img{width:268px;height:201px;font-size:16px;}
.worklist ul li .des{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.worklist ul li .des p{font-size:12px;color:#666666;}



.ullogo ul{display: flex;flex-wrap:wrap;padding:0px 0 50px; }
.ullogo ul li{width:20%;margin:20px 0px 0px 0;background: #fff;}
.ullogo ul li a{padding:10px;display: flex;justify-content: center;align-items: center;}
.ullogo ul li:nth-child(5n){margin-right:0;}
.ullogo ul li img{max-width:90%;}


.footers{background: #ee572a;height:220px; display: flex;justify-content: center;align-items: center;}
.footers img{height:45px;}



a.seeMore{background: #ee572a; margin-left: auto;margin-right: auto; font-size:18px;color:#fff;width:120px;height:42px;display: flex;justify-content: center;align-items: center;}
a.seeMore:hover{background: #da3706;}

/**/
.commentBox{margin:0 auto;width:904px;}


/* .btn-current-middle{background: url(https://img.zcool.cn/special-resource/biye2021/assets/img/lbtn.png) no-repeat center center;width: 108px;height: 48px;color: #fff;cursor: pointer;}
.btn-current-middle:hover{opacity: 0.9;}
.mb60{margin-bottom: 60px;}
.iMore{display: flex;align-items: center;justify-content: space-between;}
.iMore a{color:#23c4e7;font-size: 25px;}
.iMore a:hover{opacity: 0.8;}
 */

.comment-module .comment-info-box .comment-zan{    font-size: 12px;
    color: #999999;
    background-image: url(../images/svg/pinglundianzanqian.svg?v=2);
    background-position: 3px center;}