/*
 *  style.css by 453883682@qq.com
 */

.banner{  position: relative; height: 100vh;}
.ban-swiper{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.ban-swiper .swiper-slide,
.ban-swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.ban-swiper .swiper-slide{ overflow: hidden; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.ban-img{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.ban-img::before,
.ban-img::after{ display: block; content: ""; position: absolute; z-index: 1;}
.ban-img::before{ left: 0; top: 0; width: 100%; height: 50%; background: linear-gradient(to bottom,rgba(16,19,44,.5) 0%, rgba(0,0,0,0));}
.ban-img::after{ left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: .4;}
.ban-img .img-bg{ width: 100%; height: 100%; transform: scale(1.1); transition: all 1s;}
.ban-img .mobile{ display: none;}
.ban-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.ban-text .container{ max-width: 1230px;}
.ban-tit{ line-height: 0.8; margin: .6rem 0; font-family: Arial; font-weight: 600; font-family: '宋体'; text-shadow: 0px 5px 10px rgba(24,16,16,0.2);}
.ban-tit + .ban-tit{ text-indent: 1.5em;}
.ban-tit:first-child{ padding-left: .24rem;}
.ban-tit:first-child::before{ display: block; content: ""; width: .07rem; height: 80%; background-color: var(--main-color); position: absolute; left: 0; top: 10%;}
.ban-en{ text-transform: uppercase; margin: .2rem 0; max-width: 776px;}
.ban-line{ display: block; width: 100%; max-width: 4.08rem;}
.ban-line span{ display: block; width: 100%; height: 3px; max-height: .04rem; background-color: #FFFFFF; margin: .2rem 0;}
.ban-des{ max-width: 642px; line-height: 2; margin-bottom: .3rem;}
.ban-btn{ display: flex; align-items: center; justify-content: space-between; width: fit-content; min-width: 2.3rem; line-height: 47px; padding: 0 .25rem; background-color: var(--red-color); border-radius: 24px; transition: all .3s;}
.ban-btn span{ padding: 0 5px; padding-right: .4rem;}
.ban-btn i{ position: relative; display: block; width: 5px; height: 5px; background-color: #FFFFFF; border-radius: 50%; transition: all .3s;}
.ban-btn i::before,
.ban-btn i::after{ display: block; content: ""; position: absolute; transition: all .3s;}
.ban-btn i::before{ width: 17px; height: 17px; border-radius: 50%; border: 1px solid #FFFFFF; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ban-btn i::after{ width: .5rem; height: 1px; background-color: #FFFFFF; right: 0; top: 50%; transform: translateY(-50%);}
.ban-btn:hover{ background-color: var(--main-color);}
.ban-btn:hover i{ margin-right: 20px;}
.ban-btn:hover i::before{ width: 22px; height: 22px;}
.ban-btn:hover i::after{ transform: translateX(100%) scaleX(0.6); transform-origin: left center;}
.ban-swiper .swiper-slide-active .ban-img .img-bg{ transform: scale(1); transition: all 6s;}
.ban-page{ position: absolute; left: 0; right: 0; bottom: .4rem; line-height: 1; z-index: 2;}
.ban-page .swiper-pagination{ text-align: left; margin: 0 .1rem;}
.ban-page .swiper-pagination-bullet{ display: block; position: relative; width: 12px; height: 12px; max-width: .2rem; max-height: .2rem; border-radius: 50%; background: #FFFFFF; border: none; opacity: 1; margin: 0 .1rem;}
.ban-page .swiper-pagination-bullet svg{ position: absolute; left: -5px; top: -5px; width: 22px; height: 22px;}
.ban-page .swiper-pagination-bullet-active{ background-color: #FFFFFF;}
.ban-page .swiper-pagination-bullet-active .path-loop{ animation: pageCircle 6s linear 1;}
.ban-prev i,
.ban-next i{ display: block;}
.ban-mouse{ position: relative; width: 16px; height: 20px; border: 2px solid #FFFFFF; border-radius: 6px; margin-left: auto;}
.ban-mouse i{ display: block; width: 2px; height: 4px; background-color: #FFFFFF; position: absolute; left: 50%; margin-left: -1px; top: 15%; animation: inArrow 2s linear infinite;}
.ban-page-num{ line-height: 1; margin-top: .3rem; font-family: 'DINPro-Bold';}
.path-loop{ fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; stroke-dashoffset: 157px;}

.box-bg{ position: relative; background-color: #FFFFFF; overflow: hidden; z-index: 1;}
.box1{ min-height: 100vh; padding: 1.2rem 0;}
.box1-left{ flex-shrink: 0; width: 54%; max-width: 710px; margin-right: .4rem;}
.box1-text{ line-height: 1.875; margin: .5rem 0; word-wrap: break-word; word-break: break-all; text-align: justify; hyphens: manual;}
.box1-list{ position: relative; margin: .5rem -.5rem;}
.box1-list::before{ display: block; content: ""; width: 200vw; height: 1px; background-color: #BFBFBF; position: absolute; left: -150%; top: 50%;}
.box1-list li{ padding: 0 .5rem;}
.box1-item{ position: relative; width: 128px; height: 128px; max-width: 1.5rem; max-height: 1.5rem; background: #ECECEC; border-radius: 50%; z-index: 1; cursor: pointer;}
.box1-item::before,
.box1-item::after{ display: none; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(70deg, var(--red-color), var(--org-color)); border-radius: 50%; z-index: -1;}
.box1-icon img{ display: block; height: 57px; max-height: .6rem; margin: 0 auto .1rem;}
.box1-icon img:nth-child(2){ display: none;}
.box1-list li.active .box1-item{ background: linear-gradient(70deg, var(--red-color), var(--org-color));}
.box1-list li.active .box1-item::before{ display: block;; animation: aniScale 3s linear infinite;}
.box1-list li.active .box1-item::after{ display: block; animation: aniScale 6s linear infinite;}
.box1-list li.active .box1-icon img:nth-child(1){ display: none;}
.box1-list li.active .box1-icon img:nth-child(2){ display: block;}
.box1-list li.active .box1-title{ color: #FFFFFF;}
.box1-right{ width: 44%; max-width: 692px;}
.box1-circle{ position: relative;}
.box1-circle-img{ position: relative; border-radius: 50%; background-color: #FFFFFF;}
.box1-circle-img img{ width: 100%; height: 100%; animation: aniCircle 50s linear infinite;}
.box1-circle-img img:nth-child(2){ position: absolute; left: 0; top: 0; right: 0; bottom: 0; animation-name: aniCircle2;}
.box1-img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 76.3%; height: 76.3%; border-radius: 50%;}
.box1-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%;}
.box1-dot{ position: absolute; left: 12%; top: 12%; width: 76%; height: 76%; animation: aniCircle2 30s linear infinite;}
.box1-dot i{ display: block; width: 25px; height: 25px; max-width: .3rem; max-height: .3rem; background: linear-gradient(70deg, var(--red-color),var(--org-color)); border-radius: 50%;}
.box1-dot2{ animation-duration: 10s;}
.box1-dot3{ animation-duration: 15s;}
.box1-dot2 i{ margin-left: auto;}
.box1-dot3 i{ margin-top: 94%;}
.box1-dot4{ width: 58%; height: 58%; left: 21%; top: 21%; animation-duration: 20s;}

.box2-bg{ position: relative; padding: .9rem 0; background: url(../images/box2-bg.png); z-index: 1;}
.box2-text{ line-height: 1.8; margin: .4rem 0 .65rem;}
.box2-list{ background: rgba(222,225,229,0.61); border-radius: .1rem;}
.box2-list li{ width: 14.28%;}
.box2-link{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 2.04rem; padding: .15rem; z-index: 1;}
.box2-link::after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: linear-gradient(70deg, var(--red-color), var(--org-color)); z-index: -1; transition: all .4s linear;}
.box2-icon{ position: relative; width: 64px; height: 64px; max-width: .8rem; max-height: .8rem; margin: 0 auto .1rem;}
.box2-icon .hover{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .3s;}
.box2-title{ min-height: 48px; line-height: 24px; font-weight: normal;}
.box2-arrow{ display: block; width: 29px; height: 29px; max-width: .4rem; max-height: .4rem; line-height: 29px; background: #CFA972; border-radius: 50%; border: 1px solid #FFFFFF; text-align: center; color: #FFFFFF; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); opacity: 0; visibility: hidden; margin-bottom: 10px; transition: all .3s linear;}
.box2-link:hover::after{ height: 100%;}
.box2-link:hover .box2-icon .defalut,
.box2-link:hover .box2-icon .default{ opacity: 0; visibility: hidden;}
.box2-link:hover .box2-icon .hover{ opacity: 1; visibility: visible; transition: all .4s linear .1s;}
.box2-link:hover .box2-title{ color: #FFFFFF; transition: all .3s linear .2s;}
.box2-link:hover .box2-arrow{ opacity: 1; visibility: visible; margin-bottom: 0; transition: all .3s linear .2s;}
.box2-list li:nth-child(1) .box2-link::after{ border-radius: .1rem 0 0 0;}
.box2-list li:nth-child(7) .box2-link::after{ border-radius: 0 .1rem 0 0;}
.box2-list li:nth-child(8) .box2-link::after{ border-radius: 0 0 0 .1rem;}
.box2-list li:nth-child(14) .box2-link::after{ border-radius: 0 0 .1rem 0;}


.box3-bg{ background-color: #FFFFFF; overflow: hidden;}
.box3-left{ flex-shrink: 0; width: 220px; margin-right: 3%; padding: .8rem 0; border-right: 1px solid rgb(124, 124, 124, .2);}
.box3-tab{ color: #979797; margin: .44rem 0 1rem; border-bottom: 1px solid rgb(124, 124, 124, .2);}
.box3-tab li{ position: relative; border-top: 1px solid rgb(124, 124, 124, .2); cursor: pointer;}
.box3-tab li::before{ display: block; content: ""; position: absolute; left: 0; top: -1px; width: 0; height: 2px; background-color: var(--main-color); transition: all .3s;}
.box3-tab li span{ position: relative; display: block; line-height: 1.2; padding: .24rem 0; transition: all .3s;}
.box3-tab li i{ position: absolute; right: 0; top: 50%; margin-top: -11px; margin-right: -11px; width: 22px; height: 22px; line-height: 22px; font-size: 14px; color: #FFFFFF; background: #DCDCDC; border-radius: 50%; text-align: center;}
.box3-tab li.active::before{ width: 60px; max-width: 1rem;}
.box3-tab li:hover span,
.box3-tab li.active span{ color: var(--main-color);}
.box3-tab li.active i{ background-color: #CFA972;}
.box3-right{ flex: auto; max-width: 1130px; padding: .4rem 0 .8rem; overflow: hidden;}
.box3-item{ display: none;}
.box3-list{ margin: 0 -.18rem;}
.box3-list li{ width: 50%; padding: 0 .18rem; margin-top: .3rem;}
.box3-link{ position: relative; height: 100%; padding: .1rem .35rem; background-color: rgba(233, 233, 233, .37); border-radius: .1rem; z-index: 1;}
.box3-link::after{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(70deg, var(--red-color), var(--org-color)); z-index: -1; opacity: 0; visibility: hidden; transition: all .4s linear;}
.box3-title{ line-height: 1.4; margin: .2rem 0;}
.box3-con{ height: 48px; line-height: 24px; margin: .2rem 0 .24rem; -webkit-line-clamp: 2;}
.box3-time{ color: #A4A4A4; border-top: 1px solid #AAAAAA;}
.box3-time span{ line-height: 48px; border-top: 1px solid var(--main-color); margin-top: -1px;}
.box3-logo{ position: absolute; left: .13rem; right: .13rem; top: .15rem; bottom: .15rem; max-width: 175px; height: calc(100% - .3rem); margin-left: auto; background: url(../images/box3-logo.png) right center no-repeat; background-size: contain; transform: scale(0); transform-origin: right center; transition: all .3s;}
.box3-link:hover::after{ opacity: 1; visibility: visible;}
.box3-link:hover .box3-title{ color: #FFFFFF;}
.box3-link:hover .box3-con{ color: #FFFFFF;}
.box3-link:hover .box3-time{ color: #FFFFFF; border-top-color: #FFFFFF;}
.box3-link:hover .box3-time span{ color: #FFFFFF; border-top-color: #FFFFFF;}
.box3-link:hover .box3-logo{ transform: scale(1);}

.box4-bg{ position: relative; z-index: 1; overflow: hidden;}
.box4-bg::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/box4-bg.png) center center no-repeat; background-size: cover; z-index: -1;}
.box4-bg::before{ display: block; content: ""; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background: linear-gradient(70deg, var(--red-color), var(--org-color));z-index: -2;}
.box4{ min-height: 3.71rem; padding: .6rem 0;}
.box4-con{ width: 100%;}
.box4-title{ margin: .2rem 0;}
.box4-des{ margin: .25rem 0 .5rem;}
.box4-btn{ margin: .2rem -.11rem;}
.box4-btn li{ position: relative; max-width: 50%; padding: 0 .11rem;}
.box4-btn li a{ display: block; width: 174px; line-height: 25px; padding: .1rem; max-width: 2rem; border-radius: .4rem; background-color: #FFFFFF; color: var(--main-color);}
.box4-btn li a i{ margin-left: 10px;}
.box4-btn .icon-wechat{ display: inline-block; vertical-align: middle; width: 24px; height: 20px; background: url(../images/icon-wechat.png) center center no-repeat; background-size: contain;}
.box4-wechat{ position: absolute; left: 50%; margin-left: -80px; bottom: 100%; width: 160px; padding: 5px; margin-bottom: 16px; background-color: #FFFFFF; border-radius: 4px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all .3s;}
.box4-wechat::before{ display: block; content: ""; position: absolute; left: 50%; margin-left: -6px; top: 100%; border-top: 8px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.box4-wechat img{ width: 100%; height: auto;}
.box4-btn li:hover .box4-wechat{ opacity: 1; visibility: visible; transform: translateY(0);}


.about-title{ color: #C81428; line-height: 1.6; margin-bottom: .3rem; font-family: '宋体';}
.about-text{ line-height: 1.8;}
.about-des{ max-width: 1380px; line-height: 1.8; margin: .3rem auto;}
.about1-bg{ padding: 1.3rem 0; overflow: hidden;}
.about1-left{ flex-shrink: 0; width: 45%; max-width: 557px;}
.about1-text{ line-height: 1.8;}
.about1-right{ flex: auto; max-width: 707px; margin-left: 3%; overflow: hidden;}
.about-video{ width: 100%;}
.about-video img{ display: block; width: 100%;}

.about2-bg{ position: relative; padding: .8rem 0; background-color: #F3F3F3; overflow: hidden;}
.honor-swiper{ position: relative; margin: .6rem 0;}
.honor-item{ padding: .2rem;}
.honor-img{ padding-bottom: 68%;}
.honor-title{ max-width: 90%; min-height: 60px; line-height: 30px; margin: .1rem 0; text-align: center;}

.about3-bg{ position: relative; padding: 0.8rem 0; background: url(../images/about3-bg.png) center center no-repeat; background-size: cover; overflow: hidden;}
.env-swiper{ position: relative; margin: .6rem 0;}
.env-swiper .swiper-slide{ width: 76.8%; max-width: 1106px; margin: 0 auto; background-color: #000000;}
.env-img{ padding-bottom: 56.15%; opacity: .7; transition: all .3s;}
.env-swiper .swiper-slide-active .env-img{ opacity: 1;}

.fieldBg{ background: url(../images/field-bg.png) center top #F8F8F8 no-repeat; background-size: 100% auto;}
.field{ padding: .9rem 0 1rem;}
.field-left{ width: 30%; max-width: 334px; padding-right: 2%; border-left: 1px solid #888888;}
.field-sort{}
.field-sort li{ position: relative;}
.field-sort li::before{ display: block; content: ""; position: absolute; left: -.03rem; top: 0; width: .04rem; height: 0%; background-color: #C81428; transition: all .3s;}
.field-sort li + li::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right,#d7d8d8,rgba(255,255,255,0));}
.field-sort li a{ position: relative; display: block; color: #333333; line-height: 34px; padding: .15rem; transition: all .3s;}
.field-sort li a img{ max-width: 27px; max-height: 27px; margin: 0 .15rem;}
.field-sort li a:hover,
.field-sort li.active a{ color: #C81428;}
.field-sort li.active::before{ height: 100%;}
.field-right{ flex: auto; padding: .5rem .7rem; background-color: #FFFFFF; overflow: hidden;}
.field-title{ color: #C81428; margin-bottom: .4rem; font-family: '宋体';}
.field-text{ line-height: 1.8; margin: .4rem 0;}
.field-case{ border-top: .04rem solid #C03332; margin-top: .7rem; margin-bottom: .4rem; padding-top: .4rem;}
.field-case-title{ margin: .1rem 0; color: #CD3646; font-family: '宋体';}
.field-case-list{ list-style: none; margin: .1rem 0;}
.field-case-list li{ position: relative; line-height: 34px; padding: .15rem 0; padding-left: 17px; border-bottom: 1px solid #BFBFBF;}
.field-case-list li::before{ display: block; content: ""; position: absolute; left: 4px; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: #666666;}
.field-case-list li span{ float: right;}
.field-case-list li a{ color: #666666; transition: all .3s;}
.field-case-list li a:hover{ color: var(--main-color);}

.team{ padding: .2rem 0;}
.team-form{ position: relative; margin: .5rem 0; z-index: 1;}
.team-form-list li{ flex: auto; padding: 0 .05rem;}
.team-form-list li:last-child{ flex: none; flex-shrink: 0;}
.team-form-list .layui-input,
.team-input{ display: block; width: 100%; height: 55px; line-height: 35px; padding: 10px; border: 1px solid #CECECE; border-radius: 5px;}
.team-btn{ width: 133px; height: 55px; background: linear-gradient(70deg, var(--red-color), var(--org-color)); border-radius: 5px; border: none; color: #FFFFFF; cursor: pointer;}
.team-btn img{ margin-right: 10px;}
.team-form-list .layui-form-select dl{ top: 55px;}
.team-form-list .layui-form-selectup dl{ bottom: 55px;}
.team-form-list .layui-form-select dl dd.layui-this{ background-color: var(--main-color);}
.team-list{ list-style: none; margin: .5rem -.18rem 0;}
.team-list li{ width: 50%; padding: 0 .18rem; margin-bottom: .32rem;}
.team-link{ position: relative; height: 100%; background-color: #FFFFFF; border-radius: 3px; overflow: hidden;;}
.team-img{ flex-shrink: 0; width: 50%;}
.team-img .img-bg{ height: 100%;}
.team-text{ position: relative; flex: auto; padding: .85rem .4rem;}
.team-title{ line-height: 1.2; font-family: '宋体'; font-weight: bold;}
.team-title-en{ color: #CA2C3A;}
.team-line{ display: block; width: 100%; height: 1px; background-color: #B5B5B5; margin: .15rem 0;}
.team-con{ height: 120px; line-height: 30px; margin: .3rem 0; -webkit-line-clamp: 4;}
.team-more{ color: #C81428; font-weight: bold;}
.team-logo{ position: absolute; left: .4rem; right: .4rem; top: .4rem; bottom: .4rem; background: url(../images/team-logo.png) center center no-repeat; background-size: contain; opacity: 0; visibility: hidden; transform: scale(0.4); transition: all .4s linear;}
.team-bot{ position: absolute; left: 50%; bottom: 0; width: 0; height: 8px; max-height: .1rem; background: linear-gradient(70deg, var(--red-color), var(--org-color)); transition: all .5s linear;}
.team-link:hover .team-logo{ opacity: 1; visibility: visible; transform: scale(1);}
.team-link:hover .team-bot{ left: 0; width: 100%;}

.team-top-bg{ background: url(../images/team-top-bg.png) center center no-repeat; background-size: cover;}
.team-top-left{ flex-shrink: 0; width: 480px; margin-right: 3%;}
.team-top-con{ width: 100%;}
.team-top-name{ line-height: 1.2; margin-bottom: .2rem;}
.team-top-name i{ font-style: normal; font-family: '宋体';}
.team-top-name span{ font-weight: normal;}
.team-top-des{ margin: .2rem 0; line-height: 1.8;}
.team-top-des p:nth-child(1){ font-size: 120%; margin-bottom: .1rem;}
.team-top-line{ width: 100%; height: 1px; background-color: var(--main-color); margin: .2rem 0;}
.team-top-contact{ list-style: none; margin: .2rem 0;}
.team-top-contact p{ margin: .15rem 0;}
.team-top-contact p img{ flex-shrink: 0; width: 20px; height: 20px; margin-right: .1rem;}
.team-top-contact p span,
.team-top-contact p a{ flex: auto; color: #999999; overflow: hidden;;}
.team-top-right{ flex: auto; overflow: hidden;}
.team-top-right img{ display: block; width: 100%; max-width: 5.44rem; margin: 0 auto;}

.team-box{ padding: .8rem 0 1.2rem;}
.team-left{ float: left; position: sticky; position: -webkit-sticky; top: 100px; width: 250px; margin-right: 3%;}
.team-collapse{ width: 40px; height: 40px; line-height: 40px; border-radius: 4px; background-color: var(--main-color); text-align: center; cursor: pointer; display: none;}
.team-sort{ display: block; border-left: 1px solid #888888;}
.team-sort li{ padding: 0;}
.team-sort li a{ padding: .2rem 0;}
.team-sort li a::before{ height: 100%; left: -4px !important; top: 0;}
.team-sort li.active a::before{ width: 7px;}
.team-right{ max-width: 860px; overflow: hidden; margin: 0 auto;}
.team-right .team-title{ color: #C81428;}
.team-item{ padding: .3rem 0; border-bottom: 2px solid #C81428;}
.team-item:last-child{ padding-bottom: 0; border: none;}
.team-info{ line-height: 1.6; margin: .3rem 0 0;}
.team-info p{ margin: .1rem 0;}
.team-info ul{ margin-left: 15px;}
.team-info ul li{ list-style: disc;}

.news-bot-bg{ background: url(../images/news-bot-bg.png) center center fixed no-repeat; background-size: cover;}
.news-bot{ padding: .2rem 0;}
.news-bot-title{ line-height: 1.2; margin: .6rem 0; font-family: '宋体';}
.news-bot-swiper{ margin: .6rem 0;}
.news-bot-swiper .box3-link{ background-color: #FFFFFF; border-radius: .1rem;}
.news-bot-swiper .box3-title{ height: 48px; line-height: 24px; -webkit-line-clamp: 2;}
.news-bot-swiper .box3-time{ border-top-color: var(--main-color); color: var(--main-color);}

.research-bg{ position: relative; padding: .5rem 0; overflow: hidden;}
.research-list{ margin: 0 0 .5rem;}
.research-list li{ position: relative;}
.research-list li::after{ display: block; content: ""; position: absolute; left: .4rem; right: .4rem; height: 1px; background-color: rgba(153, 153, 153, .5);}
.research-link{ position: relative; padding: .3rem .4rem; z-index: 1;}
.research-time{ flex-shrink: 0; min-width: 14%; padding-right: 2%;}
.research-time p{ transition: all .3s linear;}
.research-time i{ display: block; width: 2px; height: .3rem; background-color: #666666; transform: skewX(-15deg); margin: 0 .1rem; transition: all .3s linear;}
.research-time span{ display: block;}
.research-text{ flex: auto; overflow: hidden;}
.research-title{ margin: .1rem 0 .2rem; transition: all .3s linear;}
.research-con{ line-height: 1.625; margin: .1rem 0; transition: all .3s linear;}
.research-hover{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: linear-gradient(70deg, #A22146, #D43E25); z-index: -1; transition: all .3s linear;}
.research-link:hover .research-time p{ color: #FFFFFF;}
.research-link:hover .research-time i{ background-color: #FFFFFF;}
.research-link:hover .research-title{ color: #FFFFFF;}
.research-link:hover .research-con{ color: #FFFFFF;}
.research-link:hover .research-hover{ height: 100%;}

.book-list{ list-style: none; margin: 0 -.3rem;}
.book-list li{ width: 50%; padding: .25rem .3rem;}
.book-link{ padding: .1rem; background-color: #FFFFFF;}
.book-img{ flex-shrink: 0; width: 50%; overflow: hidden;}
.book-img .img-bg{ padding-bottom: 145.94%; transition: all 1s linear;}
.book-text{ flex: auto; padding: .4rem; padding-right: 0; overflow: hidden;}
.book-title{ line-height: 1.6; margin: .3rem 0; font-weight: normal;}
.book-line{ display: block; height: 1px; background-color: #B5B5B5; margin: .2rem 0; margin-right: .4rem;}
.book-con{ margin: .2rem 0;}
.book-con p{ margin: .1rem 0;}
.book-link:hover .book-img .img-bg{ transform: scale(1.05);}
.book-link:hover .book-title{ color: var(--main-color);}

.welfare-bg{ padding: .8rem 0;}
.welfare-list{ list-style: none;}
.welfare-list li{ width: 50%; padding: 0 .3rem; margin-bottom: .5rem;}
.welfare-link{ height: 100%; background-color: #FFFFFF;}
.welfare-img{ padding-bottom: 56.32%;}
.welfare-text{ padding: 0 .5rem;}
.welfare-title{ line-height: 1.2; margin: .3rem 0; transition: all .3s;}
.welfare-con{ line-height: 1.6; margin: .3rem 0;}
.welfare-more{ max-width: 120px; line-height: 35px; margin: .3rem 0;}
.welfare-link:hover .welfare-img .img-bg{ transform: scale(1.05);}
.welfare-link:hover .welfare-title{ color: var(--main-color);}

.welfare2-bg{ padding: .3rem 0; overflow: hidden;}
.welfare2-list{ margin: 0 0 .6rem;}
.welfare2-list li{ margin-top: .6rem;}
.welfare2-list .research-link{ padding: 0;}
.welfare-left{ flex: auto; border-bottom: 1px solid rgba(153, 153, 153, .5); overflow: hidden;}
.welfare-left .research-time{ flex-shrink: 0; min-width: 23%;}
.welfare-left .research-text{ padding-right: .4rem;}
.welfare-right{ flex-shrink: 0; margin-left: .3rem; width: 25%; max-width: 342px;}
.welfare-right-img{ padding-bottom: 54.97%; border-radius: .08rem;}
.welfare2-list .research-link:hover .research-time i{ background-color: #C81428;}
.welfare2-list .research-link:hover .research-time p,
.welfare2-list .research-link:hover .research-title{ color: #C81428;}
.welfare2-list .research-link:hover .research-con{ color: #999999;}
.welfare2-list .research-link:hover .welfare-right-img .img-bg{ transform: scale(1.05);}

.news-bg{ position: relative; padding: .6rem 0; z-index: 2;}
.news-top{ padding: .3rem 0; margin-bottom: .3rem; border-bottom: 1px solid rgba(51, 51, 51, .4);}
.news-title{ line-height: 1.4; margin: 0 0 .1rem; font-family: '宋体';}
.news-left span + span{ margin-left: .2rem;}
.news-left img{ max-width: 20px; margin-right: 4px; margin-top: -2px;}
.news-text{ line-height: 1.6;}
.news-text img{ display: block; margin: 0 auto;}
.news-share .social-share-icon{ width: 34px; height: 34px; font-size: 16px; color: #FFFFFF; line-height: 34px; background-color: #B5B5B5; border-radius: 50%;}
.news-share .social-share-icon:hover{ color: #FFFFFF; background-color: var(--main-color);}
.news-page{ margin: .3rem 0;}
.news-page a{ color: #333333; line-height: 56px; padding: 0 .4rem; transition: all .3s;}
.news-page a + a{ border-left: 1px solid rgba(51, 51, 51, .33);}
.news-page a img{ max-width: 25px; vertical-align: middle; margin: 0 5px; margin-top: -2px;}
.news-page a:hover{ background-color: var(--main-color); color: #FFFFFF;}
.news-page a:hover img{ filter: brightness(5);}

.join-bg{ position: relative; padding: .6rem 0; overflow: hidden;}
.join2-bg{ background-color: #FFFFFF;}
.join3-bg{ background-color: #F8F8F8;}

.join-title{ line-height: 1.2; margin: .3rem 0; font-family: '宋体';}
.join-text{ line-height: 1.8; margin: .3rem 0;}
.join-text a{ color: #C81428;}

.join2-list{ margin: .2rem -.1rem;}
.join2-list li{ width: 50%; padding: .1rem;}
.join2-item{ position: relative;}
.join2-img{ padding-bottom: 40.85%;}
.join2-img::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #001750; opacity: .4; z-index: 1; transition: all .4s linear;}
.join2-list li:nth-child(1),
.join2-list li:nth-child(2),
.join2-list li:nth-child(3){ width: 33.33%;}
.join2-list li:nth-child(1) .join2-img,
.join2-list li:nth-child(2) .join2-img,
.join2-list li:nth-child(3) .join2-img{ padding-bottom: 64.52%;}
.join2-text{ position: absolute; left: 0; top: 0; width: 92%; height: 100%; z-index: 2;}
.join2-info{ width: 100%; padding: .2rem .4rem;}
.join2-title{ line-height: 1.4; margin-bottom: .1rem;}
.join2-con{ line-height: 1.6;}
.join2-item:hover .join2-img .img-bg{ transform: scale(1.05);}
.join2-item:hover .join2-img::before{ opacity: .6;}

.join3-list{ list-style: none; margin: .3rem 0;}
.join3-list li{ padding: 0 .44rem; margin: .18rem 0; background-color: #FFFFFF;}
.join3-top{ padding: .2rem 0; cursor: pointer;}
.join3-name{ flex: auto; line-height: 34px; background: url(../images/join3-icon.png) left center no-repeat; padding-left: 14px;}
.join3-handle{ flex-shrink: 0; position: relative; width: 30px; height: 30px; background-color: #C81428; margin-left: .1rem; border-radius: 50%;}
.join3-handle::before,
.join3-handle::after{ display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #FFFFFF; transition: all .3s;}
.join3-handle::before{ width: 13px; height: 2px;}
.join3-handle::after{ width: 2px; height: 13px;}
.join3-text{ line-height: 1.6; padding: .3rem 0; border-top: 1px solid #B5B5B5; display: none;}
.join3-text p{ margin: 5px 0;}
.join3-list li.active .join3-handle::after{ transform: translate(-50%, -50%) rotate(90deg);}

.contact-bg{ padding: .8rem 0 1.4rem;}
.con-list li{ width: 50%; padding: .1rem .25rem;}
.con-link{ height: 100%; background-color: #FFFFFF;}
.con-img{ padding-bottom: 58.6%;}
.con-text{ padding: 0 .4rem;}
.con-title{ line-height: 1.4; padding: .3rem 0; border-bottom: 1px solid #B5B5B5; transition: all .3s;}
.con-con{ line-height: 1.6; padding: .3rem 0 .4rem;}
.con-con p{ margin: 5px 0;}
.con-link:hover .con-img .img-bg{ transform: scale(1.05);}
.con-link:hover .con-title{ color: #C81428;}

.build-title{ line-height: 1.4; margin: .3rem 0; font-family: '宋体';}
.build-text{ line-height: 2; margin: .3rem 0;}
.building1-bg{ padding: .2rem 0;}
.build1-top{ margin: .8rem 0;}
.build1-left{ flex: auto; width: 50%; max-width: 720px; overflow: hidden;;}
.build1-right{ width: 45%; max-width: 567px; margin-left: .3rem;}
.build1-right img{ max-width: 100%; height: auto;}
.build1-list{ margin-top: .4rem;}
.build1-item{ position: relative; min-height: 2.47rem; padding: .1rem 1rem .1rem .9rem; border-radius: .1rem .1rem 0 0; background: linear-gradient(to bottom,rgba(0,0,0,0.04),#F8F8F8);}
.build1-num{ position: absolute; right: .67rem; top: .25rem; background: linear-gradient(70deg, #A22146 0%, #D43E25 100%); opacity: 0.1; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: '宋体';}
.build1-title{ line-height: 30px; margin: .24rem 0; background: url(../images/building-icon.png) left 0 no-repeat; padding-left: 38px; margin-left: -38px;}
.build1-text{ line-height: 1.8; margin: .2rem 0 .3rem;}

.building2-bg{ padding: .4rem 0 0.8rem; background: url(../images/building2-bg.png) center center fixed no-repeat; background-size: cover;}
.build2-list{ margin: .3rem -.35rem;}
.build2-list li{ padding: .15rem .35rem;}
.build2-item{ color: #976D06; font-family: '宋体-粗体';}
.build2-leaf1,
.build2-leaf2{ display: block; flex-shrink: 0; width: 44px; height: 88px;}
.build2-leaf1{ background: url(../images/leaf-left.png) left center no-repeat; background-size: contain;}
.build2-leaf2{ background: url(../images/leaf-right.png) right center no-repeat; background-size: contain;}

.pro-bg{ position: relative; padding: .9rem 0; overflow: hidden;}
.pro-title{ line-height: 1.4; margin-bottom: .3rem;; font-family: '宋体';}
.pro-des{ line-height: 1.6; margin-bottom: .3rem;}
.pro1-list{ margin: 0 -.22rem;}
.pro1-list li{ width: 33.33%; padding: .22rem;}
.pro1-img{ padding-bottom: 56.22%;}
.pro1-text{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.pro1-mask{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background-color: rgba(1, 1, 1, .6); transition: all .3s linear;}
.pro1-icon{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 55px; height: 55px; max-width: .6rem; max-height: .6rem; border-radius: 50%; background: url(../images/pro1-icon.png) center center no-repeat; background-size: contain; opacity: 0; visibility: hidden; transition: all .3s linear;}
.pro1-title{ position: absolute; left: 0; bottom: 0; width: 100%; padding: .1rem; font-weight: normal;}
.pro1-link:hover .pro1-mask{ height: 100%; transition: all .5s linear;}
.pro1-link:hover .pro1-icon{ opacity: 1; visibility: visible; transition: all .4s linear .2s;}

.pro2-bg{ background-color: #FFFFFF;}
.pro2-text table{ width: 100%; max-width: 100%;}
.pro2-text table tr th{ font-size: 110%; line-height: 30px; padding: .15rem .1rem; background-color: #C2252B; color: #FFFFFF;}
.pro2-text table th{ border: 1px solid #FFFFFF;}
.pro2-text table td{ line-height: 28px; padding: .1rem; border: 1px solid rgba(0, 0, 0, .2);}
.pro2-text table th:first-child{ border-left: none;}
.pro2-text table th:last-child{ border-right: none;}
.pro2-text table td:first-child{ border-left: none;}
.pro2-text table td:last-child{ border-right: none;}

.pro3-bg{ background: url(../images/pro3-bg.png) center center fixed no-repeat; background-size: cover;}
.pro3-swiper{ margin-bottom: 0;}
.pro3-swiper .swiper-slide{ height: auto;}
.pro3-swiper .honor-item{ height: 100%; background-color: #FFFFFF;}
.pro3-swiper .honor-title{ -webkit-line-clamp: 4;}

.pro4-swiper{ position: relative; margin-top: .6rem;}
.pro4-img{ padding-bottom: 141.3%;}
.pro4-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/pro1-icon.png); background-position: center center; background-repeat: no-repeat; background-size: 12.8% auto; background-color: rgba(0, 0, 0, .67); opacity: 0; visibility: hidden; transform: scale(0.8); transition: all .3s;}
.pro4-title{ line-height: 1.4; padding: .1rem 0; font-weight: normal;}
.pro4-link:hover .pro4-mask{ opacity: 1; visibility: visible; transform: scale(1); transition: all .4s linear;}