@charset "utf-8";
@import url(base.css);
.hx_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}

.header{width: 100%;height: 110px;background: #fff;position: fixed;top: 0;left: 0;z-index: 1000;
padding: 0 4%;box-sizing: border-box;transition:.3s;}
.header.active{box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.headercon{width: 100%;}
.headerleft{float: left;padding-top: 33px;box-sizing: border-box;}
.headerleft a{display: block;max-width: 232px;}
.headerleft a img{display: block;width: 100%;}
.headeright{float: right;}
.headeright ul{float: left;}
.headeright ul li{float: left;margin-right: 48px;}
.headeright ul li:last-child{margin-right: 0;}
.headeright ul li>a{display: block;font-size: 24px;color: #333;font-weight: 500;transition:.3s;line-height: 110px;}
.headeright ul li:hover>a{color: #EB6830;}
.headeright ul li.active>a{color: #EB6830;}
.hemail{float: right;min-width: 156px;height: 48px;border-radius: 24px;border: 1px solid #EB6830;margin-left: 20px;
text-align: center;line-height: 46px;box-sizing: border-box;font-size: 18px;color: #EB6830;margin-top: 30px;}
.hemail i{display: inline-block;width: 24px;margin-right: 8px;vertical-align: -6px;}
.hemail i img{display: block;width: 100%;}
.headerdown{width: 100%;border-top: 2px solid #EB6830;padding: 45px 4%;box-sizing: border-box;
background: rgba(255,255,255,0.95);position: absolute;top: 110px;left: 0;display: none;}
.headerdowncon{width: 100%;padding-left: calc(100% - 760px);box-sizing: border-box;}
.headerlist{float: left;margin-right: 56px;}
.headerlist:last-child{margin-right: 0;}
.headerlist h4{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 16px;}
.headerlist a{display: block;font-size: 16px;color: #666;font-weight: 500;transition:.3s;line-height: 32px;}
.headerlist a:hover{color: #EB6830;}
.banner{width: 100%;padding-top: 110px;box-sizing: border-box;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li a{display: block;width: 100%;}
.bannercon ul li a img{display: block;width: 100%;height: 500px;object-fit: cover;}
.bannertext{width: 100%;position: absolute;top: 40%;left: 0;transform: translateY(-50%);}
.bannertextcon{width: 100%;}
.bannertextcon h5{font-size: 48px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 4px;}
.bannertextcon p{font-size: 20px;color: #fff;font-weight: 400;text-align: center;text-transform: uppercase;
opacity: 0.8;}
.bannerpages{bottom: 20px !important;}
.bannerpages .swiper-pagination-bullet{background: #fff;opacity: 0.6;transition:.3s;}
.bannerpages .swiper-pagination-bullet-active{opacity: 1;}
.conter{width: 100%;}
.inabout{width: 100%;padding: 115px 0;box-sizing: border-box;background: #fff;}
.inaboutcon{width: 100%;}
.title{width: 100%;position: relative;margin-bottom: 40px;}
.title h4{font-size: 114px;color: #333;opacity: 0.03;font-weight: 500;text-align: center;
line-height: 114px;position: absolute;top: -40px;left: 0;width: 100%;text-transform: uppercase;}
.title h5{font-size: 24px;color: #333;font-weight: 600;text-align: center;}
.inaboutext{width: 100%;margin-bottom: 60px;}
.inaboutext p{font-size: 14px;color: #666;line-height: 26px;font-weight: 400;text-align: center;
max-width: 1000px;margin: 0 auto;}
.inaboutlist{width: 100%;}
.inaboutlist ul{max-width: 540px;margin: 0 auto;}
.inaboutlist ul li{float: left;width: 33.3%;text-align: left;}
.inaboutlist ul li h5{font-size: 36px;color: #EB6830;font-weight: 500;}
.inaboutlist ul li h5 i{font-size: 30px;vertical-align: 6px;margin-left: 4px;}
.inaboutlist ul li p{font-size: 16px;color: #999;font-weight: 500;}
.incore{width: 100%;padding: 64px 0 115px 0;box-sizing: border-box;}
.incorecon{width: 100%;}
.intitle{width: 100%;margin-bottom: 30px;}
.intitle h4{font-size: 24px;color: #333;font-weight: 600;text-align: center;}
.innaver{width: 100%;}
.innaver ul{display: table;margin: 0 auto;}
.innaver ul li{float: left;margin-right: 40px;}
.innaver ul li:last-child{margin-right: 0;}
.innaver ul li a{display: block;font-size: 16px;color: #999;position: relative;line-height: 24px;transition:.3s;}
.innaver ul li a::before{content: '';width: 0%;height: 2px;background: #EB6830;position: absolute;
bottom: -8px;left: 0;transition:.3s;}
.innaver ul li:hover a{color: #EB6830;}
.innaver ul li:hover a::before{width: 100%;}
.innaver ul li.active a{color: #EB6830;}
.innaver ul li.active a::before{width: 100%;}
.incoreconter{width: 100%;}
.incorelist{width: 100%;display: none;position: relative;}
.incorelist:first-child{display: block;}
.incorelistcon{width: 100%;padding-top: 108px;box-sizing: border-box;}
.incorelistcon ul li{height: 358px;background: #fff;transition:.3s;}
.incorelistcon ul li a{display: block;padding: 45px 20px;box-sizing: border-box;}
.inimgs{width: 102px;height: 102px;margin: 0 auto;overflow: hidden;position: relative;}
.inimgs img{display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
transition:.3s;}
.inimgs .inimged{opacity: 0;}
.incoretext{width: 100%;}
.incoretext h5{font-size: 16px;color: #333;text-align: center;font-weight: 500;margin-bottom: 16px;height: 43px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:.3s;}
.incoretext p{font-size: 14px;color: #999;text-align: center;font-weight: 500;margin-bottom: 16px;height: 78px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition:.3s;
line-height: 26px;}
.incorelistcon ul li:hover{background: url(../images/bjs.jpg) center no-repeat;box-shadow: 0px 0px 24px 0px rgba(235,104,48,0.3);
transform: translateY(-30px);}
.incorelistcon ul li:hover .inimgs .inimgcon{opacity: 0;}
.incorelistcon ul li:hover .inimgs .inimged{opacity: 1;}
.incorelistcon ul li:hover .incoretext h5{color: #fff;}
.incorelistcon ul li:hover .incoretext p{color: #fff;}
.honornext{width: 56px;height: 56px;cursor: pointer;background: url(../images/left.png) center no-repeat !important;border-radius: 50%;
position: absolute;z-index: 100;left: -80px !important;top: 60%;margin-top: -28px;}
.honorprev{width: 56px;height: 56px;cursor: pointer;background: url(../images/right.png) center no-repeat !important;border-radius: 50%;
position: absolute;top: 0;z-index: 100;right: -80px !important;top: 60%;margin-top: -28px;left: inherit !important;}
.innew{width: 100%;background: #fff;padding: 80px 0 40px 0;box-sizing: border-box;}
.innewcon{width: 100%;}
.innewtitle{width: 100%;margin-bottom: 20px;}
.innewtitle h4{font-size: 24px;color: #333;font-weight: 600;text-align: left;}
.innewnav{width: 100%;margin-bottom: 60px;}
.innewnav ul{float: left;}
.innewnav ul li{float: left;margin-right: 40px;}
.innewnav ul li:last-child{margin-right: 0;}
.innewnav ul li a{display: block;font-size: 16px;color: #999;position: relative;line-height: 24px;transition:.3s;}
.innewnav ul li a::before{content: '';width: 0%;height: 2px;background: #EB6830;position: absolute;
bottom: -8px;left: 0;transition:.3s;}
.innewnav ul li:hover a{color: #EB6830;}
.innewnav ul li:hover a::before{width: 100%;}
.innewnav ul li.active a{color: #EB6830;}
.innewnav ul li.active a::before{width: 100%;}
.more{float: right;font-size: 14px;color: #666;transition:.3s;margin-top: -5px;}
.more i{display: inline-block;vertical-align: -11px;width: 32px;height: 32px;}
.more i img{display: block;width: 100%;}
.more:hover{color: #EB6830;}
.innewconter{width: 100%;}
.inlist{width: 100%;display: none;}
.inlist:first-child{display: block;}
.inlistleft{float: left;width: 486px;margin-right: 94px;}
.inlistleft a{display: block;}
.innewimg{width: 100%;height: 264px;position: relative;overflow: hidden;}
.innewimg img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.3s;}
.innewimg span{position: absolute;top: 0;right: 0;width: 104px;height: 32px;border-radius: 0 0 0 110px;
text-align: center;line-height: 32px;font-size: 14px;color: #fff;background: #EB6830;}
.innewtext{width: 100%;padding: 18px 0 0 0;box-sizing: border-box;}
.innewtext h5{font-size: 18px;color: #333;font-weight: 400;margin-bottom: 10px;height: 56px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:.3s;
line-height: 28px;}
.innewtext p{font-size: 14px;color: #999;font-weight: 500;height: 60px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 20px;}
.inlistleft:hover .innewimg img{transform: scale(1.1);}
.inlistleft:hover .innewtext h5{color: #EB6830;}
.inlistright{float: right;width: 620px;}
.inlistright ul li{width: 100%;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;}
.inlistright ul li:first-child{border-top: 1px solid #D8D8D8;}
.inlistright ul li a{display: flex;padding: 25px 0;box-sizing: border-box;align-items: center;}
.innewlefted{float: left;width: 70%;height: 52px;display: flex;align-items: center;}
.innewlefted p{font-size: 16px;color: #333;font-weight: 400;line-height: 26px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:.3s;}
.inlistright ul li a span{float: right;width: 30%;text-align: right;font-size: 14px;color: #999;font-weight: 400;}
.inlistright ul li:hover a .innewlefted p{color: #EB6830;}
.conterbut{width: 100%;padding: 40px 0 80px 0;box-sizing: border-box;background: #fff;}
.conterbutcon{width: 100%;}
.conterbutcon a{float: left;width: 592px;height: 260px;margin-right: 16px;position: relative;}
.conterbutcon a:last-child{margin-right: 0;}
.conterbutcon a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.conbutext{position: absolute;bottom: 40px;left: 0;width: 100%;padding: 0 40px;box-sizing: border-box;}
.conbutext h4{font-size: 20px;color: #fff;font-weight: 600;line-height: 38px;}
.conbutext p{font-size: 16px;color: #fff;font-weight: 400;letter-spacing: 8px;}
.footer{width: 100%;background: #404040;}
.footerup{width: 100%;padding: 56px 0 32px 0;box-sizing: border-box;}
.footerupcon{width: 100%;}
.footerupleft{float: left;margin-right: 100px;}
.footerupleft h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 6px;}
.footerupleft h4{font-size: 40px;color: #fff;font-weight: 400;line-height: 40px;margin-bottom: 20px;}
.footerupleft img{display: block;max-width: 188px;}
.footerupconter{float: left;margin-right: 40px;}
.footerupconter ul li{float: left;margin-right: 42px;}
.footerupconter ul li:last-child{margin-right: 0;}
.footerupconter ul li h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 12px;}
.footerupconter ul li a{font-size: 14px;color: #fff;font-weight: 400;line-height: 28px;display: table;opacity: 0.6;
transition:.3s;}
.footerupconter ul li a:hover{opacity: 1;}
.footerupright{float: right;text-align: center;}
.footerupright h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 6px;}
.footerupright img{display: block;width: 120px;}
.footerbut{width: 100%;padding: 24px 0;border-top: 1px solid rgba(255,255,255,0.3);box-sizing: border-box;}
.footerbutcon{width: 100%;}
.footerbutcon p{font-size: 14px;color: #fff;opacity: 0.6;text-align: center;}
.footerbutcon p a{color: #fff;transition:.3s;}
.footerbutcon p a:hover{opacity: 1;color: #EB6830;}
.back_top{cursor: pointer;font-size:14px;position: fixed;text-align: center;z-index: 99;opacity: 0;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;border-radius: 3px;padding: 12px;right: 20px;bottom: 45px;}
.back_top:hover{background: #EB6830;}
.nbanner{width: 100%;padding-top: 110px;box-sizing: border-box;}
.nbannercon{width: 100%;position: relative;}
.nbannercon img{display: block;width: 100%;height: 500px;object-fit: cover;}
.nbannercontext{width: 100%;position: absolute;top: 40%;left: 0;transform: translateY(-50%);}
.nbannercontext h5{font-size: 48px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 4px;}
.nbannercontext p{font-size: 20px;color: #fff;font-weight: 400;text-align: center;text-transform: uppercase;
opacity: 0.8;}
.aboutame{width: 100%;padding: 100px 0;box-sizing: border-box;background: #F2F2F2;}
.aboutamecon{width: 100%;}
.ableft{float: left;width: 70px;margin-right: 30px;}
.ableft img{display: block;width: 100%;height: 94px;cursor: pointer;margin-bottom: 8px;
border: 2px solid transparent;box-sizing: border-box;object-fit: cover;transition:.3s;}
.ableft img:last-child{margin-bottom: 0;}
.ableft img.active{border-color: #EB6830;}
.ableft img:hover{border-color: #EB6830;}
.abcon{float: left;width: 375px;height: 500px;margin-right: 100px;}
.abconter{width: 100%;}
.abconter ul li{width: 100%;}
.abconter ul li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.abright{float: left;width: 625px;}
.abright .title{margin-bottom: 72px;}
.abright .title h4{text-transform: none;text-align: left;top: 0;}
.abright .title h5{text-align: left;padding-top: 40px;box-sizing: border-box;}
.abrightcon{width: 100%;margin-bottom: 80px;}
.abrightconlist{width: 100%;display: none;}
.abrightconlist:first-child{display: block;}
.abrightconlist h5{font-size: 20px;color: #333;font-weight: 600;margin-bottom: 22px;}
.abrightconlist h5 span{font-size: 14px;color: #333;font-weight: 400;margin-left: 10px;}
.abrightconlistext{width: 100%;}
.abrightconlistext p{font-size: 14px;color: #666;line-height: 26px;font-weight: 400;}
.abhonornext{width: 56px;height: 56px;cursor: pointer;background: url(../images/left.png) center no-repeat !important;border-radius: 50%;
position: static;z-index: 100;float: left;}
.abhonorprev{width: 56px;height: 56px;cursor: pointer;background: url(../images/right.png) center no-repeat !important;border-radius: 50%;
position: static;z-index: 100;float: left;margin-left: 32px;}
.aboutpageser{display: none;}
.abouthonor{width: 100%;padding: 56px 0;box-sizing: border-box;}
.abouthonorcon{width: 100%;}
.abouthonorlist{width: 100%;}
.abouthonorlist ul li{float: left;width: 378px;margin-right: 33px;margin-bottom: 56px;}
.abouthonorlist ul li:nth-child(3n){margin-right: 0;}
.abouthonorlist ul li a{display: block;width: 100%;}
.abouthonorlistimg{width: 100%;height: 252px;margin-bottom: 20px;}
.abouthonorlistimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.abouthonorlist ul li a p{font-size: 16px;color: #333;font-weight: 500;text-align: center;line-height: 22px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutmore{display: block;width: 235px;height: 50px;border-radius: 25px;border: 1px solid #EB6830;margin: 10px auto 0;
text-align: center;line-height: 48px;font-size: 14px;color: #EB6830;transition:.3s;box-sizing: border-box;}
.aboutmore:hover{color: #fff;background: #EB6830;}
.corefirst{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.corefirstcon{width: 100%;}
.coretitle{width: 100%;margin-bottom: 44px;}
.coretitle h4{font-size: 24px;color: #333;font-weight: 600;position: relative;
padding-left: 24px;box-sizing: border-box;}
.coretitle h4::before{content: '';width: 16px;height: 24px;background: #EB6830;position: absolute;
top: 50%;left: 0;transform: translateY(-50%);}
.corefirstconter{width: 100%;}
.corefirstconter ul li{width: 100%;margin-bottom: 60px;}
.corefirstconter ul li:last-child{margin-bottom: 0;}
.corefirstitle{font-size: 18px;font-weight: 500;margin-bottom: 16px;}
.corefirstconter ul li p{font-size: 14px;color: #666;line-height: 26px;}
.coretwo{width: 100%;padding: 100px 0;box-sizing: border-box;background: #F2F2F2;}
.coretwocon{width: 100%;}
.coretwoconter{width: 100%;}
.corelfet{float: left;width: 700px;margin-right: 80px;height: 500px;}
.corelfet img{display: block;width: 100%;height: 100%;object-fit: cover;}
.coreright{float: right;width: 420px;height: 500px;overflow-y: auto;padding-right: 16px;box-sizing: border-box;}
.corerightext{width: 100%;}
.corerightext p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 20px;}
.corethree{width: 100%;padding: 100px 0;box-sizing: border-box;background: #F2F2F2;}
.corethreecon{width: 100%;}
.corethreeconter{width: 100%;position: relative;}
.corethreelist{width: 100%;}
.corethreelistimg{width: 100%;height: 252px;margin-bottom: 20px;}
.corethreelistimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.corethreelist ul li p{font-size: 16px;color: #333;font-weight: 500;text-align: center;line-height: 22px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honornextcore,.honorprevcore{top: 50%;}
.corefirstfield{background: #F2F2F2;}
.corefore{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.coreforecon{width: 100%;}
.coreforeconter{width: 100%;}
.coleft{float: left;width: 210px;padding-right: 60px;box-sizing: border-box;}
.coleft ul li{width: 100%;margin-bottom: 45px;}
.coleft ul li a{display: block;font-size: 20px;color: #333;font-weight: 500;transition:.3s;}
.coleft ul li:hover a{color: #EB6830;}
.coleft ul li.active a{color: #EB6830;}
.coright{float: right;width: calc(100% - 270px);border-left: 2px solid #D8D8D8;box-sizing: border-box;
padding-left: 60px;}
.corightlist{width: 100%;display: none;padding-top: 5px;box-sizing: border-box;}
.corightlist:first-child{display: block;}
.cotitled{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 24px;}
.corightlistest{width: 100%;}
.corightlistest p{font-size: 14px;color: #666;font-weight: 400;line-height: 26px;margin-bottom: 32px;}
.corightlistest p:last-child{margin-bottom: 0;}
.corightlistest p img{display: block;max-width: 100%;}
.contact{width: 100%;padding: 80px 0;background: #fff;box-sizing: border-box;}
.contactfirst{width: 100%;}
.contactfirstcon{width: 100%;margin-bottom: 60px;}
.cotactitle{font-size: 32px;color: #1F2329;font-weight: 500;margin-bottom: 34px;}
.contactfirstconter{width: 100%;background: linear-gradient(270deg, #FFFFFF 0%, #EB6830 100%);
padding: 16px 60px 10px 32px;box-sizing: border-box;}
.conleft{float: left;}
.conleft h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 6px;}
.conleft h4{font-size: 40px;color: #fff;font-weight: 400;line-height: 40px;margin-bottom: 38px;}
.conleft p{font-size: 16px;color: #fff;font-weight: 400;line-height: 32px;}
.conright{float: right;}
.conright img{display: block;max-width: 160px;margin-bottom: 12px;}
.conright p{font-size: 14px;color: #525866;font-weight: 400;text-align: center;}
.contactbut{width: 100%;position: relative;}
.contactbut img{display: block;width: 100%;height: 400px;object-fit: cover;}
.contexted{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 95px 76px;box-sizing: border-box;}
.contexted h4{font-size: 32px;color: #fff;font-weight: 500;margin-bottom: 26px;}
.contexted p{font-size: 14px;color: #fff;font-weight: 400;margin-bottom: 60px;line-height: 20px;
max-width: 420px;}
.contexted a{display: block;width: 154px;height: 48px;background: #089CFD;border-radius: 2px;
text-align: center;line-height: 48px;font-size: 14px;color: #fff;}
.join{width: 100%;padding: 100px 0;box-sizing: border-box;position: relative;}
.joinlimg{position: absolute;top: 0;left: 0;}
.joinlimg img{display: block;max-width: 100%;}
.joinrimg{position: absolute;bottom: 0;right: 0;}
.joinrimg img{display: block;max-width: 100%;}
.joincon{width: 100%;}
.jointitle{width: 100%;position: relative;padding-left: 26px;box-sizing: border-box;margin-bottom: 56px;}
.jointitle::before{content: '';width: 6px;height: 58px;background: #EB6830;position: absolute;
top: 50%;left: 0;transform: translateY(-50%);}
.jointitle h4{font-size: 24px;color: #292C33;font-weight: bold;margin-bottom: 12px;}
.jointitle p{font-size: 14px;color: #666;font-weight: 400;margin-bottom: 12px;}
.joinlist{width: 100%;}
.joinlist ul li{width: 100%;border-radius: 2px;box-shadow: 0px 6px 18px 0px rgba(181,214,235,0.35);
background: #fff;margin-bottom: 24px;transition:.3s;}
.joinlist ul li:last-child{margin-bottom: 0;}
.joinup{width: 100%;height: 80px;line-height: 78px;cursor: pointer;
border-radius: 2px 2px 0 0;transition:.3s;padding: 0 40px;box-sizing: border-box;}
.joinupleft{float: left;}
.joinupleft h5{font-size: 18px;color: #292C33;font-weight: 500;margin-right: 24px;display: inline-block;transition:.3s;}
.joinuptext{display: inline-block;}
.joinuptext span{display: inline-block;font-size: 14px;color: #292C33;position: relative;
margin-right: 20px;transition:.3s;}
.joinuptext span:last-child{margin-right: 0;}
.joinuptext span::before{content: '';width: 1px;height: 14px;background: #292C33;position: absolute;
top: 50%;right: -12px;transform: translateY(-50%);transition:.3s;}
.joinuptext span:last-child::before{display: none;}
.joinup i{float: right;width: 9px;height: 16px;transition:.3s;
background: url(../images/rs.png) center no-repeat;margin-top: 34px;}
.joinbut{width: 100%;padding: 0 40px;box-sizing: border-box;display: none;}
.joinbuted{width: 100%;padding: 28px 0 20px 0;box-sizing: border-box;border-top: 1px solid #999;}
.joinbutitle{width: 100%;margin-bottom: 16px;}
.joinbutitle h5{font-size: 16px;color: #292C33;font-size: 500;margin-bottom: 12px;}
.joinbutitle i{display: block;width: 24px;height: 4px;background: #EB6830;}
.joinbutconter{width: 100%;}
.joinbutconter p{font-size: 14px;color: #666;line-height: 30px;}
.joinlist ul li.active .joinup{background: #EB6830;}
.joinlist ul li.active .joinupleft h5{color: #fff;}
.joinlist ul li.active .joinuptext span{color: #fff;}
.joinlist ul li.active .joinuptext span::before{background: #fff;}
.joinlist ul li.active .joinup i{background: url(../images/rs1.png) center no-repeat;
transform: rotate(90deg);}
.new{width: 100%;padding: 56px 0 80px 0;box-sizing: border-box;background: #fff;}
.newcon{width: 100%;}
.newnaved{width: 100%;margin-bottom: 40px;}
.newnaved ul{display: table;margin: 0 auto;}
.newnaved ul li{float: left;margin-right: 12px;}
.newnaved ul li:last-child{margin-right: 0;}
.newnaved ul li a{display: block;min-width: 112px;height: 40px;text-align: center;
line-height: 40px;border-radius: 20px;background: #F3F3F3;font-size: 16px;color: #666;transition:.3s;}
.newnaved ul li:hover a{color: #fff;background: #EB6830;}
.newnaved ul li.active a{color: #fff;background: #EB6830;}
.newlist{width: 100%;}
.newlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 40px;}
.newlist ul li:nth-child(3n){margin-right: 0;}
.newlist ul li:nth-child(1){width: 66%;}
.newlist ul li:nth-child(2){margin-right: 0;}
.newlist ul li:nth-child(3){margin-right: 2%;}
.newlist ul li:nth-child(5){margin-right: 0%;}
.newlist ul li:nth-child(6){margin-right: 2%;}
.newlist ul li:nth-child(8){margin-right: 0%;}
.newlist ul li a{display: block;width: 100%;}
.newlistimg{display: block;width: 100%;height: 250px;overflow: hidden;position: relative;}
.newlistimg img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.3s;}
.newlistimg span{position: absolute;top: 0;left: 0;text-align: center;line-height: 40px;
height: 40px;padding: 0 16px;box-sizing: border-box;font-size: 16px;color: #fff;
background: rgba(0,0,0,0.6);}
.newtext{width: 100%;padding: 32px 0 0 0;box-sizing: border-box;}
.newtext h5{font-size: 18px;color: #333;font-weight: 500;transition:.3s;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;margin-bottom: 16px;}
.newtext p{font-size: 14px;color: #646A73;font-weight: 400;transition:.3s;height: 60px;margin-bottom: 32px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 20px;}
.newtext span{display: block;width: 96px;text-align: center;line-height: 30px;font-size: 12px;color: #525866;
height: 32px;border-radius: 2px;border: 1px solid #B3B3B3;box-sizing: border-box;transition:.3s;}
.newlist ul li:hover .newlistimg img{transform: scale(1.1);}
.newlist ul li:hover .newtext h5{color: #EB6830;}
.newlist ul li:hover .newtext span{color: #EB6830;border-color: #EB6830;}
.newfirst{width: 100%;height: 446px;overflow: hidden;position: relative;}
.newfirst span{position: absolute;top: 0;left: 0;text-align: center;line-height: 40px;
height: 40px;padding: 0 16px;box-sizing: border-box;font-size: 16px;color: #fff;
background: rgba(0,0,0,0.6);}
.newfirst img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.3s;}
.newtextbut{width: 100%;position: absolute;bottom: 0;left: 0;padding: 24px 32px;box-sizing: border-box;}
.newtextbut h5{font-size: 18px;color: #fff;font-weight: 500;overflow: hidden;margin-bottom: 16px;
white-space: nowrap;text-overflow: ellipsis;}
.newtextbut p{font-size: 14px;color: #fff;font-weight: 400;transition:.3s;max-height: 40px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 20px;}
.newlist ul li:hover .newfirst img{transform: scale(1.1);}
.scrpage{width: 100%;padding: 0;box-sizing: border-box;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 8px 14px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;}
.scrpage ul .active a{border-color: #EB6830;background: #EB6830;color: #fff;}
.scrpage ul li:hover a{border-color: #EB6830;background: #EB6830;color: #fff;}