/* a:not(.goLogin):not(.noevent){
	pointer-events: none;
} */


@font-face {
    font-family: 'BebasNeue';
    src: url('https://towngasenergy.com/theme/default/font/BebasNeue.otf');
    src:
    url('../font/BebasNeue.woff') format('woff'),
    url('../font/BebasNeue.ttf') format('truetype'),
    url('https://towngasenergy.com/theme/default/font/BebasNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/*全局样式*/
body,html{letter-spacing: 1px;}
body{padding: 0;margin: 0;font-family:'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333; }
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #333; outline:none;}
input[type="submit"],input[type="button"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="button"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 1px;height: 1px;background: #C3C3C3;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #3C3C3C;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.fwb{font-weight: bold;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #276AB1;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #276AB1!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*背景图片*/
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
/*内容从左至右剪裁显示动效*/
.showingLTR{animation: clipLTR 0.8s ease-in-out;-webkit-animation: clipLTR 0.8s ease-in-out;}
@keyframes clipLTR{
	0%{clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipLTR{
	0%{-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/*内容从右至左剪裁显示动效*/
.showingRTL{animation: clipRTL 0.8s ease-in-out;-webkit-animation: clipRTL 0.8s ease-in-out;}
@keyframes clipRTL{
	0%{clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipRTL{
	0%{-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}

.w1800{ max-width: 1800px; width: 90%; margin: 0 auto;}
.w1735{ max-width: 1735px; width: 90%; margin: 0 auto;}
.w1644{ max-width: 1644px; width: 90%; margin: 0 auto;}
.w1520{ max-width: 1520px; width: 90%; margin: 0 auto;}
.w1400{ max-width: 1400px; width: 90%; margin: 0 auto;}
.w1280{ max-width: 1280px; width: 90%; margin: 0 auto;}
.w1600{ max-width: 1600px; width: 90%; margin: 0 auto;}
#page{ background: #fff; overflow: hidden;}

.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 20; border-bottom: 1px rgba(255,255,255,0.3) solid; height: 70px; line-height: 70px; background: #fff;}
.header .box{ height: 100%; padding: 0 2.81%; display: flex; justify-content: space-between; align-items: center;}
.header .logo{position: relative; display: block; height: 100%; width: 220px;}
.header .logo img{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-height: 38px;}
.header .logo img.logo1{opacity: 0;}
.header .logo img.logo2{opacity: 1;}

.header .nav>ul>li{ position: relative; float: left;}
.header .nav>ul>li>a{position: relative; display: block; font-size: 16px; color: #3C3C3C; padding: 0 30px;}
.header .nav>ul>li>a::before{ content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 3px; background: #276AB1; transition: 0.3s;}
.header .nav>ul>li.on>a::before{width: 100%;}
.header .nav>ul>li>a:hover::before{ width: 100%;}
/* .nav .nav-1st > li:hover > a{background-image: linear-gradient(180deg,#007fc5 50%,#054177);color: #fff;} */
.nav .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 100%;width: 103%;padding: 8px 0;background-color: #fff; transform: translateX(-50%); box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.nav .nav-2nd > li{position: relative;}
.nav .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #3C3C3C; transition: 0.3s;}
.nav .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav .nav-2nd > li > a:hover{background-color: #276AB1; color: #fff;}
.nav .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.header .wx{position: relative; transition: 0.3s;}
.header .language{font-size: 16px; color: #3C3C3C;}
.header .language a{color: #3C3C3C; transition: 0.3s;}
.header .language a:hover{ color: #276AB1;}

.header .goLogin{display: block; width: 6em; text-align: center; height: 30px; line-height: 30px; border: 1px solid #bfbfbf; transition: 0.4s;border-radius:10px;}
.header .goLogin:hover{border-color: #276AB1; background: #8EC31F; color: #fff;}
.header .hRight{ display: flex; align-items: center;}
/*手机导航按钮*/
.menu{ display: none; width: 25px; margin-right: 25px;}
.menu span{display: block;width: 100%;height: 2px;background: #276AB1;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menu span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menu span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
.mm-listview > li > a, .mm-listview > li > span{padding: 13px 10px 13px 20px; font-size: 15px;}

.header.on{background: rgba(255,255,255,1); box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.header.on .nav>ul>li>a{ color: #333;}
.header.on .nav>ul>li>a::before{ background: #276AB1;}
.header.on .wx{ filter: brightness(0) invert(0.3);}
.header.on{height: 70px; line-height: 70px;}
.header.on .logo img.logo1{opacity: 0;}
.header.on .logo img.logo2{opacity: 1;}
.header.on .nav>ul>li.on>a::before{width: 100%;}
.header.on .nav>ul>li>a:hover::before{ width: 100%;}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; background-size: cover;}
.banner a{ display: block; padding-bottom: 49.5%; background-size: cover; background-position: center;}
.banner .bannerNext{background: url(https://towngasenergy.com/theme/default/images/bannerRight.png) no-repeat 0 0; width: 38px; height: 38px; right: -60px; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; background-size: cover; transition: 0.4s; opacity: 0.3;}
.banner .bannerPrev{background: url(https://towngasenergy.com/theme/default/images/bannerRight.png) no-repeat 0 0; width: 38px; height: 38px; left: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; background-size: cover; opacity: 0.3;}
.banner .bannerNext:hover{opacity: 1;}
.banner .bannerPrev:hover{opacity: 1;}

.banner:hover .bannerNext{ right: 40px;}
.banner:hover .bannerPrev{ left: 40px;}
.banner .btn{ left:50%; bottom: 86px; text-align: left; transform: translateX(-50%); width: 90%;}
.banner .btn span{position: relative; width: 20px; height: 20px; text-align: center;  font-weight: bold; line-height: 34px; transition: 0.2s; opacity: 1; background: none; box-sizing: border-box; color: transparent; margin: 0 92px 0 0 !important; border: 1px rgba(255,255,255,0.5) solid; border-radius: 50%;}
.banner .btn span:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; margin: -3px -3px; background: #fff;}
.banner .btn span.swiper-pagination-bullet-active{ background: none; font-size: 14px; color: #999999; border-color: #bebebe;}
.banner .btn span::after{ content: ""; position: absolute; top: 50%; left: 101%; width: 92px; border-bottom: 1px rgba(255,255,255,0.5) dashed;}
.banner .btn span:last-child::after{ display: none;}

.banner .swiper-pagination-bullet{position: relative;width: 20px;height: 20px;background-color: transparent;border-radius: 50%;font-size: 14px;line-height: 20px;color: #999;opacity: 1;}
.banner .swiper-pagination-bullet svg{position: absolute;left: -1px;top: -1px;width: 20px;height: 20px;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 120;stroke-dashoffset: 120;transform: rotate(12deg);}
.banner .swiper-pagination-bullet-active{color: #005bac;}
.banner .swiper-pagination-bullet-active svg{animation: bannerSvg 15s forwards;-webkit-animation: bannerSvg 15s forwards;}

.banner a{ position: relative;}
.banner .text .h1{ display: inline-block; font-size: 44px; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.14);}
.banner .text .h2{font-size: 18px; color: #fff; margin-top: 20px; font-weight: 300; text-shadow: 0px 2px 37px rgba(0, 0, 0, 0.14);}
/* .banner .text .h3{ font-size: 14px;} */

.banner .bannerMore{position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%);}
.banner .bannerMore .indexMore{ text-align: left;}
.banner .bannerMore .indexMore .a{ color: #fff;}

@keyframes bannerSvg{
	to{stroke-dashoffset: 0;}
}
@-webkit-keyframes bannerSvg{
	to{stroke-dashoffset: 0;}
}

/*footer*/
.footer{background: #F9F9F9;  }
.footer .fLogo img{ height: 38px; }
.footer .footerTop .footerAddress{max-width: 350px; margin-top: 20px;}
.footer .footerTop .footerWx {padding: 0 30px;}
.footer .footerTop{background: #F9F9F9; display: flex; justify-content: space-between; padding: 50px 0; position: relative;z-index: 1;}
.footer .footerTop .fNav{ overflow: hidden; display: flex; width: 670px }
.footer .footerTop .fNav dl{ float: left; margin-right: 14%;width: 100px}
.footer .footerTop .fNav dl:last-child{ margin-right: 0;}
.footer .footerTop .fNav dl dt{ margin-bottom: 10px;}
.footer .footerTop .fNav dl dt a{ font-size: 20px; line-height: 28px; color: #5F5F5E; transition: 0.3s;}
.footer .footerTop .fNav dl dt a:hover{ color: #276AB1;}
.footer .footerTop .fNav dl dd a{display: block; font-size: 16px; text-align:center;line-height: 38px; color: #545453; transition: 0.3s;}
.footer .footerTop .fNav dl dd a:hover{ color: #276AB1;}
.fShare{ display: flex; }
.fShare .item{position: relative; margin-right: 18px;}
.fShare .item:last-child{ margin-right: 0;}
.fShare .item .img{position: absolute; top: 50px;left: -38px; width: 110px; background: #fff; border: 4px #fff solid; border-radius: 4px; box-sizing: border-box; transition: 0.4s; visibility: hidden; opacity: 0; border: 1px #ddd solid; padding: 6px;}
.fShare .item:hover .img{top: 40px; visibility: initial; opacity: 1;}
.footer .footerBtm{background: #276AB1; padding: 25px 0;}
.footer .footerBtm .box{display: flex; justify-content: space-between; font-size: 14px; color: #fff; line-height: 20px;}
.footer .footerBtm .box a{position: relative; color: #fff;}
.footer .footerBtm .box a:hover{text-decoration: underline;}
.footer .footerBtm .box a.beiLink{padding-left: 6px;}
.footer .footerBtm .box a.beiLink::before{content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #fff;}

.headerShare{align-items: center;}
.headerShare .icon img{display: block;}
.headerShare .icon:hover img{opacity: 0.7;}
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 80%;transform: translate(-50%,-50%);z-index: 2;}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;box-sizing: border-box;font-size: 0.5rem;border-radius: 30px;}
.popup-search-wrap .sub-btn{border: none; position: absolute;right: 0;top: 0;width: 40px;height: 40px;background:url(../images/headico2.svg) center no-repeat;background-size: 20px 20px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;filter: brightness(0) invert(0);}
.searIcon img{display: block;cursor: pointer;transition: 0.3s;}
.searIcon img:hover{opacity: 0.7; }
.searIcon{display: none;}
.indexHeader  .headerShare .icon img,.indexHeader .searIcon img{filter: brightness(0) invert(1);}
/*内页*/
.nBanBox{padding-top: 70px;}
.nBanBox .nBan{position: relative; }
.nBanBox .nBan em{ display: block; padding-bottom: 39%;}
.nBanBox .nBan .textBox{ position: absolute; top: 36%; left: 50%; transform: translateX(-50%); }
.nBanBox .nBan .textBox h3{ font-size: 70px; line-height: 90px; color: #FFFFFF; font-weight: bold;letter-spacing:6px;}
.nBanBox .nBan .textBox h3:nth-child(2){font-weight:lighter;}
.nBanBox .nBan .textBox p{ font-size: 18px; color: #FFFFFF; line-height: 28px; text-align: justify; width: 36%; margin-top: 36px; font-weight: 300;}
.inpageTitle{ font-size: 40px; font-weight:bold; color: #3C3C3C; line-height: 56px; margin-bottom: 36px;}
.inpageTitle.bgTitle{ margin-bottom: 50px;}
.word{ font-size: 18px; color: #5e5e5e; line-height: 34px; text-align: justify; font-weight: 300;}
.word p{padding:5px 0px;}
.word img{ max-width: 100%; height: auto !important;}
.inpageMore{display: inline-block; position: relative; font-size: 18px; color: #3C3C3C; font-weight: 300;  transition: 0.4s; padding-right: 50px; animation-delay: 0.5s;}
.inpageMore i{position: absolute; left: 60%; top: 50%; transform: translateY(-50%); display: block; width: 19px; height: 19px; border: 1px #3C3C3C solid; border-radius: 50%; margin-left: 24px; transition: 0.4s;}
.inpageMore i img{position: absolute; top: 49%; left: 50%; transform: translateY(-50%); max-width: none; transition: 0.3s; filter: brightness(0) invert(0.3);}
.inpageMore:hover{ color: #276AB1;}
.inpageMore:hover i{ width: 56px; height: 56px; border-color: #276AB1;}
.inpageMore:hover i img{ left: 30%; filter: none; }
/*关于我们*/
.aboutAll{ padding: 100px 0; overflow: hidden;}
.aboutAllOne .word{}
.aboutAll .inpageMore{ margin-top: 140px;}
.aboutAllTwo{background: url(../images/aboutAllTwo_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.aboutAllTwo .inpageTitle{color: #fff;}
.aboutAllTwo .aboutHistory{ overflow: hidden; position: relative; left: 50%; margin-left: -700px; width: calc(100% - 50% + 700px);}
.aboutAllTwo .aboutHistory ul li{ width: 381px; margin-right: 21px;}
.aboutAllTwo .aboutHistory ul li a{ display: block; /* filter: grayscale(1); */ transition: 0.4s;}
.aboutAllTwo .aboutHistory ul li a .pic{position: relative; overflow: hidden;}
.aboutAllTwo .aboutHistory ul li a .pic em{ display: block; padding-bottom: 68%; transition: 0.7s;}
.aboutAllTwo .aboutHistory ul li a .pic i{position: absolute; bottom: -17px; right: 0; font-size: 50px; line-height: 64px; color: #FFFFFF; font-weight: bold; font-family: 'BebasNeue'; }
.aboutAllTwo .aboutHistory ul li a .text{padding: 25px; background-color: #fff; box-sizing: border-box;}
.aboutAllTwo .aboutHistory ul li a .text p{font-size: 18px; line-height: 28px; height: 56px; color: #3C3C3C; transition: 0.4s;}
.aboutAllTwo .aboutHistory ul li a:hover{ filter: none;}
.aboutAllTwo .aboutHistory ul li a:hover .pic em{ transform: scale(1.1);}
.aboutAllTwo .aboutHistory ul li a:hover .text p{ color: #276AB1;}
.aboutAllTwo .switchBox{margin-top: 74px; display: flex; justify-content: space-between;}
.aboutAllTwo .switchBox .btn{position: initial; bottom: auto; left: auto;}
.aboutAllTwo .switchBox .btn span{width: 14px; height: 14px; background: #fff; margin-right: 14px; opacity: 0.5; transition: 0.3s;}
.aboutAllTwo .switchBox .btn span.swiper-pagination-bullet-active{opacity: 1;}
.aboutAllTwo .switchBox .switch{ display: flex; align-items: center;}
.aboutAllTwo .switchBox .switch .qie{position: relative; top: auto; left: auto; right: auto; width: 58px; height: 58px; border: 1px #fff solid; border-radius: 50%; background: none; transition: .3s;}
.aboutAllTwo .switchBox .switch .qie::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; background: url(../images/svg/next.svg) no-repeat center; filter: brightness(0) invert(1); transition: 0.3s;}
.aboutAllTwo .switchBox .switch .qie.swiper-button-prev{ transform: rotate(180deg); margin-right: 12px;}
.aboutAllTwo .switchBox .switch .qie:hover{ border-color: #276AB1;}
.aboutAllTwo .switchBox .switch .qie:hover::before{filter: none;}

.aboutAllTwo .switchBox .switch .qie svg{position: absolute;left: -2px;top: -2px;width: 60px;height: 60px;fill: transparent;stroke-width: 2px;stroke: #276AB1;stroke-dasharray: 500;stroke-dashoffset: 500;transform: rotate(12deg);}
.aboutAllTwo .switchBox .switch .qie:hover svg{animation: switchBox 6s forwards;-webkit-animation: switchBox 6s forwards;}
@keyframes switchBox{
	to{stroke-dashoffset: 0;}
}
@-webkit-keyframes switchBox{
	to{stroke-dashoffset: 0;}
}
.aboutAllFour .box{background: url(../images/aboutAllFour_bg.jpg) no-repeat center; background-size: cover;}
.aboutAllFour .box .textBox{width: 44%; float: right;}
.aboutAllFour .box .textBox .inpageTitle{ margin-bottom: 30px;}
.aboutAllFour .box .textBox .inpageMore{ margin-top: 77px;}
.aboutAllFour .box .textBox .word{width: 100%;}
.aboutAllFour .inpageTitle{ color: #fff;}
.aboutAllFour .word{ width: 52%; color: #fff;}
.aboutAllFour .inpageMore{ color: #fff;}
.aboutAllFour .inpageMore i{ border-color: #fff;}
.aboutAllFour .inpageMore i img{ filter: brightness(0) invert(1);}
.aboutAllFour .inpageMore:hover{ color: #276AB1;}
.aboutAllFour .inpageMore:hover i{ width: 56px; height: 56px; border-color: #276AB1;}
.aboutAllFour .inpageMore:hover i img{ left: 30%; filter: none; }

/*公司介绍*/
/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
.flexwrap{flex-wrap: wrap;}

.naboutBox{ text-align: center;}
/* .naboutBox .nBan .textBox{ top: 24%;} */
.naboutBox .nBan .textBox p{ width: 100%; text-align: center; margin-top: 10px;}
.naboutBox .nBan .textBox .playBox{position: relative; height: 100px; margin-top: 17px;}
.play{ cursor: pointer; width: 60px; height: 60px; border-radius: 50%; border: 1px #fff solid;}
.play img{display: block; margin-left: 2px; z-index: 3;}
.play::before{ content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 58px; border: 1px rgba(255,255,255,0.6) solid; animation: play 4s infinite; border-radius: 50%;}
.play::after{ content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 58px; border: 1px rgba(255,255,255,0.6) solid; animation: play 4s infinite; border-radius: 50%; animation-delay: 1.6s;}
@keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}
@-webkit-keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}

.aboutPart{ overflow: hidden; padding: 100px 0;}
.aboutPartZeo{position: relative;}
.aboutPartZeo .bg{ float: right; width: 70%; overflow: hidden;}
.aboutPartZeo .bg em{ display: block; padding-bottom: 55.7%; width: 100%; transition: 0.8s;}
.aboutPartZeo .text{  position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 900px; transition: .4s;}
.aboutPartZeo .text .txtBox{animation-delay: 0.2s; background: #F7F7F7; padding: 60px; box-sizing: border-box; font-size: 24px; line-height: 40px; color: #3C3C3C; text-align: justify; font-weight: 300;}
.aboutPartZeo .text .name{ text-align: right; line-height: 34px; font-size: 18px; color: #3C3C3C; margin-top: 49px;}
.aboutPartZeo .box:hover .bg em{ transform: scale(1.05);}
.aboutPartZeo .box:hover .text{box-shadow: 0 0 10px rgba(0,0,0,.2);}

.aboutPartOne{padding-top: 0;}
.aboutPartOne .typeFlex{ margin-top: -80px;}
.aboutPartOne .typeFlex .item .icon{ height: 77px;}
.aboutPartOne .typeFlex .item{ margin-top: 80px;}
.aboutPartOne .typeFlex .item h3{ font-size:18px; color: #1a2d66; font-weight: normal; margin: 11px 0 4px;}
.aboutPartOne .typeFlex .item h3 b{ font-size: 40px; line-height: 56px; font-weight: normal;}
.aboutPartOne .typeFlex .item p{ font-size: 18px; line-height: 26px; color: #333333; margin-top: 0; width: 44%; margin: 0 auto;}
.aboutPartTwo{position: relative; background: #FAFAFA; padding: 70px 0;}

.aboutPartTwo .box .textScoll{ overflow: hidden;}
.aboutPartTwo .box .inpageTitle{ margin-bottom: 33px;}
.aboutPartTwo .box .textBox{   }
.aboutPartTwo .box .textScoll{overflow: hidden; width: 550px;}
.aboutPartTwo .box .textBox .txt{padding-right: 40px;box-sizing: border-box; height: 331px; overflow-y: auto; font-size: 18px; line-height: 30px; color: #3C3C3C; text-align: justify; letter-spacing: 1px; font-weight: 300;}
.aboutPartTwo .picBox{position: absolute; top: 0; right: 0; height: 100%; width: 55.36%;}
.aboutPartTwo .picBox .picScoll{overflow: hidden; height: 100%;}
.aboutPartTwo .picBox .picScoll ul li em{display: block; height: 100%;}
.aboutPartTwo .picBox .scollTab{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; z-index: 14;}
.aboutPartTwo .picBox .scollTab .item{position: relative; width: 33.333%; box-sizing: border-box; border-right: 1px rgba(255,255,255,0.5) solid; background: rgba(0,0,0,0.3); transition: 0.4s; cursor: pointer;}
.aboutPartTwo .picBox .scollTab .item:last-child{border: none;}
.aboutPartTwo .picBox .scollTab .item:hover{ background: rgba(0,0,0,0.15);}
.aboutPartTwo .picBox .scollTab .item.on{ background: rgba(0,0,0,0.15);}

.aboutPart2 .box{position: relative; display: flex; height: 840px; overflow: hidden;}
.aboutPart2 .box .item{position: absolute; top: 0; left: 0; width:50%; height: 100%; transition: all 0.5s ease 0s; z-index: 1;}

.aboutPart2 .box .item.down{z-index: 0;}
.aboutPart2 .box .item:nth-child(2){ left:50%;}
.aboutPart2 .box .item:nth-child(3){ left: auto; right: 0;}
.aboutPart2 .box .item em{ display: block; height: 100%;}
.aboutPart2 .box .item:nth-child(2) em{ background-position: center left 82%;}
.aboutPart2 .box .item .title{ position: absolute; top: 36%; left: 0; width: 100%; text-align: center; font-size: 24px; color: #fff; padding: 20px 0; transform: translateY(-50%); transition: .1s;}
/* .aboutPart2 .box .item .title::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 60px; height: 2px; background: #fff; transform: translateX(-50%);} */

.aboutPart2 .box .item .title img{height: 60px;}
.aboutPart2 .box .item .text{position: absolute; top: 40%;transform: translateY(-50%); left: 5%; width: 100%; max-height: 70%; margin:0 50px; box-sizing: border-box; color: #fff; opacity: 0;overflow-y: auto;padding-bottom: 40px; height: 390px;}
.aboutPart2 .box .item .text::-webkit-scrollbar{width: 5px;height: 5px;background: none;border-radius: 2px;}
.aboutPart2 .box .item .text::-webkit-scrollbar-thumb{background: none;border-radius: 2px;}
.aboutPart2 .box .item .text h3{ position: relative; font-size: 30px; font-weight:bold; padding-bottom: 20px;}
.aboutPart2 .box .item .text h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: #fff;}
.aboutPart2 .box .item .text .txt{ width: 56%; color: #fff; margin-top: 20px; }
.aboutPart2 .box .item .text .txt p{padding: 0;}
.aboutPart2 .box .item .text .lookmore{display: inline-block;font-size: 18px;width: 126px;box-sizing: border-box; color: #fff;font-weight: 300;  transition: 0.4s; padding-right: 50px;border: none;padding-left: 0;position: relative;margin-top: 30px;}
.aboutPart2 .box .item .text .lookmore i{position: absolute; left: 60%; top: 50%; transform: translateY(-50%); display: block; width: 19px; height: 19px; border: 1px #fff solid; border-radius: 50%; margin-left: 24px; transition: 0.4s;}
.aboutPart2 .box .item .text .lookmore i img{position: absolute; top: 49%; left: 50%; transform: translateY(-50%); max-width: none; transition: 0.3s; filter: brightness(0) invert(1);}
.aboutPart2 .box .item .text .lookmore:hover{ color: #276AB1;}
.aboutPart2 .box .item .text .lookmore:hover i{ width: 56px; height: 56px; }
.aboutPart2 .box .item .text .lookmore:hover i img{ left: 30%; }
.aboutPart2 .box .item .text .lookmore:hover{background: none;border: none;color: #fff;}
.aboutPart2 .box .item:hover{z-index: 2; width: 100%;}
.aboutPart2 .box .item:nth-child(2):hover{left: 0; z-index: 2; width: 100%;}
.aboutPart2 .box .item:nth-child(2) .text{width: 80%;}
.aboutPart2 .box .item:hover .title{opacity: 0;}
.aboutPart2 .box .item:hover .text{transition: .6s .4s; opacity: 1;}
.aboutPart2_new .box .item{width:50%%;}

.aboutPartThree{padding: 0; background: #FAFAFA; margin-top: 100px;}
.aboutPartThree .box{ display: flex; justify-content: space-between; }
.aboutPartThree .left{ width: 480px; border-right: 1px #D8D8D8 solid; padding-top: 74px; box-sizing: border-box;}
.aboutPartThree .tabBox{position: relative; height: 450px; overflow: hidden; margin: 130px 0;}
.aboutPartThree .tabBoxCon{ position: relative;}
.aboutPartThree .tabBoxCon::before{ content: ""; position: absolute; top: 150px; right: 0; width: 1000px; height: 1px; background: #D8D8D8;}
.aboutPartThree .tabBoxCon::after{ content: ""; position: absolute; top: 300px; right: 0; width: 1000px; height: 1px; background: #D8D8D8;}
.aboutPartThree .tabBox li{position: relative; line-height: 150px; font-size: 40px; color: #ADADAD; font-family: 'BebasNeue'; text-align: right; padding-right: 86px; box-sizing: border-box; cursor: pointer;}
.aboutPartThree .tabBox li.swiper-slide-active{color: #3C3C3C;}
.aboutPartThree .tabBox li::before{ content: ""; position: absolute; top: 50%; left: 45px; width: 0; height: 1px; background: #666666; }
.aboutPartThree .tabBox li.swiper-slide-active::before{ width: 130px;transition: 0.5s;}
.aboutPartThree .tabBox .qie{ width: 60px; height: 20px; background-size: contain; top: 166px; right: auto; left: 85px; z-index: 1; background: #FAFAFA; opacity: 1;}
.aboutPartThree .tabBox .qie::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; background: #fff; z-index: -1; background: url(../images/svg/top.svg) no-repeat 0 0; filter: brightness(0) invert(0.5); transition: 0.3s;}
.aboutPartThree .tabBox .swiper-button-next.swiper-button-disabled::before, .swiper-button-prev.swiper-button-disabled::before{opacity: 0.3;}
.aboutPartThree .tabBox .qie.swiper-button-prev{ top: 307px; transform: rotate(180deg);}
.aboutPartThree .tabBox .qie:hover::before{ filter: none;}

.aboutPartThree .right{ overflow: hidden; height: 760px; width: calc(100% - 480px); padding-left: 130px; box-sizing: border-box; margin-top: 120px; margin-bottom: 90px;}
.aboutPartThree .right .word{ overflow-y: auto; padding-right: 10px; height: 100%;}
.aboutPartThree .right .word .month{ margin-bottom: 50px;margin-top: 180px;}
.aboutPartThree .right .word h3{ font-size: 22px; color: #3C3C3C;}
.aboutPartThree .right .word p{ font-size: 18px; color: #666666; margin-top: 6px;}
.aboutPartThree .right .word .item{float: left; width: 27%; margin-right: 9.4%;}
.aboutPartThree .right .word .item:nth-child(3n){ margin-right: 0;}
.aboutPartThree .right .word .item .pic{padding-bottom: 74.7%;}
.aboutPartThree .right .word .item p{text-align: center; padding: 20px 10px 0 20px;}

/*发展历程*/
.history{overflow: hidden;}
.hisTItle{margin: 80px auto 10px; max-width: 1290px;width: 90%;}
.company .history_wrap{position: relative;box-sizing:border-box;padding-left:205px;padding-bottom:120px;}
.company .history_wrap .history_nav{position: absolute;top:9px;left:50%;margin-left:-645px;box-sizing: border-box;padding-right:80px;z-index: 2;}
.company .history_wrap .history_nav a{font-size:36px;line-height:44px;letter-spacing: -1px;color:#292929;display: block; font-family: 'BebasNeue';}
.company .history_wrap .history_nav a.active{opacity:1;margin-bottom:590px;}
.company .history_wrap .year{font-family: 'BebasNeue'; sans-serif;font-size:150px;line-height:300px;color:#292929;position: absolute; transition: 0.3s;}
.company .history_wrap .yearNum{ visibility: hidden; opacity: 0;}
.company .history_wrap .year.y20{visibility: initial; opacity: 1;}
.company .history_wrap .history_nav .year{top:90px;width: 326px; letter-spacing: 8px; font-weight: normal;}
.company .history_wrap .history_nav .history_current{margin-bottom:300px;}
.company .history_wrap .history_nav .history_current li{opacity: 0;visibility: hidden;}
.company .history_wrap .history_nav .history_current li.active{opacity: 1;visibility: visible;}
.company .history_wrap .history_nav .history_current li.active_out{opacity: .3;visibility: visible;}
.company .history_wrap .history_nav .history_current li.active a{opacity: 1;}*/
.company .history_wrap .history_nav .history_next li{opacity:.3;}
.company .history_wrap .history_nav .history_next li.active{opacity: 0;visibility: hidden;}
.company .history_wrap .histroy_contents li{padding-top:100px;position: relative;}
.company .history_wrap .histroy_contents li .year{top:0px;left:-6px;position: relative;z-index: 2; letter-spacing: 8px; font-weight: normal;}

.company .history_wrap .histroy_contents li:last-child .year{line-height: 170px;}
.company .history_wrap .histroy_contents li:last-child .img_wrap{margin-top: -40px;}
.company .history_wrap .histroy_contents .img_wrap{display: block;padding-bottom:40px;position: relative;margin-top:-105px;}
.company .history_wrap .histroy_contents .img_wrap img{width:80%;}
.company .history_wrap .histroy_contents h2 + dl{margin-top:80px;}
.company .history_wrap .histroy_contents dl{position: relative; font-size:18px;margin-top:10px;font-weight: 500; letter-spacing: -0.5px;padding-left:28px;box-sizing:border-box;position: relative; line-height:34px;color:#3C3C3C;}
.company .history_wrap .histroy_contents dl::before{ content: ""; position: absolute; top: 10px; left: 0; width: 12px; height: 12px; border-radius: 50%; background: #276AB1;}
.company .history_wrap .histroy_contents dl dt{display: inline;padding-right: 0;}
.company .history_wrap .histroy_contents dl dd{display: inline;position: relative;box-sizing: border-box;font-size: 18px; color: #3C3C3C;}
.company .history_wrap .histroy_contents .old_year dl dd{padding-left:100px}
.company .culture_tab_depth_1{margin-top:120px;padding-bottom: 76px;}
.company .location_contents{padding-bottom:220px;margin-top:60px;}
.company .location_tab{font-size:0;}
.company .location_tab li{display: inline-block;margin-left:30px;}
.company .location_tab li:first-child{margin-left:0;}
.company .location_tab li a{font-size:16px;font-weight:bold;opacity: .3;color:#000;letter-spacing: -0.7px;line-height:48px;}
.company .location_tab li a.active{opacity:1;}
.company .location_contents .location_slider .slider{height:300px;overflow:hidden;}

.company .location_contents .location_slider .slider img{position:absolute;left:0;top:0; width:100%;}
.company .history_wrap .histroy_contents .moible{ display: none;}
.company .location_contents dl{position: relative;box-sizing: border-box;padding:30px 0;padding-left:300px;border-bottom:1px #ccc solid;}
.company .location_contents dl dt{position: absolute;width:240px;padding-right:60px;left:0;top:30px;}
.company .location_contents dl dt strong{font-size:24px;font-weight:bold;line-height:36px;letter-spacing: -0.5px;color:#000;display: block;margin-bottom:20px;}
.company .location_contents dl dd{position: relative;}
.company .location_contents dl dd p{font-size:16px;line-height:28px;letter-spacing: -0.5px;color:#000;}
.company .location_contents dl dd .more_info{margin-top:14px;}
.company .location_contents dl dd .more_info:after{content:'';display: block;clear: both;}
.company .location_contents dl dd .more_info .phone{float:left;}
.company .location_contents dl dd .more_info .phone p{letter-spacing: 0; display: inline-block;margin-left:16px;padding-left:16px;position: relative;}
.company .location_contents dl dd .more_info .phone p:before{content:'';display: block;width:1px;height:12px;background:#aaa;position: absolute;top:50%;margin-top:-6px;left:0;}
.company .location_contents dl dd .more_info .phone p:first-child{padding-left:0;margin-left:0;}
.company .location_contents dl dd .more_info .phone p:first-child:before{content:none;}
.company .location_contents dl dd .more_info button{ sans-serif;font-size:16px;font-weight: 600;color:#000;letter-spacing: -0.7px;float:right;cursor: pointer;outline:none;line-height: 20px;}
.company .location_contents dl dd .more_info button:After{content:'';display: inline-block;width:20px;height:20px;vertical-align: top;margin-left:4px;}
.company .location_contents dl dd .map_box{height:360px;background:#ccc;margin-bottom:20px;margin-top:20px;display:none;}
.company .location_contents dl dd h5{font-size:24px;font-weight: bold;line-height:30px;letter-spacing: -0.5px;color:#000;margin-bottom:22px;}
.company .location_contents dl dd .location_discription{font-size:18px;line-height:34px;letter-spacing: -0.7px;color:#000;margin-bottom:40px;}
.company .location_contents dl dd .location_slider{margin-bottom:42px;position: relative;overflow:hidden;}
.company .location_contents dl dd .location_slider .slider_nav{position: absolute;width:100%;top:130px;z-index: 10;}
.company .location_contents dl dd .location_slider .slider_nav button{font-size:0;width:40px;height:40px;position: absolute;background-color: rgba(0, 0, 0, 0.1);border:0;top:0;}
.company .location_contents dl dd .location_slider .slider_nav button:after{content:'';display: block;width:36px;height:36px;left:50%;top:50%;margin-left:-18px;margin-top:-18px;position: absolute;}
.company .location_contents dl dd .location_slider .slider_nav button:hover,
.company .location_contents dl dd .location_slider .slider_nav button:focus{background-color: rgba(0, 0, 0, 1);}
.company .location_contents dl dd .location_slider .slider_nav button.prev_page{left:16px;}
.company .location_contents dl dd .location_slider .slider_nav button.prev_page:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.company .location_contents dl dd .location_slider .slider_nav button.next_page{right:16px;}
.company .location_contents dl dd .location_slider .paging{font-size:0;text-align:center;margin-top:16px;}
.company .location_contents dl dd .location_slider .paging span{display: inline-block;padding:0 4px;}
.company .location_contents dl dd .location_slider .paging button{font-size:0;width:8px;height:8px;border-radius: 50%;background:#000;opacity:.2;cursor: pointer;}
.company .location_contents dl dd .location_slider .paging button.active{opacity:1;}
.company .location_contents dl.slider_add{border-bottom:0;}
.company .location_contents dl dd .loaction_info{padding-bottom:30px;border-bottom:1px #ccc solid;}
.company .location_contents dl dd .loaction_info p{font-size:16px;color:#000;line-height:28px;}
.company .location_contents dl dd .loaction_info .phone{margin-top:14px}
.company .location_contents dl dd .loaction_info .phone p{display: inline-block;}
.company .location_contents dl dd .loaction_info h2{font-size:24px;font-weight: bold;letter-spacing: -0.5px;color:#000;margin-top:30px;margin-bottom:20px;}
.company .location_contents dl .go_btn{font-size:16px;line-height:24px;letter-spacing: -0.7px;color:#000;position: relative;display: block;}
.company .location_contents dl .go_btn:after{content: '';display: inline-block;vertical-align: top; width:16px;height:16px;margin-left:8px;background-color:#000;border-radius: 50%;position: relative;top:4px;margin-bottom:32px;}
.company .location_contents h4{font-size:16px;letter-spacing: -0.7px;font-weight: bold;color:#000;margin-bottom:12px;}
.company .location_contents dl + h4{margin-top:132px;}

/*企业文化*/
.cultureBox{ padding: 80px 0; overflow: hidden;}
.cultureOne{ background: #FBFBFB; font-size: 24px; line-height: 1.8; color: #3C3C3C;}
.cultureTit{ display: flex; align-items: center; font-size: 40px; color: #3C3C3C;}
.cultureTit img{ margin-right: 40px;width: 60px;}
.cultureTwo .box .item:first-child{ margin-top: 0;}
.cultureTwo .box .item{position: relative; margin-top: 40px; overflow: hidden;}
.cultureTwo .box .item .bg{position: absolute; top: 0; right: 0; width: 50%; height: 100%; transition: .5s;}
.cultureTwo .box .item .text{position: relative; width: 40%; transition: .5s;}
.cultureTwo .box .item .text .txt{ margin-top: 40px; font-size: 18px; line-height: 2; color: #333333; }
.cultureTwo .box .item:hover .bg{ transform: scale(1.03);}
.cultureTwo .box .item:hover .text{ transform: translateY(-60%);}
.cultureTwo .box .item .w1400{height: 500px; overflow: hidden;}
.cultureThree .cultureTit{justify-content: center;}
.cultureThree .box{position: relative; overflow: hidden; margin-top: 45px;}
.cultureThree .box .btn{ display: none;}
.cultureThree .box ul li{position: relative;}
.cultureThree .box ul li img{ display: block;}
.cultureThree .box ul li .title{ position: absolute; bottom: 40px; left: 0; width: 100%; padding: 0 34px; box-sizing: border-box; color: #fff; transition: .3s;}
.cultureThree .box ul li .title h3{ font-size: 24px; font-weight: normal; margin-bottom: 10px;}
.cultureThree .box ul li .title p{ font-size: 18px;}
.cultureThree .box ul li .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); transition: 0.4s; opacity: 0;}
.cultureThree .box ul li .text .txt{position: absolute; top: 70%; left: 0; width: 100%; padding: 0 14%; box-sizing: border-box; transform: translateY(-50%); font-size: 18px; line-height: 34px; color: #FFFFFF; transition: 0.5s;}
.cultureThree .box ul li:hover .title{opacity: .3;}
.cultureThree .box ul li:hover .text{opacity: 1;}
.cultureThree .box ul li:hover .text .txt{ top: 50%;}
.cultureTwo .box .item .text .txt .p{display: flex; justify-content: space-between; margin: 20px 0;}
.cultureTwo .box .item .text .txt .p:first-child{ margin-top: 0;}
.cultureTwo .box .item .text .txt .p .left{ width: 120px;}
.cultureTwo .box .item .text .txt .p .right{flex: 1;}

.cultureFour .box .item .bg{ right: auto; left: 0;}
.cultureFour .box .item .text{ float: right;}

/*社会责任*/
.h700Box .nBan{ height: auto;}
.h700Box .nBan em{height: auto; padding-bottom:44%;}
.socialAll{ padding: 100px 0; overflow: hidden;}
.socialOne{ display: flex; justify-content: space-between; padding: 130px 0;}
.socialOne .left{ width: 34%;}
.socialAll .inpageTitle{ margin-bottom: 36px;}
.socialOne .right{ flex: 1; padding-left: 77px;}
.socialOne .right video{ width: 100%;}
.socialOne .right ul{ margin-top: -36px;}
.socialOne .right ul li{ float: left; margin-top: 36px; margin-right: 36px; }
.socialOne .right ul li:nth-child(6n){ margin-right: 0;}
.socialOne .right ul li img{ display: block; max-width: 100%; transition: 0.4s;}
.socialOne .right ul li:hover img{ transform: scale(1.1);}

.socialTwo{ position: relative; background: url(../images/socialTwoBg.jpg) no-repeat bottom center; background-size: cover;}
.socialTwo .box{ padding-bottom: 230px;}
.socialTwo .word{ width: 74%;}
.socialTwo .word p{ margin-bottom: 20px;}
.socialTwo .word p a{display: inline-block; color: #5e5e5e; transition: 0.3s;}
.socialTwo .word p a:hover{ text-decoration: underline; color: #276AB1;}
.socialTwo .type{ display: flex; padding-top: 22px;}
.socialTwo .type .item{min-width: 164px; margin-right: 100px;}
.socialTwo .type .item:nth-child(2){animation-delay: 0.2s;}
.socialTwo .type .item:nth-child(3){ min-width: 198px; animation-delay: 0.4s;}
.socialTwo .type .icon{ height: 80px; display: flex; align-items: center; border-bottom: 1px #3C3C3C solid; padding-bottom: 14px; }
.socialTwo .type .icon img{ display: block; max-height: 100%; margin: 0 auto; transition: .5s;}
.socialTwo .type .item p{ font-size: 16px; line-height: 16px; color: #3C3C3C; text-align: center; margin: 15px 0;}
.socialTwo .type .item h3{ text-align: center; font-size: 16px; color: #3C3C3C; font-weight: normal;}
.socialTwo .type .item h3 b{ font-size: 66px; font-weight: normal; color: #3C3C3C; line-height: 44px; display: inline-block; padding-right: 6px; font-family: 'BebasNeue';}
.socialTwo .type .item:hover .icon img{ transform: translateY(-10px);}
.socialTwo .tip{ max-width: 1050px; padding-right: 90px; box-sizing: border-box; text-align: right; margin-top: 40px; color: #333; animation-delay: 0.8s;}

.socialFour{ background: url(../images/socialFour_bg.jpg) no-repeat center; background-size: cover; padding-bottom: 66px;}
.socialFour .word{ width: 62%;}
.socialFour .word .txt{position: relative;  padding-left: 26px;}
.socialFour .word .txt::before{ content: ""; position: absolute; top: 14px; left: 0; width: 6px; height: 6px; background: #276AB1; border-radius: 50%;}
.socialFour .word .text{ padding-left: 26px; }
.socialFour .word .lastText{ margin-bottom: 0;}
.socialFour .textBox{ width: 100%;}
.socialFour .th2{  margin-top: 44px;}

.socialFive{ padding: 100px 0 50px 0;}
.socialFive .typeFlex .item{margin-top: 80px; transition: 0.3s; opacity: 0.3;}
.socialFive .typeFlex .item.on{opacity: 1;}
.socialFive .iconText{ margin: 90px 0 30px; text-align: center; font-size: 17px; line-height: 32px; min-height: 56px; color: #5e5e5e;}

.typeFlex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.typeFlex .item{ width: 20%; text-align: center;}
.typeFlex .item .icon{ height: 60px; display: flex; align-items: center; justify-content: center; transition: 0.4s;}
.typeFlex .item .icon img{ display: block; max-height: 100%;}
.typeFlex .item p{ line-height: 32px; color: #3C3C3C; font-size: 18px; margin-top: 30px;}
.typeFlex .item:hover .icon{transform: translateY(-10px);}
/* 如果最后一行是4个元素 */
.typeFlex .item:last-child:nth-child(5n - 1) {
    margin-right: 20%;
}
/* 如果最后一行是3个元素 */
.typeFlex .item:last-child:nth-child(5n - 2) {
    margin-right: 40%;
}
/* 如果最后一行是2个元素 */
.typeFlex .item:last-child:nth-child(5n - 3) {
    margin-right: 60%;
}
.socialSix{ background: #F7F7F7;}
.socialSix .box{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px;}
.socialSix .box .item{position: relative; width: 49.36%; margin-top: 17px;overflow: hidden;}
.socialSix .box .item .prev,.socialSix .box .item .next{width: 35px;height: 35px;border: 1px solid #fff;cursor: pointer;border-radius: 50%;transition: 0.3s;position: absolute;bottom:70px;;z-index: 2;}
.socialSix .box .item .prev{background: url(../images/0825prev.svg) center no-repeat;right: calc(3% + 50px);filter: brightness(0) invert(1);}
.socialSix .box .item .next{background: url(../images/0825next.svg) center no-repeat;right: 3%;filter: brightness(0) invert(1);}
.socialSix .box .item .prev.swiper-button-disabled,.socialSix .box .item .next.swiper-button-disabled{opacity: 0.5;}
.socialSix .box .item::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15);}
.socialSix .box .item em{ display: block; padding-bottom: 62.2%;}
.socialSix .box .item .text{position: absolute; bottom: 40px; left: 0; width: 100%; padding: 0 40px; box-sizing: border-box; font-size: 24px; color: #fff; transition: 0.5s;text-shadow: 1px 1px 4px black;}
.socialSix .box .item:hover .text{ bottom: 60px;}
.socialSix .box .item .play{background: #fff;}
.socialSix .box .item .play img{filter: brightness(0) invert(0)}

.socialSix .box .item .swiper-slide video{width: 100%;display: block;}
.socialSix .box .item .swiper-pagination{bottom: 60px !important;text-align: right;left: auto;right: 10px;}
.socialSix .box .item .swiper-pagination span{width: 10px;height: 10px;opacity: 1 !important;background: #fff;}
.socialSix .box .item .swiper-pagination span.swiper-pagination-bullet-active{background: #8ec320;}
.socialSix .box .item.item3 em::after,.socialSix .box .item.item4 em::after{width: 100%;height: 30%;background: linear-gradient(to top ,rgba(0,0,0,0.5),rgba(0,0,0,0));left:0;bottom:0;position: absolute;content: '';}
.socialSix .box .item.item3 em,.socialSix .box .item.item4 em{position: relative;}

.socialSix .box .item.item3 .prev,.socialSix .box .item.item3 .next,.socialSix .box .item.item4 .prev,.socialSix .box .item.item4 .next{bottom: 40px;}
/*新闻列表*/
.newsBan .nBan .textBox h3{ width: 74%;}
.newSearch{display: flex; justify-content: space-between; line-height: 46px; height: 46px; padding: 34px 0;}
.newSearch .left{ display: flex; align-items: center;}
.newSearch .left>span{ font-size: 18px; color: #000;}
.newSearch .left>span.zhi{padding-left: 1.6%;}
.newSearch .left .item{position: relative; height: 100%; width: 25%; border: 1px #D8D8D8 solid; border-radius: 5px; margin-left: 1.6%;}
.newSearch .left .item .text{position: relative; z-index: 1; width: 100%; height: 100%; background: none; color: #000; padding: 0 20px; box-sizing: border-box;}
.newSearch .left .item::before{ content: ""; position: absolute; top: 16px; right: 20px; width: 15px; height: 15px; background: url(../images/svg/top.svg) no-repeat center; transform: rotate(180deg); filter: brightness(0) invert(0.2);}
.newSearch .left .item.search::before{display: none;}
.newSearch .left .item.search{ display: flex; justify-content: space-between; width: 32%;}
.newSearch .left .item.search .text{ width: calc(100% - 100px); height: 100%;}
.newSearch .left .item.search .submitBox{position: relative; width: 100px; height: 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: linear-gradient(#C2E342,#276AB1);}
.newSearch .left .item.search .submitBox::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 17px; height: 17px; background: url(../images/svg/search.svg) no-repeat center;}
.newSearch .left .item.search .submitBox .submit{position: relative; z-index: 1; width: 100%; height: 100%;  font-size: 16px; color: #fff; padding-right: 16px; box-sizing: border-box;}
.newSearch .right{ display: flex; align-items: center;}
.newSearch .right .item{color: #000000; cursor: pointer; opacity: 0.5;}
.newSearch .right .item:first-child{ margin-right: 32px;}
.newSearch .right .item.on{opacity: 1;}
/* 20220825 */
.newSearch .left .tit{width: 180px;text-align: center; font-size:24px;margin-right: 78px;position: relative;}
.newSearch .left .tit::after{content: '';position: absolute;width: 100%;bottom: -34px;height: 3px;background: #91c321;left: 0;transform: scaleX(0);	}
.newSearch .left .tit.active::after{transform: scaleX(1);}
.newSearch .left .tit.active{color: #91c321;}
.newSearch .right .item span{display: none;}
/* 20220825end */


.newsBan .nBan{height: auto;}
.newsBan .nBan em{padding-bottom:39%; height: 0;}
.newsBan .nBan .textBox p{ width: 42%;}
.newsBox{ background: #F9F9F9;border-bottom: 1px #eee solid;}
.newsBox .newsNum{ font-size: 16px; line-height: 16px; color: #484848; padding: 34px 0 30px 0;}
.newsBox .newsNum i{color: #276AB1;}
.newsPicList{ overflow: hidden;}
.newsPicList .newTwoleft{ display: flex; justify-content: space-between;}
.newsPicList a{ display: block; border-radius: 5px; margin-bottom: 53px; overflow: hidden;}
.newsPicList .newTwoleft .itemPic{position: relative; width: 65.47%; }
.newsPicList .newTwoleft .itemPic em{position: relative; display: block; height: 100%; width: 105%;}
.newsPicList .newTwoleft .itemPic em::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0; transition: 0.4s;}
.newsPicList .newTwoleft .itemPic .text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 54px; box-sizing: border-box; background: linear-gradient(transparent, rgba(0,0,0,0.5)); padding-bottom: 70px; padding-top: 40px;}
.newsPicList .text .time{ display: inline-block; height: 24px; line-height: 24px; border: 1px #fff solid; border-radius: 5px; padding: 0 13px; font-size: 12px; color: #fff; font-weight: 300;}
.newsPicList .newTwoleft .itemPic .text h3{font-size: 24px; height: 30px; line-height: 30px; color: #fff; margin: 16px 0;}
.newsPicList .newTwoleft .itemPic .text p{ font-size: 16px; line-height: 26px; height: 52px; color: #fff; width: 66%;}
.newsPicList a:hover em{transform: translateX(-4%);}
.newsPicList .newTwoleft a:hover em::before{ opacity: 1;}
.newsPicList .item{ width: 31.24%;}
.newsPicList .item .pic{ overflow: hidden;}
.newsPicList .item .pic em{ display: block; padding-bottom: 67.158%; width: 105%;}
.newsPicList .item .text{ background: #fff; padding: 28px 28px 47px 28px;}
.newsPicList .item .text .time{ color: #666666; border-color: #979797;}
.newsPicList .item .text h3{ font-size: 18px; color: #333333; height: 22px; line-height: 22px; margin: 14px 0 32px 0;}
.newsPicList .item .text p{ font-size: 16px; line-height: 26px; height: 78px; color: #797979; text-align: justify;}
.newsPicList .item:hover .text{ background: #276AB1;}
.newsPicList .item:hover .text .time{color: #fff; border-color: #fff;}
.newsPicList .item:hover .text h3{color: #fff;}
.newsPicList .item:hover .text p{color: #fff;}
.newsPicList .newThree .item{ float: left; margin-right: 3.14%; }
.newsPicList .newThree .item:nth-child(3n){ margin-right: 0;}
.inMore{margin: 0 auto; display: block; width: 168px; height: 50px; line-height: 50px; border: 1px #D8D8D8 solid; border-radius: 5px; text-align: center; font-size: 16px; color: #575757; }
.newsBox .inMore{margin: 20px auto 50px auto; width: 168px;}

/*列表新闻*/
.newsListing li a{ display: flex;  justify-content: space-between; background: #fff; padding: 30px; box-sizing: border-box; }
.newsListing li a .pic{ width: 380px; overflow: hidden; border-radius: 5px;}
.newsListing li a .pic em{ display: block; width: 105%; padding-bottom: 66%; transition: 0.4s;}
.newsListing li a .text{ width: calc(100% - 420px); }
.newsListing li a .text h3{ padding-top: 20px; font-size: 18px; height: 24px; line-height: 24px; color: #333; font-weight: normal; transition: 0.4s;}
.newsListing li a .text p{ font-size: 16px; line-height: 26px; height: 78px; color: #797979; margin: 30px 0;}
.newsListing li a .text .time{color: #666666; border-color: #979797;}
.newsListing li a:hover .text h3{ color: #276AB1;}

/*新闻详情*/
.maskBg{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.61); z-index: 20;}
.maskBg.on{display: block;}
.newsDetail{position: fixed; top: 100%; left: 5%; width: 90%; height: calc(100vh - 14%); background: #fff; z-index: 21; padding-top: 50px; box-sizing: border-box; transition: 0.4s;}
.newsDetail.on{top: 14%;}
.newsDetail .close{position: absolute; top: 40px; right: 30px; cursor: pointer;}
.newsDetail .title{ padding: 26px 0 30px 0; border-bottom: 1px #E2E2E2 solid; margin-bottom: 30px;}
.newsDetail .title h3{ font-size: 24px; color: #000000; line-height: 36px;}
.newsDetail .title h4{display: flex; align-items: center; font-weight: normal; line-height: 22px; margin-top: 22px;}
.newsDetail .title h4 span{ display: flex; align-items: center; font-size: 16px; color: #919191; margin-right: 35px;}
.newsDetail .title h4 span img{ margin-right: 14px;}
.newsDetail .title h4 span i{cursor: pointer;}
.newsDetail .title h4 span i.fontBig{ margin-left: 10px;}
.newsDetail .box{height: 100%; overflow-y: auto;}
.newsDetail .share{ display: flex; align-items: center; height: 40px; margin-top: 40px;}
.newsDetail .share a{ display: inline-block; height: 40px; transition: 0.3s; margin-left: 16px;}
.newsDetail .share a img{ height: 100%;}
.newsDetail .share a:hover{opacity: 0.6;}

.newsDetail .word.fz14{ font-size: 14px !important; line-height: 22px !important;}
.newsDetail .word.fz14 p{ font-size: 14px !important; line-height: 22px !important;}
.newsDetail .word.fz14 span{ font-size: 14px !important; line-height: 22px !important;}
.newsDetail .word.fz16{ font-size: 16px !important; line-height: 24px !important;}
.newsDetail .word.fz16 p{ font-size: 16px !important; line-height: 24px !important;}
.newsDetail .word.fz16 span{ font-size: 16px !important; line-height: 24px !important;}
.newsDetail .word.fz18{ font-size: 18px !important; line-height: 28px !important;}
.newsDetail .word.fz18 p{ font-size: 18px !important; line-height: 28px !important;}
.newsDetail .word.fz18 span{ font-size: 18px !important; line-height: 28px !important;}
.newsDetail .word.fz20{ font-size: 20px !important; line-height: 34px !important;}
.newsDetail .word.fz20 p{ font-size: 20px !important; line-height: 34px !important;}
.newsDetail .word.fz20 span{ font-size: 20px !important; line-height: 34px !important;}
.newsDetail .word.fz22{ font-size: 22px !important; line-height: 38px !important;}
.newsDetail .word.fz22 p{ font-size: 22px !important; line-height: 38px !important;}
.newsDetail .word.fz22 span{ font-size: 22px !important; line-height: 38px !important;}
.newsDetail .word.fz24{ font-size: 24px !important; line-height: 40px !important;}
.newsDetail .word.fz24 p{ font-size: 24px !important; line-height: 40px !important;}
.newsDetail .word.fz24 span{ font-size: 24px !important; line-height: 40px !important;}

.latastNews{margin-top: 80px; padding-bottom: 80px;}
.latastNews .box{ overflow: hidden;}
.latastNews .inpageTitle{ margin-bottom: 55px;}
.latastNews ul li a{ display: block; border-radius: 5px; overflow: hidden;}
.latastNews ul li .pic{ overflow: hidden;}
.latastNews ul li .pic em{ display: block; padding-bottom: 64.7%; width: 105%;}
.latastNews ul li .text{ background: #FBFBFB; padding: 30px 30px 28px 30px; box-sizing: border-box;}
.latastNews ul li .text h3{ font-size: 18px; color: #3C3C3C; line-height: 24px; height: 24px;}
.latastNews ul li .text p{ font-size: 14px; line-height: 22px; height: 44px; color: #666666; margin: 20px 0;}
.latastNews ul li a:hover .pic em{transform: translateX(-4%);}
.latastNews ul li a:hover .text{ background: #276AB1;}
.latastNews ul li a:hover .text h3{ color: #fff;}
.latastNews ul li a:hover .text p{ color: #fff;}
.latastNews ul li a:hover .text .time{ color: #fff;}

/*联系我们*/
.contactBox{ padding-top: 70px;}
.contactBox .box{position: relative; background: url(../images/contactBg.jpg) no-repeat bottom center; min-height: 840px; background-size: cover; display: flex;}
.contactBox .box::after{ content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: rgba(255,255,255,0.89);}
.contactBox .box .left{ padding: 100px 0 60px 2.81%; width: 590px; color: #fff;}
.contactBox .box .left .item{ margin-top: 38px;}
.contactBox .box .left .item:nth-child(2){animation-delay: 0.2s;}
.contactBox .box .left .item:nth-child(3){animation-delay: 0.4s;}
.contactBox .box .left .item:nth-child(4){animation-delay: 0.6s;}
.contactBox .box .left .item:nth-child(5){animation-delay: 0.8s;}
.contactBox .box .left .item:nth-child(6){animation-delay: 1s;}
.contactBox .box .left .item:nth-child(7){animation-delay: 1.2s;}
.contactBox .box .left .item:nth-child(8){animation-delay: 1.4s;}
.contactBox .box .left .item:first-child{ margin-top: 0;}
.contactBox .box .left h3{padding-bottom: 9px; font-size: 24px; line-height: 40px;font-weight:normal;}
.contactBox .box .left .txt{display: flex; align-items: flex-start; font-size: 16px; margin-top: 8px;}
.contactBox .box .left .txt span{padding: 0 4px 0 14px;}
.contactBox .box .left .txt p{ width: calc(100% - 96px);}
.contactBox .box .textBox{position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: 2;}
.contactBox .box .textBox .right{ float: right; width: 50%; padding-left: 98px; padding-top: 60px; box-sizing: border-box;}
.contactBox .box .textBox .right .title{  line-height: 40px; color: #2C2C2C; margin-bottom: 30px;}
.contactBox .box .textBox .right .item{position: relative; display: flex; justify-content: space-between; align-items: center; height: 52px; line-height: 52px; border-bottom: 1px #C3C3C3 solid; margin-bottom: 15px;}
.contactBox .box .textBox .right .item.hezuo{z-index: 1;}
.contactBox .box .textBox .right .item .icon{display: flex; align-items: center; width: 24px;}
.contactBox .box .textBox .right .item .icon img{ display: block;}
.contactBox .box .textBox .right .item span{ font-size: 18px; color: #2B2B2B; letter-spacing: 0.45px; padding-left: 20px;}
.contactBox .box .textBox .right .item .text{position: relative; flex: 1; height: 100%; background: none; color: #666; font-size: 18px; padding-left: 20px; box-sizing: border-box;}
.contactBox .box .textBox .right .item ul{display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; padding: 10px 20px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.contactBox .box .textBox .right .item ul li{ font-size: 16px; line-height: 26px; padding: 6px 0; cursor: pointer; transition: 0.3s;}
.contactBox .box .textBox .right .item ul li:hover{ color: #276AB1;}
.contactBox .box .textBox .right .item .text i{position: relative; cursor: pointer; display: block; height: 100%;}
.contactBox .box .textBox .right .item .text .others{position: absolute; top: 0; left: 20px; height: 100%; width: calc(100% - 60px); background: none; font-size: 18px; opacity: 0; z-index: -1;}
.contactBox .box .textBox .right .item .text i::after{ content: ""; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background: url(../images/svg/down.svg) no-repeat center; transform: translateY(-50%);}
.contactBox .box .textBox .right .item.yan .text{ display: flex; justify-content: space-between; align-items: center;}
.contactBox .box .textBox .right .item.yan .text img{ height: 80%; cursor: pointer; width: 147px;}
.contactBox .box .textBox .right .item.yan .text input{height: 100%; flex: 1; padding: 0 20px 0 0; box-sizing: border-box; background: none;color: #666; font-size: 18px;}
.contactBox .box .textBox .right .tip{ font-size: 18px; color: #2C2C2C; line-height: 26px; padding: 10px 0 30px 0; opacity: 0.68;}
.contactBox .box .textBox .right .formBtn .btn{ width: 366px; height: 68px; line-height: 68px; text-align: center; background: #276AB1; border-radius: 4px; font-size: 18px; color: #FFFFFF; transition: 0.4s;}
.contactBox .box .textBox .right .formBtn .btn:hover{ transform: translateY(-8px);}

.tzzBox .box{min-height: 890px;}
.lyjyBox .box{background: url(../images/lyjyBg.jpg) no-repeat bottom center;}

/*人才发展*/
.nPersonnelBox{}
/* .nGreyBox .nBan .textBox h3{ color: #3C3C3C;} */
.nGreyBox .nBan .textBox p{ color: #3C3C3C; }
.nPersonnelBox .nBan .textBox p{width: 32%;}
.personAll{padding: 120px 0; overflow: hidden;}
.personOne{ overflow: hidden; padding: 155px 0 140px 0;}
.personOne .bg em{display: block; height: 614px; margin-left: 134px;}
.personOne .box{position: relative;}
.personOne .box .text{position: absolute; left: 0; bottom: 0; width: 680px; height: 400px; background: #F7F7F7; padding: 80px 80px 66px 80px; box-sizing: border-box; animation-delay: 0.2s;}
.personOne .box .text h3{ line-height: 42px; height: 42px; color: #3C3C3C;}
.personOne .box .text h4{ font-size: 18px; color: #3C3C3C; height: 22px; line-height: 22px; color: #3C3C3C; margin: 30px 0 24px 0;}
.personOne .box .text .txt{ font-size: 18px; line-height: 28px; color: #3C3C3C; height: 84px; font-weight: 300; margin-bottom: 27px;}
.personTwo{ background: #F7F7F7;}
.personAll .inpageTitle{ margin-bottom: 60px; text-align: center;}
.personTwo .inpageTitle{ margin-bottom: 36px;}
.personTwo .word{ width: 916px; text-align: center; margin: 0 auto;}
.personTwo .iconBox{ display: flex; justify-content: space-between; padding-top: 95px; padding-bottom: 78px; overflow: hidden;}
.personTwo .iconBox .item{ width: 14%; text-align: center;  }
.personTwo .iconBox .item:nth-child(2){animation-delay: 0.2s;}
.personTwo .iconBox .item:nth-child(3){animation-delay: 0.4s;}
.personTwo .iconBox .item:nth-child(4){animation-delay: 0.6s;}
.personTwo .iconBox .item:nth-child(5){animation-delay: 0.8s;}
.personTwo .iconBox .item:nth-child(6){animation-delay: 1s;}
.personTwo .iconBox .item .icon{ height: 62px; display: flex; justify-content: center; align-items: center; transition: 0.4s;}
.personTwo .iconBox .item .icon img{display: block; max-height: 100%;}
.personTwo .iconBox .item h3{ font-size: 18px; line-height: 24px; color: #3C3C3C; margin: 32px 0 13px 0;}
.personTwo .iconBox .item p{ font-size: 18px; line-height: 28px; color: #818181;}
.personTwo .iconBox .item:hover .icon{ transform: translateY(-10px);}
.personTwo .recruitEnter{ display: flex; justify-content: space-between;margin-top: 30px; }
.personTwo .recruitEnter .item{position: relative; display: block; width: 49.36%;}
.personTwo .recruitEnter .item em{ display: block; padding-bottom: 55.7%;}
.personTwo .recruitEnter .item .txt{position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 68px 68px 68px; box-sizing: border-box; color: #fff; animation-delay: 0.3s;}
.personTwo .recruitEnter .item .txt h3{ font-size: 24px; line-height: 34px; margin-bottom: 8px; transition: 0.4s;}
.personTwo .recruitEnter .item .txt .inpageMore{filter: brightness(0) invert(1);}
.personTwo .recruitEnter .item .txt .inpageMore:hover{filter: none;}
.personTwo .recruitEnter .item:hover .txt h3{ transform: translateY(-20px);}
.personThree .box{overflow: hidden; margin-top: -17px;} 
.personThree .box .item{ float: left; width: 49.36%; margin-top: 17px; display: block;}
.personThree .box .item em{ display: block; padding-bottom: 62.2%;}
.personThree .box .item:nth-child(2n){ float: right;}
.personFour .inpageTitle{ text-align: center;}
.personFour .row{ overflow: hidden;}
.personFour .row .item{position: relative; float: left; height: 480px;}
.personFour .row .item em{ display: block; height: 100%;}
.personFour .row .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(3,82,217,0.65);}
.personFour .row .item .title{position: absolute; top: 54px; left: 0; width: 100%; padding: 0 54px; box-sizing: border-box; font-size: 24px; line-height: 34px; color: #FFFFFF; font-weight: bold; z-index: 1; animation-delay: 0.4s;}
.personFour .row .item .txt{position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(3,82,217,1);  transition: 0.5s; overflow: hidden;}
.personFour .row .item .txt .p{ font-size: 18px; line-height: 28px; color: #fff; padding:120px 54px 0 54px; box-sizing: border-box;}
.personFour .row .item:hover .txt{ height: 100%;}
.personFour .row_1 .item_1{width: 33.333%;}
.personFour .row_1 .item_2{ width: 66.667%;}
.personFour .row_1 .item_2 .mask{background: rgba(255,103,31,0.65);}
.personFour .row_1 .item_2 .txt{background: rgba(255,103,31,1);}
.personFour .row_2 .item{ width: 33.333%;} 
.personFour .row_2 .item_1 .mask{background: rgba(2,169,206,0.65);}
.personFour .row_2 .item_1 .txt{background: rgba(2,169,206,1);}
.personFour .row_2 .item_2 .mask{background: rgba(245,183,0,0.65);}
.personFour .row_2 .item_2 .txt{background: rgba(245,183,0,1);}
.personFour .row_2 .item_3 .mask{background: rgba(2,169,206,0.65);}
.personFour .row_2 .item_3 .txt{background: rgba(2,169,206,1);}
.personFour .row_3 .item_1{ width: 66.667%;}
.personFour .row_3 .item_2{ width: 33.333%;}
.personFour .row_3 .item_1 .mask{background: rgba(150,140,131,0.65);}
.personFour .row_3 .item_1 .txt{background: rgba(150,140,131,1);}
.personFour .row_3 .item_2 .mask{background: rgba(142,195,31,0.65);}
.personFour .row_3 .item_2 .txt{background: rgba(142,195,31,1);}


.personFour{padding-top: 140px;}
/*人才发展详情*/
.contperOne{padding: 100px 0 130px 0;}
.contperOne .inpageTitle{margin-bottom: 30px;}
.contperOne .w70{margin:0 auto 30px;width: 87%;}
.contperOne .textBox{ display: flex; justify-content: space-between;}
.contperOne .textBox .item{ width: 17%;  }
.contperOne .textBox .item .icon{height: 68px; display: flex; justify-content: center; align-items: center; transition: 0.4s;}
.contperOne .textBox .item .icon img{ display: block; max-height: 100%;}
.contperOne .textBox .item h3{ font-size: 24px; line-height: 34px; color: #3C3C3C; margin: 25px 0; text-align: center;}
.contperOne .textBox .item:nth-child(2){animation-delay: 0.2s;}
.contperOne .textBox .item:nth-child(3){animation-delay: 0.4s;}
.contperOne .textBox .item:hover .icon{transform: translateY(-10px);}
.contperTwo{ background: url(../images/contperTwoBg.jpg) no-repeat bottom center; background-size: cover; height: 960px; padding-top: 80px; box-sizing: border-box;}
.contperTwo .inpageTitle{ margin-bottom: 34px; color: #fff; text-align: center;}
.contperTwo .word{ color: #fff;}
.contperTwo .occupaBox{position: relative; max-width: 1308px; width: 90%; margin: 0 auto; margin-top: 120px; height: 554px; color: #fff; font-size: 18px; line-height: 22px;letter-spacing: 6px;}

.contperTwo .occupaBox .item{ margin-bottom: 40px; }
.contperTwo .occupaBox .item:last-child{ margin-bottom: 0;}
.contperTwo .occupaBox .item:last-child p{ margin-bottom: 0;}
.contperTwo .occupaBox .item .p{display: inline-block; text-align: center;}
.contperTwo .occupaBox .item p{ margin-bottom: 40px;}
.contperTwo .occupaBox .box .left .item:nth-child(2){ margin-left: 45px;}
.contperTwo .occupaBox .box .left .item:nth-child(3){ margin-left: 86px;}
.contperTwo .occupaBox .box .left .item:nth-child(4){ margin-left: 150px;}
.contperTwo .occupaBox .box .right .item .p{ float: right;}
.contperTwo .occupaBox .box .item .p.tit{ margin-bottom: 40px;}
.contperTwo .occupaBox .box .item .p.tit p{background: rgba(255,255,255,0.1); padding: 18px 40px; border-radius: 4px; border: 2px #75B2E4 solid; font-size: 24px; box-shadow: 0 0 36px rgba(19,105,183,0.8) inset; margin-bottom: 0;}

.contperTwo .occupaBox .box .left .item .p.tit{transform: translateX(-50px);}
.contperTwo .occupaBox .box .right .item .p.tit{transform: translateX(50px);}
.contperTwo .occupaBox .box .right .item img{ transform: rotateY(180deg); margin-right: 60px;}
.contperTwo .occupaBox .box .right .item:nth-child(2){ margin-right: 45px;}
.contperTwo .occupaBox .box .right .item:nth-child(3){ margin-right: 86px;}
.contperTwo .occupaBox .box .right .item:nth-child(4){ margin-right: 150px;}
.contperTwo .occupaBox .btm{ text-align: center; margin-top: 30px;}
.contperTwo .occupaBox .btm .item,.contperTwo .occupaBox .btm .item p{margin-bottom: 10px;}
.contperTwo .occupaBox .item:nth-child(1) img{ animation-delay: 0.1s;}
.contperTwo .occupaBox .item:nth-child(2) p{ animation-delay: 0.3s;}
.contperTwo .occupaBox .item:nth-child(2) img{ animation-delay: 0.5s;}
.contperTwo .occupaBox .item:nth-child(3) p{ animation-delay: 0.7s;}
.contperTwo .occupaBox .item:nth-child(3) img{ animation-delay: 0.9s;}
.contperTwo .occupaBox .item:nth-child(4) p{ animation-delay: 1.1s;}
.contperTwo .occupaBox .item:nth-child(4) img{ animation-delay: 1.3s;}
.contperTwo .occupaBox .btm .item:nth-child(1) p{animation-delay: 1.5s;}
.contperTwo .occupaBox .btm .item:nth-child(1) img{animation-delay: 1.5s;}
.contperTwo .occupaBox .btm .item:nth-child(2) p{animation-delay: 1.7s;}
.contperTwo .occupaBox .btm .item:nth-child(2) img{animation-delay: 1.7s;}
.contperTwo .occupaBox .btm .item:nth-child(3) p{animation-delay: 1.9s;}
.contperTwo .occupaBox .btm .item:nth-child(3) img{animation-delay: 1.9s;}

.contperThree{background: url(../images/contperThreeBg.jpg) no-repeat bottom center; background-size: cover; height: 960px; padding-top: 100px; box-sizing: border-box;}
.contperThree .inpageTitle{ color: #fff; text-align: center; margin-bottom: 8px;}
.contperThree .box{position: relative; max-width: 1346px; width: 90%; margin: 80px auto 0; height: 680px; color: #fff; display: flex;flex-direction: column-reverse; padding-left: 30px; box-sizing: border-box;}
.contperThree .box .item .p{position: relative; float: left; width: 320px;}
.contperThree .box .item .p::before{ content: ""; position: absolute; top: 48px; right: calc(100% + 18px); width: 360px; height: 61px; border-top: 1px #fff solid; border-left: 1px #fff solid;}
.contperThree .box .item .p h3{position: relative; font-size: 20px; color: #FFFFFF; font-weight: normal; padding-bottom: 4px; margin-bottom: 20px; padding-top: 35px;}
.contperThree .box .item .p h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 83px; height: 2px; background: #fff;}
.contperThree .box .item .p h3 b{ font-size: 49px; opacity: 0.3; font-family: 'BebasNeue'; letter-spacing: -1px; padding-right: 6px;}
.contperThree .box .item .p p{color: #fff; line-height: 28px;}
.contperThree .box .item{position: absolute;}
.contperThree .box .item:nth-child(2n+1) .p{ float: right;}
.contperThree .box .item:first-child{ left: 0;right: 0;bottom: 65px;}
.contperThree .box .item:first-child .p{ width: 390px; margin-right: 125px;}
.contperThree .box .item:nth-child(2){left: 104px;    bottom: 263px;}
.contperThree .box .item:nth-child(2) .p{ width: 390px;}
.contperThree .box .item:nth-child(3){left: 0;right: 0;bottom: 287px;}
.contperThree .box .item:nth-child(5){left: 0;right: 0;bottom: 576px;}
.contperThree .box .item:nth-child(5) .p{transform: translateX(40px);}
.contperThree .box .item:nth-child(4){left: 30px;bottom: 446px;}
.contperThree .box .item:nth-child(4) .p{margin-left: 0px;width: 390px;}
.contperThree .box .item:nth-child(3) .p::before{width: 190px;}
.contperThree .box .item:nth-child(5) .p::before{width: 110px; height: 31px;}
.contperThree .box .item:nth-child(2) .p::before{width: 372px; height: 60px; right: auto; left: 104px; top: 50px; border-left: none; border-right: 1px #fff solid;}
.contperThree .box .item:nth-child(4) .p::before{width: 352px; height: 55px; right: auto; left: 104px; top: 50px; border-left: none; border-right: 1px #fff solid;}

/*零碳园区*/

.nzeroparkBox .nBan .textBox{ box-sizing: border-box; top: 62%; text-align: center;}
.nPackBox .nBan .textBox{ top: 31%;}
.nzeroparkBox .nBan .textBox h3{ font-size: 40px;}
.nzeroparkBox .nBan .textBox p{ width: 100%; text-align: center;}
.zeroparkOne .box{background-image: url(../images/zeroparkOneBg.jpg); padding: 62px 0 137px 0;}
.zeroparkOne .box .left{ width: calc(100% - 850px);}
.zeroparkOne .box .left .title{ font-size: 30px; line-height: 56px; color: #FFFFFF; padding-top: 50px;}
.zeroparkOne .box .left .word{ color: #fff; margin: 40px 0 98px 0; width: 74%;}
.zeroparkOne .box .left .num .item{ margin-bottom: 30px;}
.zeroparkOne .box .left .num .item h3{ font-size: 18px; line-height: 50px; color: #fff;}
.zeroparkOne .box .left .num .item h3 b{ font-size: 50px; font-weight: normal;}
.zeroparkOne .box .left .num .item p{ font-size: 18px; line-height: 28px; color: #fff; font-weight: 300;}
.zeroparkOne .box .left .num .p{ display: flex; justify-content: space-between;}
.zeroparkOne .box .left .num .p .item{ }
.zeroparkOne .box .left .tip{color: #fff; font-weight: 300; padding-top: 60px;}
.zeroparkOne .box .right{ position: relative; max-width: initial; width: 818px;}
.zeroparkOne .box .right .mapImg1{ display: none;}
.zeroparkOne .box .right .mapImg{ width: 100%;}
.zeroparkOne .box{ position: relative;}
.zeroparkOne .w1400{position: relative; z-index: 1;}
.particles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1;}

.zeroparkTwo .inpageTitle{text-align: center; margin-bottom: 60px;}
.zeroparkTwo .box{ overflow: hidden;}
.zeroparkTwo .box .ztwoTextBox{float: left; width: 50%; position: relative; overflow: hidden;}
.zeroparkTwo .box .ztwoTextBox ul li{position: relative; cursor: pointer;}
.zeroparkTwo .box .ztwoTextBox ul li em{ display: block; padding-bottom: 70%; background-size: cover;background-position: center;}
.zeroparkTwo .box .ztwoTextBox ul li .text{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.25); padding: 30px; box-sizing: border-box; z-index: 1; color: #fff; transition: 0.6s;}
.zeroparkTwo .box .ztwoTextBox ul li .text::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(6px); z-index: -1;}
.zeroparkTwo .box .ztwoTextBox ul li .text .title{ font-size: 20px; line-height: 24px;}
.zeroparkTwo .box .ztwoTextBox ul li .text .title span{ max-width: calc(100% - 200px);}
.zeroparkTwo .box .ztwoTextBox ul li .text .title i{ display: block; border-bottom: 1px #fff solid; margin-left: 40px; position: relative; top: 10px;}
.zeroparkTwo .box .ztwoTextBox ul li .text .type{ display: flex; margin-top: 34px ; margin-bottom: 22px;}
.zeroparkTwo .box .ztwoTextBox ul li .text .type span{display: block; min-width: 22%; margin-right: 20px; font-size: 18px;}
.zeroparkTwo .box .ztwoTextBox ul li .text .type span i{font-weight: 300;}
.zeroparkTwo .box .ztwoTextBox ul li .text .txt{ font-size: 18px; line-height: 32px;  -webkit-line-clamp: 4; 
 transition: 0.6s; overflow: hidden; max-height: 0; }
.zeroparkTwo .box .ztwoTextBox .btnBox{position: absolute; top: 40px; right: 40px; width: 166px;color: #fff; }
.zeroparkTwo .box .ztwoTextBox .btnBox .btn{ font-size: 20px;font-family: 'BebasNeue'; position: relative; top: auto; bottom: auto;}
.zeroparkTwo .box .ztwoTextBox .btnBox .switch{position: absolute; top: -6px; right: 0; width: 40px; height: 40px; background: url(../images/svg/qie.svg) no-repeat 0 0; z-index: 14; cursor: pointer; }
.zeroparkTwo .box .ztwoTextBox .btnBox .switch.prev{right: auto; left: 0; transform: rotate(180deg);}
.zeroparkTwo .box .ztwoTextBox .btnBox .switch.swiper-button-disabled{opacity: 0.5;}
.zeroBg{  position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: -1; opacity: 0;}
.zeroBg.show{z-index: 23; opacity: 23;}
.zeroTanBox{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1500px; z-index: -1; opacity: 0; background: #fff; padding: 54px; box-sizing: border-box;}
.zeroTanBox.show{z-index: 24; opacity: 1;}
.zeroTanBox .close{ position: absolute; top: -56px; right: -34px; filter: brightness(0) invert(1); cursor: pointer;}
.zeroTanBox .box{ display: flex; justify-content: space-between;}
.zeroTanBox .box .tanPic{position: relative; overflow: hidden; width: 52%; padding-bottom: 30px;}
.zeroTanBox .box .tanPic ul li em{ display: block; padding-bottom: 60%;}
.zeroTanBox .box .tanPic ul li video{width: 100%; height: 100%; object-fit:contain;}
.zeroTanBox .box .tanPic .swiper-pagination{ bottom: 0;}
.zeroTanBox .box .tanPic .swiper-pagination span{width: 10px; height: 10px;}
.zeroTanBox .box .tanPic .swiper-pagination span.swiper-pagination-bullet-active{background: #276AB1;}
.zeroTanBox .box .tanPic .switch{width: 40px; height: 40px; background: url(../images/svg/qie.svg) no-repeat 0 0;}
.zeroTanBox .box .tanPic .switch.swiper-button-prev{transform: rotate(180deg);}
.zeroTanBox .box .textBox{ width: 48%; padding-left: 40px; box-sizing: border-box; padding-top: 25px;}
.zeroTanBox .box .textBox .title{font-weight: 500;color: #3C3C3C;line-height: 24px;letter-spacing: 1px; font-size: 24px; padding-bottom: 15px;}
.zeroTanBox .box .textBox .miao{display: flex; justify-content: space-between;}
.zeroTanBox .box .textBox .miao .p{ margin-top: 15px; font-size: 18px; color: #3C3C3C;}
.zeroTanBox .box .textBox .txt{ margin-top: 15px;overflow-y: auto;height: 345px;padding-right: 10px;}
.zeroTanBox .box .textBox .txt::-webkit-scrollbar{width: 5px;height: 5px;background: #C3C3C3;border-radius: 2px;}
.zeroTanBox .box .textBox .txt::-webkit-scrollbar-thumb{background:  #276AB1;border-radius: 2px;}
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -66px;top: -34px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 34px;height: 34px;font-size: 50px;text-align: center;line-height: 26px;font-weight: bold; color: #fff; font-weight: 300;}


.zeroparkThree .inpageTitle{ text-align: center;}
.zeroparkThree .box{overflow: hidden; margin-top: -18px;}
.zeroparkThree .box .item{position: relative; float: left; width: 49.36%; overflow: hidden; margin-top: 18px;}
.zeroparkThree .box .item:nth-child(2n){ float: right;}
.zeroparkThree .box .item em{ display: block; padding-bottom: 62.2%;}
.zeroparkThree .box .item .mask{position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.65));}
.zeroparkThree .box .item .text{position: absolute; bottom: 0; transform: translateY(calc(100% - 104px)); left: 0; width: 100%; color: #fff; padding: 30px; box-sizing: border-box; transition: 0.5s;}
.zeroparkThree .box .item .text .title{position: relative; font-size: 24px; color: #FFFFFF; line-height: 34px; height: 34px; padding-right: 84px; margin: 20px 0; box-sizing: border-box;}
.zeroparkThree .box .item .text .title .address{position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 16px;}
.zeroparkThree .box .item .text .title .address img{ margin-right: 6px; position: relative; top: 2px;}
.zeroparkThree .box .item .text .txt{ font-size: 20px; line-height: 30px; color: #FFFFFF; }
.zeroparkThree .box .item:hover .text{ transform: none;}

.zeropark3 .inpageTitle{text-align: center;}
/* .zeropark3 .box{ display: flex; justify-content: space-between; height: 600px;}
.zeropark3 .box .item{position: relative; overflow: hidden; width: 25%; cursor: pointer; transition: .6s;}
.zeropark3 .box .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.zeropark3 .box .item em{ display: block; height: 100%;}
.zeropark3 .box .item .title{position: absolute;top: 50%; left: 4%; width: 92%; transform: translateY(-50%); color: #fff; font-size: 24px; transition: .4s; text-align: center;}
.zeropark3 .box .item .text{position: absolute; top: 35%; left: 8%; width: 82%; color: #fff; visibility: hidden; opacity: 0; }
.zeropark3 .box .item .text .tit{ font-size: 24px; margin-bottom: 30px;}
.zeropark3 .box .item .text .txt{ font-size: 20px; line-height: 30px; color: #fff; text-align: justify; font-weight: 300;} */

/* .zeropark3 .box .item:hover{ width: 36%;}
.zeropark3 .box .item:hover .title{ top:30%; opacity: 0;}
.zeropark3 .box .item:hover .text{ visibility: initial; opacity: 1; top: 25%; transition: 0.6s 0.4s;} */

.zeropark3 .box .item .mask,.zeropark4 .box .item .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.zeropark3 .box4 .item{ width: 25%;}
.zeropark3 .box4 .item:nth-child(2){ left: 25%; }
.zeropark3 .box4 .item:nth-child(3){ left: 50%; right: auto;}
.zeropark3 .box4 .item:nth-child(4){ left: auto; right: 0;}
.zeropark3 .box4 .item:nth-child(3):hover{left: 0; z-index: 2; width: 100%;}

.zeroparkFour .inpageTitle{ text-align: center;margin-bottom: 60px;}
.zeroparkFour .row{display: flex;}
.zeroparkFour .row .item{ position: relative; display: block; overflow: hidden;}
.zeroparkFour .row .item em{ display: block; height: 100%; background-size: cover; background-position: center; transition: .8s;}
.zeroparkFour .row .item .mask{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #3676FF; opacity: .4;}
.zeroparkFour .row .item .title{position: absolute; bottom: 40px; left: 0; width: 94%; box-sizing: border-box;  color: #fff; z-index: 1; background: linear-gradient(90deg,rgba(8,56,107,1),rgba(8,56,107,0)); padding: 30px 30px 30px 40px; transition: 0.2s;}
.zeroparkFour .row .item .title h3{ font-weight: normal; font-size: 20px; }
.zeroparkFour .row .item .title .t{ font-size: 16px; font-weight: normal; margin-top: 12px;}
.zeroparkFour .row .item .title .t span{ display: inline-block;}
.zeroparkFour .row .item .title .t span:first-child{ margin-right: 40px;}
.zeroparkFour .row .item .title .t span img{ width: 16px; position: relative; top: 2px; margin-right: 10px;}
.zeroparkFour .row .item .text{position: absolute; bottom: 0; left: 0; width: 100%; height: 0; color: #fff; box-sizing: border-box; transition: 0.5s; background: #3676FF; transition: .5s; overflow: hidden; z-index: 2;}

.zeroparkFour .row .item .text .txt{ padding: 50px 50px 0 50px; font-size: 20px; line-height: 30px; color: #FFFFFF;  }
.zeroparkFour .row .item .text .txt h3{ margin-bottom: 20px;}

.zeroparkFour .row_1 .item_1{width: 44.375%;}
.zeroparkFour .row_1 .item_1 em{padding-bottom: 70%; height: 0;}
.zeroparkFour .row_1 .item_2{width: 27.8125%;}
.zeroparkFour .row_1 .item_2 .mask{ background: #3769bf;}
.zeroparkFour .row_1 .item_2 .text{ background: #3769bf;}
.zeroparkFour .row_1 .item_3{width: 27.8125%;}
.zeroparkFour .row_1 .item_3 .text{ background: #3676FF;}
.zeroparkFour .row_1 .item_3 .mask{ background: #3676FF;}
.zeroparkFour .row_2 .item_1{width: 27.8125%;}
.zeroparkFour .row_2 .item_1 .text{ background: #3769bf;}
.zeroparkFour .row_2 .item_1 .mask{ background: #3769bf;}
.zeroparkFour .row_2 .item_2{width: 44.375%;}
.zeroparkFour .row_2 .item_2 .text{ background: #3769bf;}
.zeroparkFour .row_2 .item_2 .mask{ background: #3769bf;}
.zeroparkFour .row_2 .item_2 em{padding-bottom: 56%; height: 0;}
.zeroparkFour .row_2 .item_3{width: 27.8125%;}
.zeroparkFour .row_2 .item_3 .text{ background: #3676FF;}
.zeroparkFour .row_2 .item_3 .mask{ background: #3676FF;}

/* .zeroparkFour .row .item:hover .title{opacity: 0;} */
/* .zeroparkFour .row .item:hover .text{ height: 100%;} */
.zeroparkFour .row .item:hover em{transform: scale(1.05);}

/*智慧平台*/
.nplatformBox .nBan .textBox{  letter-spacing: 1; top: 28%;}
.nplatformBox .nBan .textBox .text{ display: inline-block; text-align: left;}
.nplatformBox .nBan .textBox .text h3{ font-size: 48px; line-height: 70px; margin: 4px 0;}
.nplatformBox .nBan .textBox .text h3 b{ font-size: 58px;}
.platformOne{ display: flex; justify-content: space-between;}
.platformOne .item{position: relative; width: 50%; overflow: hidden;}
.platformOne .item em{ display: block; padding-bottom: 62.5%; transition: .7s;}
.platformOne .item:hover em{ transform: scale(1.1);}
.platformOne .item .text{position: absolute; bottom: 70px; left: 0; width: 100%; box-sizing: border-box; padding: 0 26%; color: #fff;}
.platformOne .item .text img{ display: block; height: 60px; transition: 0.5s;}
.platformOne .item .text h3{font-size: 28px; line-height: 40px; margin: 22px 0 9px 0;}
.platformOne .item .text p{ font-size: 22px; line-height: 30px;}
.platformOne .item:hover .text img{transform: translateY(-10px);}
.platformOne .item:nth-child(2n) .text{padding: 0 83px;}
.platformTwo{ padding-top: 0;}
.platformBox{ overflow: hidden;}
.platformBox .title{ text-align: center; color: #2C2C2C;}
.platformBox .title h3{ font-size: 40px; line-height: 56px; height: 56px;}
.platformBox .title p{ font-size: 18px; line-height: 24px; margin-top: 12px;}
.platformTwo .box{ display: flex; justify-content: space-between; margin-top: 63px;}
.platformTwo .box .item{position: relative; width: 33.333%; transition: .6s;}
.platformTwo .box .item em{ display: block; height: 628px;}
.platformTwo .box .item .text{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center;  z-index: 0;}
.platformTwo .box .item .text .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10, 56, 165, .57); z-index: -1; opacity: 0; transition: 0.6s;}
.platformTwo .box .item .text .iconBox{animation-delay: 0.4s;}
.platformTwo .box .item .text .icon{ height: 54px; display: flex; align-items: center; justify-content: center; padding-top: 100px;}
.platformTwo .box .item .text .icon img{ display: block; transition: 0.5s; max-height: 100%;}
.platformTwo .box .item .text h3{ font-size: 28px; line-height: 40px; color: #fff; font-weight: normal; margin-top: 28px; }
.platformTwo .box .item .text .txt{ font-size: 18px; line-height: 28px; width: 80%; margin: 0 auto; text-align: justify; color: #b2c8fa; margin-top: 50px;  visibility: hidden; opacity: 0; transform: translateY(30px); transition: .5s;}
.platformTwo .box .item:hover{ width: 42%;}
.platformTwo .box .item:hover .mask{ opacity: 1;}
.platformTwo .box .item:hover .txt{ visibility: initial; opacity: 1; transform: none; transition: 0.6s 0.4s;}

.platformThree{background: url(../images/platformThreeBg.jpg) no-repeat center; background-size: cover; padding: 140px 0 154px 0;}
.platformThree .box{ display: flex; justify-content: space-between; margin-top: 70px;}
.platformThree .box .item{ text-align: center;}
.platformThree .box .item:nth-child(2){animation-delay: 0.2s;}
.platformThree .box .item:nth-child(3){animation-delay: 0.4s;}
.platformThree .box .item:nth-child(4){animation-delay: 0.6s;}
.platformThree .box .item:nth-child(5){animation-delay: 0.8s;}
.platformThree .box .icon{ width: 180px; height: 180px; display: flex; margin:auto; justify-content:center; align-items: center; border: 1px #3C3C3C solid; box-sizing: border-box; border-radius: 50%; background: rgba(255,255,255,0.17); transition: 0.5s;}
.platformThree .box .icon img{ display: block;}
.platformThree .box .item p{ font-size: 24px; line-height: 34px; color: #2C2C2C; margin-top: 52px;}
.platformThree .box .item .txt{ font-size: 18px; color: #444; margin-top: 10px;}
.platformThree .box .item:hover .icon{transform: translateY(-10px);}
.platformFour{background: url(../images/platformFour2.jpg) no-repeat center; background-size: cover; padding: 105px 0 62px 0; overflow: hidden;}
.platformFour .title{ color: #fff;}
.platformFour .box{position: relative; max-width: 1340px; width: 90%; margin: 0 auto; transform: translateX(0); margin-top: -54px; height:762px;}
.platformFour .box .item{position: absolute; width: 380px;  color: #75FFFF;  box-sizing: border-box;}
.platformFour .box .item .bg{display: block; width: 100%;}
.platformFour .box .item h3{ font-weight: normal; padding-left: 10px; font-size: 24px;}
.platformFour .box .item h3 i{font-family: 'BebasNeue'; font-size: 34px; line-height: 34px; display: inline-block; margin-right: 10px;}
.platformFour .box .item .text{position: absolute; top: 48px; left: 0; width: 100%;  padding: 0 50px;}
.platformFour .box .item .txt{font-size: 18px; line-height: 32px; font-weight: 300; margin-top: 12px;}
.platformFour .box .item .txt p{position: relative; padding-left: 16px;}
.platformFour .box .item .txt p::before{ content: ""; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background: #75FFFF; border-radius: 50%;}
.platformFour .box .item1{ top: 0; right: 120px;}
.platformFour .box .item2{ top: 310px; right: 0; width: 433px;} 
.platformFour .box .item2 .text{padding: 0 38px; top: 40px;}
.platformFour .box .item3{ bottom: -30px; left: 48%; margin-left: -210px; width: 420px;} 
.platformFour .box .item3 .text{ padding: 0 62px;}
.platformFour .box .item4{ top: 360px; left: 0; width: 410px;} 
.platformFour .box .item5{ top: 36px; left: 140px; width: 330px;} 
.platformFour .box .item5 .text{top: 40px;}
.platformFive{ background: url(../images/platformFive.jpg) no-repeat bottom center; background-size: cover; padding: 144px 0 323px 0;}
.platformFive .title{color: #fff;}
.platformFive .box{display: flex; justify-content: space-between; margin-top: 80px;}
.platformFive .box .item{ text-align: center;}
.platformFive .box .item:nth-child(2){animation-delay: 0.2s;}
.platformFive .box .item:nth-child(3){animation-delay: 0.4s;}
.platformFive .box .item:nth-child(4){animation-delay: 0.6s;}
.platformFive .box .item:nth-child(5){animation-delay: 0.8s;}
.platformFive .box .item:nth-child(6){animation-delay: 1s;}
.platformFive .box .item:nth-child(7){animation-delay: 1.2s;}
.platformFive .box .item:nth-child(8){animation-delay: 1.4s;}
.platformFive .box .icon{width: 100px; height: 100px; display: flex; justify-content: space-between; align-items: center; transition: 0.5s;}
.platformFive .box .icon img{ display: block; max-height: 100%;}
.platformFive .box .item p{ font-size: 24px; line-height: 24px; color: #FFFFFF; margin-top: 40px; letter-spacing: 1px;}
.platformFive .box .item:hover .icon{ transform: translateY(-10px);}
.platformSix{ background: url(../images/platformSix.jpg) no-repeat center; background-size: cover;  padding: 115px 0 246px 0;}
.platformSix .title{ color: #fff;}
.platformSix .box .txt{ width: 352px; margin: 38px auto; color: #fff; text-align: center;}
.platformSix .box .go{ display: block; margin: 0 auto; width: 230px; font-size: 18px; line-height: 18px; padding: 24px 0; text-align: center; border: 1px #fff solid; border-radius: 4px; color: #fff; transition: 0.4s; margin-top: 46px;}
.platformSix .box .go:hover{background: #276AB1; border-color: #8EC31F;}

/*科技创新*/
.nScienceBox .nBan .textBox{top: 50%; transform: translate(-50%,-50%);letter-spacing:6px;}
.scienceOne{ background-image: url(../images/scienceOne.jpg); background-position: top center; padding: 142px 0 70px 0; }
.scienceOne .box .title{ line-height: 40px; margin-top: 15px;}
.scienceOne .box .text{ margin-top: 122px; font-size: 18px; line-height: 28px; text-align: justify;}
.scienceOne .box .imgBox{ display: flex; justify-content: space-between; margin-top: 70px; overflow: hidden;}
.scienceOne .box .imgBox .item{position: relative; overflow: hidden; width: 48.4%;}
.scienceOne .box .imgBox .item::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(rgba(1,3,46,0),rgba(1,3,46,1)); z-index: 2;}
.scienceOne .box .imgBox .item em{ display: block; padding-bottom: 63.3%; transition: 0.8s;}
.scienceOne .box .imgBox .item:hover em{ transform: scale(1.05);}
.science{ overflow: hidden; color: #fff;}
.science .sciMore{ margin-top: 69px; text-align: center;}
.science .inpageMore{ filter: brightness(0) invert(1); animation-delay: 0.2s; }
.scienceTwo{background-image: url(../images/scienceTwo.jpg); background-position: top center; padding: 86px 0;}
.scienceTwo .box .title{  line-height: 56px; margin-top: 14px;}
.scienceTwo .box .proBox{ display: flex;justify-content: space-between; align-items: center; margin-top: 140px; overflow: hidden;}
.scienceTwo .box .text{ width: 45.7%; font-size: 18px; line-height: 2; text-align: justify;}
.scienceTwo .box .proBox .img{ width: 50%; text-align: right;}
.scienceTwo .box .titBox{ text-align: center; margin-top: 43px;}
.scienceTwo .box .titBox h3{ line-height: 40px; margin-bottom: 36px; font-weight: normal;}
.scienceTwo .box .titBox .text{ width: 100%; text-align: center;}
.scienceTwo .box .iconBox{ display: flex; justify-content: space-between; margin-top: 118px;}
.scienceTwo .box .iconBox .item{ max-width: 195px; width: 14.6%;}
.scienceTwo .box .iconBox .item .icon{ display: flex; align-items: center; justify-content: center; height: 62px; transition: 0.4s;}
.scienceTwo .box .iconBox .item:hover .icon{ transform: translateY(-10px);}
.scienceTwo .box .iconBox .item .icon img{ max-height: 100%;}
.scienceTwo .box .iconBox .item p{ text-align: center; margin-top: 32px; font-size: 18px; line-height: 28px;}
.scienceTwo .box .sciMore{ margin-top: 118px;}
.scienceThree{background-image: url(../images/scienceThree.jpg); background-position: top center; padding: 86px 0;}
.scienceThree .box .title{ line-height: 56px; }
.scienceThree .box .title_en{ font-size: 18px; line-height: 26px; margin: 4px 0 7px 0; text-transform: uppercase; animation-delay: 0.1s;}
.textColor{display: inline-block; background: linear-gradient(to right, #fff, #65CAF4); -webkit-background-clip: text; color: transparent;}
.w1530{ max-width: 1530px; width: 92%; margin: 0 auto;}
.scienceThree .proBox{ display: flex; justify-content: space-between; align-items: center; margin-top: 60px; overflow: hidden; padding-bottom: 22px;}
.scienceThree .proBox .picBox{ width: 766px; height: 450px; position: relative; }
.scienceThree .proBox .picBox::after{content: ""; position: absolute; top: 20px; left: 20px; width: 100%; height: 100%; background: rgba(255,255,255,0.03); border: 1px solid rgba(101,202,244,0.2);}
.scienceThree .proBox .picBox .pic{width: 100%; height: 100%; overflow: hidden; position: relative;}
.scienceThree .proBox .picBox em{ display: block; height: 100%;}

.scienceThree .proBox .picBox .pic .btnBox{position: absolute; bottom: 36px; right: 50px; width: 166px;color: #fff; }
.scienceThree .proBox .picBox .pic .btnBox .btn{ font-size: 20px;font-family: 'BebasNeue'; position: relative; top: auto; bottom: auto;}
.scienceThree .proBox .picBox .pic .btnBox .switch{position: absolute; top: -6px; right: 0; width: 40px; height: 40px; background: url(../images/svg/qie.svg) no-repeat 0 0; z-index: 14; cursor: pointer; }
.scienceThree .proBox .picBox .pic .btnBox .switch.prev{right: auto; left: 0; transform: rotate(180deg);}
.scienceThree .proBox .picBox .pic .btnBox .switch.swiper-button-disabled{opacity: 0.5;}
.scienceThree .proBox .textBox{ width: calc(100% - 842px);}
.scienceThree .proBox .textBox h3{ font-weight: normal; font-size: 24px; line-height: 56px;}
.scienceThree .proBox .textBox h4{ font-weight: normal; text-transform: uppercase; font-size: 18px; line-height: 26px; margin-top: 10px; letter-spacing: 0px;}
.scienceThree .proBox .textBox h4.h4_2{ letter-spacing: 3.4px;}
.scienceThree .proBox .textBox .txt{ margin: 37px 0 40px 0; font-size: 18px; font-weight:300; line-height: 28px; text-align: justify;}

.scienceThree .iconBox{ margin-top: 96px; background: rgba(255,255,255,0.2); border-radius:20px; padding: 54px 66px; display: flex; justify-content: space-between;}
.scienceThree .iconBox .tit{  line-height: 56px;}
.scienceThree .iconBox .left{ width: 40%;border-right: 1px solid rgb(255,255,255,0.1);}
.scienceThree .iconBox .left .item{ display: flex; align-items: center; margin-top: 110px;}
.scienceThree .iconBox .left .item:first-child{ margin-top: 58px;}
.scienceThree .iconBox .icon{ width: 50px; height: 50px; display: flex; align-items: center; transition: 0.4s;}
.scienceThree .iconBox .left .item h3{ margin: 0 56px; font-size: 24px; letter-spacing: 1px; font-weight: normal;}
.scienceThree .iconBox .left .item p{ font-size: 18px; font-weight:300;  width: 40%;}
.scienceThree .iconBox .right{ width: 48%;}
.scienceThree .iconBox .right .rightBox{ overflow: hidden; padding-top: 20px; vertical-align: top;}
.scienceThree .iconBox .right .rightBox .item{ float: left; height: 200px;  display: flex; justify-content: space-between; margin-top: 38px;}
.scienceThree .iconBox .right .rightBox .item:nth-child(2n){ float: right;}
.scienceThree .iconBox .right .rightBox .item .txt{ margin-left: 30px;min-width: 175px;max-width: 200px;}
.scienceThree .iconBox .right .rightBox .item .txt h4{ font-weight: normal; font-size: 24px; line-height: 40px; margin-bottom: 15px;}
.scienceThree .iconBox .right .rightBox .item .txt .t{ font-size: 18px; font-weight:300;  line-height: 28px;}
.scienceThree .iconBox .item:hover .icon{ transform: translateX(10px);}
/*港华时代*/
.ghsdBox{ background: #1A2249;}
.ghsd{overflow: hidden; color: #fff;}
.ghsdTitle{ font-size: 30px; line-height: 56px;letter-spacing: 5px;}
.ghsdOne{background-position: top center; background-image: url(../images/ghsdBg1.jpg); padding-top: 104px;}
.ghsdOne .intro{ display: flex; justify-content: space-between; align-items: center;}
.ghsdOne .intro .left{ width: 53%; padding-left: 122px; box-sizing: border-box;}
.ghsdOne .intro .left .text{ font-size: 18px; line-height: 28px; text-align: justify; margin-top: 30px;}
.ghsdOne .intro .left .type{ padding-top: 9px;}
.ghsdOne .intro .left .type .item{ position: relative; margin-top: 50px; padding-left: 100px;}
.ghsdOne .intro .left .type .item img{ position: absolute; top: -11px; left: 0;width: 50px;} 
.ghsdOne .intro .left .type .item h3{ font-size: 24px; line-height: 30px; letter-spacing: 3px; font-weight: normal; margin-bottom: 31px;}
.ghsdOne .intro .left .type .item .t{ font-size: 18px; line-height: 28px;}
.ghsdOne .intro .right{ max-width: 46%; text-align: right;margin-top: 70px;}
.ghsdOne .business{ margin-top: 130px;}
.ghsdOne .business .ghsdTitle{ text-align: center;}
.ghsdOne .business .box{ display: flex; justify-content: space-between; margin-top: 50px; overflow: hidden;}
.ghsdOne .business .box .item{position: relative; width: 48.17%; overflow: hidden;}
.ghsdOne .business .box .item::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0,0,0,0.8),rgba(0,0,0,0.1)); z-index: 1;}
.ghsdOne .business .box .item em{ display: block; padding-bottom: 47.35%; transition: 0.8s;}
.ghsdOne .business .box .item .text{ position: absolute; top: 62px; padding: 0 70px; box-sizing: border-box; width: 100%; transition: 0.5s; z-index: 2;}
.ghsdOne .business .box .item .text h3{ font-size: 24px; line-height: 40px; font-weight: normal; margin-bottom: 45px;}
.ghsdOne .business .box .item .text .txt{ font-size: 18px; line-height: 2; width: 70%;}
.ghsdOne .business .box .item:hover em{ transform: scale(1.05);}
.ghsdOne .business .box .item:hover .text{ top: 72px;}
.ghsdTwo{background-position: top center; background-image: url(../images/ghsdBg2.jpg); padding-top: 150px; padding-bottom: 80px;}
.ghsdTwo .box{position: relative; overflow: hidden;}
.ghsdTwo .box .boxT{ display: flex; justify-content: space-between;}
.ghsdTwo .box .boxT .item{position: relative;}
.ghsdTwo .box .boxT .item img{ display: block;}
.ghsdTwo .box .boxT .item:nth-child(2) img{ transform: rotateY(180deg);}
.ghsdTwo .box .boxT .item .text{position: absolute; top: 66px; width: 100%; padding: 0 72px; box-sizing: border-box;}
.ghsdTwo .box .boxT .item .text h3{ font-size: 24px; line-height: 40px; font-weight: normal;}
.ghsdTwo .box .boxT .item .text .t{padding-top: 18px; overflow: hidden;}
.ghsdTwo .box .boxT .item .text .t span{float: left; display: block; height: 50px; line-height: 46px; border: 2px #094B8F solid; box-sizing: border-box; background: rgba(9,75,143,0.8); width: 32%; margin-right: 2%; text-align: center; font-size: 18px; margin-top: 15px;}
.ghsdTwo .box .boxT .item .text .t span:nth-child(3n){ margin-right: 0;}
.ghsdTwo .box .boxB{ margin-top: 122px; justify-content: center;}
.ghsdTwo .box .boxB .item img{ transform: rotateY(180deg);}
.ghsdTwo .box .titBox{position: absolute; top: -30px; left: 50%; transform: translateX(-50%);}
.ghsdTwo .box .titBox h3{position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); width: 54px; font-size: 26px; line-height: 30px; font-weight: normal;}
.ghsdTwo .box .titBox b{ position: absolute; font-size: 30px; font-weight: 500; font-family: arial;}
.ghsdTwo .box .titBox .b1{ top: 44%; left: 35.5%;}
.ghsdTwo .box .titBox .b2{ top: 44%; right: 35.5%;}
.ghsdTwo .box .titBox .b3{ top: 71.5%; left: 50%; transform: translateX(-50%);}

.ghsdThree { background-image:url(../images/ghsdThreeBg.jpg); padding-top: 20px; padding-bottom: 119px;}
.ghsdThree .ghsdTitle{ text-align: center; }
.ghsdThree .box{ display: flex; height: 628px; margin-top: 50px;}
.ghsdThree .box .item{position: relative; width: 33.333%; overflow: hidden;}
.ghsdThree .box .item::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,.7)); z-index: 1;}
.ghsdThree .box .item em{ display: block; height: 100%; transition: 0.8s;}
.ghsdThree .box .item .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 153px 80px 0 80px; box-sizing: border-box; transition: 0.5s; animation-delay: 0.4s;}
.ghsdThree .box .item .text .icon{ height: 60px;}
.ghsdThree .box .item .text .icon img{ max-height: 100%;}
.ghsdThree .box .item .text h3{ font-weight: normal; font-size: 24px; line-height: 40px; margin: 47px 0;}
.ghsdThree .box .item .text .txt p{ font-size: 18px; line-height: 28px;  margin-bottom: 15px;}
.ghsdThree .box .item:hover em{ transform: scale(1.05);}
.ghsdThree .box .item:hover .text{ padding-top: 140px;}

/* 20220825 */
.fz40{font-size: 40px;}
.activutybg{background: url(../images/0825bg.jpg) bottom center no-repeat;}
.activeTitle{text-align: center;font-weight:bold;color: #3C3C3C;line-height: 56px;padding: 100px 0 50px;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.activeOne .wrap{width: 754px;position: relative;margin: auto;}
.activeOne .wrap .swiper-slide{position: relative;}
.activeOne .wrap .swiper-slide div::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);left: 0;top: 0;transition: 0.3s;}
.activeOne .wrap .swiper-slide div{transform: scale(0.8);transition: 0.4s;}
.activeOne .wrap .swiper-slide-active div{transform: scale(1);}
.activeOne .wrap .swiper-slide div img{display: block;margin: auto;}
.activeOne .wrap .swiper-slide-active div::after{display: none;}
.activeOne .wrap .swiper-slide-active div img{box-shadow: 0 5px 20px rgba(134,134,134,.37);}
.activeOne .wrap .swiper-slide-active div img:hover{box-shadow: 0 5px 20px rgba(134,134,134,.7);transition: 0.3s;}
.activityBtn{margin-top: 50px;}
.activityBtn div{width: 59px;height: 59px;border: 1px solid #999999;cursor: pointer;border-radius: 50%;transition: 0.3s;}
.activityBtn div.prev{background: url(../images/0825prev.svg) center no-repeat;margin-right: 30px;}
.activityBtn div.next{background: url(../images/0825next.svg) center no-repeat;}
.activityBtn div:hover{opacity: 0.5;}
.activeTwo .swiper-slide a{padding-bottom: 315px;float: left;transition: 0.3s;background-position: center 30%;}
.activeTwo .swiper-slide a >  img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none;}
.activeTwo .swiper-slide a:hover{box-shadow: 0 5px 20px rgba(134,134,134,.7);transform: scale(0.98);}
.activeTwo .swiper-slide a .text{background: linear-gradient(to top,rgba(0,0,0,0.79),rgba(0,0,0,0));padding: 56px 30px 30px;width: 100%;box-sizing: border-box;bottom: 0;left: 0;position: absolute;color: #fff;}
.activeTwo .swiper-slide a:nth-child(1){width: 33.8%;margin-bottom: 40px;}
.activeTwo .swiper-slide a:nth-child(2){width: calc(100% - 33.8% - 40px);margin-bottom: 40px;margin-left: 40px;}
.activeTwo .swiper-slide a:nth-child(4){width: 33.8%;}
.activeTwo .swiper-slide a:nth-child(3){width: calc(100% - 33.8% - 40px);margin-right: 40px;}
.poHidden{position: relative;overflow: hidden;}
.photoWrap .swiper-slide .img{height: 400px;margin: 20px;background-size: contain;}
.photoWrap .activityBtn{margin-top: 0;}
.photoWrap .activityBtn div{width: 35px;height: 35px;background-size: 10px;}
.activeThree .swiper-slide {transform: scale(0.7);transition: 0.3s;}
.activeThree .swiper-slide-active{transform: scale(1);}
.activeThree .swiper-slide img{display: block;margin: auto;transition: 0.3s;}
.activeThree .swiper-slide:hover img{transform: translateY(5px);}
.activeThree .swiper-slide h6{text-align: center;color: #3c3c3c;transition: 0.3s;}
.activeThree .swiper-slide p{color: #3C3C3C;line-height: 28px;text-align: center;opacity: 0.8;}
.activeThree .swiper-slide:hover h6{color: #276AB1;}
.fz18{font-size: 18px;}
.fz24{font-size: 24px;}
.activeFour{position: relative;padding-bottom: 110px;}
.activeFour .activityBtn{position: absolute;right: 0;bottom: 0;}
.activeFour .swiper-pagination{left: 0;bottom: 0;width: auto;}
.activeFour .swiper-pagination-bullets .swiper-pagination-bullet,.activeFive .swiper-pagination-bullets .swiper-pagination-bullet{background: #3C3C3C;width: 14px;height: 14px;opacity: 0.4;}
.activeFour .swiper-pagination-bullets .swiper-pagination-bullet-active,.activeFive .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;}
.activeFour .swiper-slide {background: #fff;box-shadow: 0 2px 20px rgba(171,171,171,0.3);transition: 0.3s;}
.activeFour .swiper-slide a span{position: relative;}
.activeFour .swiper-slide a span > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: none;}
.activeFour .swiper-slide .img{padding-bottom: 69%;display: block;transition: 0.3s;}
.activeFour .swiper-slide:hover .img,.activeFive .swiper-slide a:hover .img{transform: scale(1.05);}
.activeFour .swiper-slide .text{padding: 20px 30px;display: block;transition: 0.3s;height: 56px;line-height: 28px;}
.activeFour .swiper-slide:hover .text,.activeFive .swiper-slide a:hover .title {color: #276AB1;font-weight: bold;}
.activeFour .swiper-slide:hover,.activeFive .swiper-slide:hover{box-shadow: 0 2px 20px rgba(171,171,171,0.7);}
.activeFive .swiper-slide a,.activeFour .swiper-slide a{overflow: hidden;}
.block{display: block;}
.activeFive{padding: 0 10px;box-sizing: border-box;}
.activeFive .swiper-slide{box-shadow: 0 2px 20px rgba(171,171,171,0.3);transition: 0.3s;}
.activeFive .swiper-slide a .img{padding-bottom: 60%;transition: 0.3s;}
.activeFive .swiper-slide a .text{padding: 30px;}
.activeFive .swiper-slide a .time{border: 1px solid #979797;border-radius: 5px;line-height: 24px;display: inline-block;padding: 0 12px;color: #666;}
.activeFive .swiper-slide a .title{font-weight: bold; line-height: 20px;margin: 18px 0;transition: 0.3s;}
.activeFive .swiper-slide a .subtitle{line-height: 26px;height: 52px;font-size: 16px;}
.activeFive .swiper-pagination{position: relative !important;margin: 50px 0 100px;}
.ltbgbanner{text-align: left;}
.ltbgbanner .subtitle{color: #333;	font-size: 18px;font-weight:300;letter-spacing:2px;margin: 60px 0 85px;line-height: 1.5;}
.ltbgbanner .title{color: #333;font-size: 40px;letter-spacing: 6px;}
.ltbgbanner a{color: #333;font-size: 18px;line-height: 55px;border: 1px solid rgba(0,0,0,0.3);padding: 0 34px;border-radius: 10px;display: inline-block;transition: 0.3s;}
.ltbgbanner a:hover{background: #91c321;color: #fff;border-color: #91c321;}
.listltbg{padding-bottom: 70px;padding-top: 70px;display: flex;flex-wrap: wrap;}
.listltbg .item{width: 33.33%;padding: 0 40px;box-sizing: border-box;text-align: center;margin-top: 30px;}
.listltbg .item .img{padding-bottom: 138%;display: block;background-position: center;background-size: contain;transition: 0.3s;}
.listltbg .item .title{font-size: 18px;margin-top: 10px;padding-bottom: 20px;}
.listltbg .item a.btn{border: 1px solid rgba(0,0,0,.5);display: inline-block;border-radius: 10px;position: relative;padding-left: 50px;transition: 0.3s;}
.listltbg .item a.btn::before{width: 50px;height: 30px;background: url(../images/0825down.png) center no-repeat;background-size: 20px;border-right: 1px solid rgba(0,0,0,.5);top: 50%;transform: translateY(-50%);content: '';position: absolute;left: 0;}
.listltbg .item a.btn em{padding-left: 16px;}
.listltbg .item a.btn i{line-height: 40px;padding-right: 16px;}
.listltbg .item a.btn:hover *,.listltbg .item a.btn:hover::before{filter: brightness(0) invert(1);}
.listltbg .item a.btn *,.listltbg .item a.btn::after{transition: 0.3s;}
.listltbg .item a.btn:hover{background: #91c321;border-color: #91c321;}
.ltbgbanner.naboutBox .nBan .textBox{transform: translate(-50%,-50%);top: 50%;left: 50%;}
.listltbg .item .img:hover{transform: translateY(-10px);}
/* 20220829 */
.activitybanner .w1400{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.fz48{font-size: 48px;}
.activitybanner .w1400 .fz48{color: #3C3C3C;}
.activitybanner .w1400 > img { margin: 40px 0 50px;display: block;}
.activitybanner .w1400 .disflex{display: flex;}
.activitybanner .w1400 ul{margin-bottom: 40px;}
.activitybanner .w1400 li{padding-left: 38px;background-position: left center;background-repeat: no-repeat;}
.activitybanner .w1400 li:first-child{padding-right: 30px;margin-right: 30px;position: relative;}
/* .activitybanner .w1400 li:first-child::after{content:'';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 20px;background: #999;} */
.activitybanner .w1400 .textTit{color: #3C3C3C;line-height: 2;}
/* 20220831 */
.flexbetween{display: flex;justify-content: space-between;flex-wrap: wrap;}
.white{color: #fff;}
.scienceNew1{margin-top: 240px !important;padding-bottom: 100px;}
.scienceNew1 dd{width:45% ;}
.scienceNew1 dd img{width: 100%;transition: 0.3s;}
.scienceNew1 dd:hover img{transform: scale(1.05);box-shadow: 0 0 10px rgba(255,255,255,0.3);}
.scienceNew1 dt{width: 50%;line-height: 2;}
.scienceNew1 .title{margin-bottom: 40px;}
.scienceNew1 dt p{margin-bottom: 20px; font-weight:300;}
.sciLogo{height: 50px;}
.color333{color: #333;}
.scienceOne .inpageMore{color: #333;filter: none;}
 .scienceOne{background: none;}

.scienceOne .box .text{margin-top: 50px;}

.scienceTwo{background-image: url(../images/083103.jpg);}
.scienceTwo .box .proBox{border-bottom: 1px solid rgba(255,255,255,0.2);margin-top: 0;margin-bottom:145px;padding-bottom:80px;}
/* .scienceThree .iconBox{background: rgba(255,255,255,0.3);} */
.scienceThree .proBox .picBox::after{display: none;}
.scienceThree .proBox .textBox h3,.scienceThree .proBox .textBox h4,.scienceThree .box .title,.scienceThree .box .title_en{background: none;color: #fff;}
.fz30{font-size: 30px;}
.fz36{font-size: 36px;}
/* 20220914 */
 .zeroparkTwoNew .box{display: flex;justify-content: space-between;}
.zeroparkTwoNew .box .ztwoTextBox{width: 32.5%;}
.paddbottom0{padding-bottom: 0 !important;}
.padding70{padding: 70px 0;}
.zeroparkFourNew .row_1 .item_1,.zeroparkFourNew .row_1 .item_2,.zeroparkFourNew .row_1 .item_3{width: 33%;margin-bottom: 8px;}
.zeroparkFourNew .row_1 .item_2,.zeroparkFourNew .row_1 .item_3{margin-left: 0.5%;}
.zeroparkFourNew .row_3{position: relative;overflow: hidden;}
.zeroparkFourNew .row_3 .item em{height: 0;padding-bottom: 35%;}
.zeroparkFourNew .row_3 .btnBox{position: absolute; bottom: 50px; right: 40px; width: 166px;color: #fff; }
.zeroparkFourNew .row_3 .btnBox .btn{ font-size: 20px;font-family: 'DINProLight'; position: relative; top: auto; bottom: auto;}
.zeroparkFourNew .row_3 .btnBox .switch{position: absolute; top: -6px; right: 0; width: 40px; height: 40px; background: url(../images/svg/qie.svg) no-repeat 0 0; z-index: 14; cursor: pointer; }
.zeroparkFourNew .row_3 .btnBox .switch.prev{right: auto; left: 0; transform: rotate(180deg);}
.zeroparkFourNew .row_3 .btnBox .switch.swiper-button-disabled{opacity: 0.5;}
.zeroparkTwoNew .box .ztwoTextBox ul li:hover em{transform: scale(1.05);}
.zeroparkTwoNew .box .ztwoTextBox ul li em{transition: 0.3s;}
.zeroparkTwoNew.zeroparkTwo .box .ztwoTextBox .btnBox{top: auto; bottom: 30px;z-index: 2;}

/* 20220920 */
.qlBox1 .item4.science2One{margin-bottom: 100px !important;padding-top: 150px;}
.science2Three .titleBox{display: flex;align-items: center;}
.science2Three .titleBox img{height: 80px;margin-left: 36px;position: relative;top: -18px;}
.science2One h3.title{margin-bottom: 50px !important;}
.lespp{font-size: 16px !important;}

.science2Two dl dt{width: 50%;}
.science2Two dl{display: flex;margin-bottom: 200px;}
.science2Two dl dt a{display: block;position: relative;}
.science2Two dl dt a .img{display: block;padding-bottom: 415px;background-size: cover;position: relative;}
.science2Two dl dt a .img::after,.science2Two dl dt a .img::before{background: rgba(32,83,145,1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';opacity: 0.65;transition: 0.8s;}
.science2Two dl dt a .img::before{opacity: 0;background: linear-gradient(to right,#225a9d,#13284c);}
.science2Two dl dt a:hover .img::before{opacity: 0.65;}
.science2Two dl dt a .text{position: absolute;left: 65px;top: 50%;transform: translateY(-50%);width: 64%;color: #fff;transition: 0.4s;}
.science2Two dl dt a .text .fz18{font-weight:300;line-height: 1.5; }
.science2Two dl dt a .text *{display: block;}
.science2Two dl dt a .text span:first-child{margin-bottom: 20px;}
.science2Two h3.title{margin-bottom: 50px !important;}
.science2Two dl dt a:hover .img::before{width: 100%;}
.science2Two dl dt a:hover .text{transform: translateY(-60%);}
.science2Three{background-image: url(../images/0921bg.jpg) ;}
.science2Three .bigtitle{font-weight: normal;text-align: center;margin:60px 0;}
.sciendl{display: flex;justify-content: space-between;margin-top: 100px;}
.sciendl dt{width: 52%;}
.sciendl dt a{display: block;padding-bottom: 430px;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 0.3s;}
.sciendl dt a:hover{box-shadow: 0 0 15px rgba(255,255,255,0.5);}
.sciendl dd{width: 43%;color: #fff;}
.sciendl dd span{display: block;color: #fff;}
.sciendl dd .subtitle{line-height: 38px;margin-top: 70px;transition: 0.5s; font-weight:300; }
.sciendl dd .title{line-height: 40px;margin-top: 17px;}
.sciendl dd a{display: block;}
.sciendl dd a:hover .subtitle{margin-top: 35px;}
.sciendl1{margin-top: 124px;}
/* 20221011 */
.page5_w80{padding: 0 5%;}
.page5Swiper{margin: 162px 0;padding:0 5%;}
.page5Swiper .disflex{flex-wrap: wrap;}
.page5Swiper .text{width: 100%;color: #333;}
.page5Swiper .text .intel{line-height: 32px;margin-top: 35px;margin-bottom: 35px; font-weight:300; }
.page5Swiper .img{padding-bottom: 146.5%;width: 100%; margin-bottom: 15px; transition: 0.6s;background-repeat: no-repeat;background-position: center;background-size: cover;}
.page5Swiper .img:hover{box-shadow: 0 0 15px rgba(0,0,0,0.3);transform: scale(1.05);}
.page5Swiper .swiper-slide:nth-child(even) .disflex{flex-direction: column-reverse;}
.page5Swiper .swiper-slide:nth-child(even) .disflex .img{margin-bottom: 35px;}

.pageImg{position: absolute;width: 150px;z-index: 2;}
.pageImg .img{padding-bottom: 400px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.page5LImg{left: 5%;top:50%;box-shadow: 10px 5px 10px rgba(0,0,0,0.3);}
.page5RImg{right: 5%;bottom:26%;box-shadow: -10px 5px 10px rgba(0,0,0,0.3)}

.page5_w80 .btnbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;cursor: pointer;}
.page5_w80 .btnbox img{display: block;transition: 0.3s;}
.page5_w80 .btnbox.btnPrev img{transform: rotateY(180deg);}
.page5_w80 .btnbox:hover img{ opacity: 0.8;}
/* .page5_w80 .btnbox.swiper-button-disabled{opacity: 0;}
.page5_w80 .btnbox.swiper-button-disabled{cursor: unset;} */
/* 20221229 */
.aboutPart2_new{margin-bottom: 80px;}
.aboutPartZeonew .bg{float: inherit;width: 100%;}
.aboutPartZeonew .text .txtBox{background: none;color: #192c65;left: 15%;font-size:46px;line-height:70px;}
.aboutPartZeonew .bg em{padding-bottom: 44.8%;}
.aboutPartZeonew .box:hover .text{box-shadow: none;}
.aboutPartZeonew .text .name{color: #192c65;font-size:20px;}
/* 20230105 */
.poRe{position: relative;}
.page5LImg{top: 32%;}
.page5RImg{bottom: 18%;}
/* 20230106 */
.img50{width: 50%;}
/* 20230106 */
.sec3One{padding-top: 550px;overflow: hidden;}
.sec3One .left{width: 50%;background: url(../images/0106bg1.jpg) center no-repeat;background-size: cover;padding-left:8.3%;padding-right: 8.3%; box-sizing: border-box;padding-top: 60px;box-sizing: border-box;}
.sec3One .left .imgList{margin-top: 76px;max-width: 552px;}
.sec3One .left .imgList li{margin-right: 60px;margin-bottom: 30px;}
.sec3One .left .imgList li img{width: 114px;height: 114px;border-radius: 50%;transition: 0.3s;}
.sec3One .left .imgList li:hover img{box-shadow: 0 0 15px rgba(255,255,255,0.5);}
.SecOneRightimgList li:hover{box-shadow: 0 0 15px rgba(255,255,255,0.5);transform: scale(1.05);}
.secOnetextList{padding-top: 25px;}
.secOnetextList li{margin-top: 15px;position: relative;line-height: 28px;padding-left: 23px;}
.secOnetextList li::before{width: 8px;height: 8px;border-radius: 50%;background: #276AB1;position: absolute;left: 0;top: 10px;content: '';}
.blue{color: #0B3970;}
.textCenter{text-align: center;}
.secSubtitle{margin-top: 10px;}
.sec3One .right{width: 50%;background: #fff;}
.sec3One .right .title{padding-top: 85px;padding-bottom: 50px;}
.SecOneRightimgList{justify-content: center;margin-bottom: 74px;}
.SecOneRightimgList li{margin: 0 15px;position: relative;transition: 0.3s;}
.SecOneRightimgList li div{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.SecOneRightimgList li img{margin:0 auto 10px;}
.sec3One .right .img{/* background: #F7F7F7; */height: 400px;position: relative;}
.sec3One .right .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width:65%;}
.sec3Two .leftOne{/* background: url(../images/0106bg2.jpg) center no-repeat;background-size: cover; */padding:  67px 14% 0;/* height: 335px; */ box-sizing: border-box;}
.sec3Two .left{width: 50%;overflow: hidden;}
.sec3Two .leftTwo{padding: 0 14%;height: 450px;}
.sec3Two .leftTwo .numBlue{padding: 15px 0 20px;}
.sec3Two .leftTwo .numBlue li{position: relative;}
.sec3Two .leftTwo .numBlue li:nth-child(2)::before,.sec3Two .leftTwo .numBlue li:nth-child(2)::after{width: 1px;height: 15px;content: '';position: absolute;bottom:12px;background: #cecece;}
.sec3Two .leftTwo .numBlue li:nth-child(2)::before{left: 0;}
.sec3Two .leftTwo .numBlue li:nth-child(2)::after{right: 0;}
.sec3Two .leftTwo .numBlue li:nth-child(2){padding: 0 15px;margin: 0 15px;}
.sec3Two .leftTwo .pstul{justify-content: space-between;border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;align-items: center;margin: 12px 0 25px;}
.sec3Two .leftTwo .pstul li img{max-height: 60px;}
.sec3Two .leftTwo .pstul li{padding: 15px 0;}
.sec3Two .leftTwo .SecOneRightimgList{padding: 0;justify-content: space-between;margin-top: 20px;}
.sec3Two .leftTwo .SecOneRightimgList li{margin: 0;}
.sec3Two .leftTwo .SecOneRightimgList li img{margin-bottom: 5px;}
.fz12{font-size: 12px;}
.sec3Two .rightSwiper{width: 50%;position: relative;overflow: hidden;}
.sec3Two .rightSwiper a{height: 800px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.sec3Two .rightSwiper .btnBox{position: absolute; bottom: 36px; right: 50px; width: 166px;color: rgba(0,0,0,0.3); }
.sec3Two .rightSwiper .btnBox .btn{ font-size: 20px;font-weight: bold; position: relative; top: auto; bottom: auto;}
.sec3Two .rightSwiper .btnBox .switch{position: absolute; top: -6px; right: 0; width: 40px; height: 40px; background: url(../images/svg/qie.svg) no-repeat 0 0 rgba(0,0,0,0.3); z-index: 14; cursor: pointer; border-radius: 50%;}
.sec3Two .rightSwiper .btnBox .switch.prev{right: auto; left: 0; transform: rotate(180deg);}
.sec3Two .rightSwiper .btnBox .switch.swiper-button-disabled{opacity: 0.5;}
.sec3Three{background: url(../images/0106bg3.jpg) center no-repeat;background-size: cover;padding: 65px 8.3%;}
.sec3Three dl{width: 40.2%;float: left;display: flex;flex-wrap: wrap;}
.sec3Three dl:nth-child(2){float: right;flex-direction: column-reverse;}
.sec3Three dl dd{margin-top: 45px;}
.sec3Three dl:nth-child(2) dd{margin-top: 0;margin-bottom: 45px;}
.sec3Three dl dd,.sec3Three dl dt{width: 100%;}
.sec3Three dl dd a{padding-bottom: 57%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.sec3Four{background: url(../images/0106bg4.jpg) center no-repeat;background-size: auto 100%;}
.sec3Four .left{width: 50%;overflow: hidden;padding: 67px 8.3% 0 8.3%;box-sizing: border-box;}
.sec3Four .left .secOnetextList li::before,.sec3Four .right .secOnetextList li::before{background: #276AB1;}
.sec3Four .left .secOnetextList li{color: #313131;}
.sec3Four .left .secOnetextList{margin-bottom: 30px;}
.sec3Four .left .img{padding-bottom: 338px;margin: 45px 0 0;background-position: center;background-size: contain;background-repeat: no-repeat;}
.sec3Four .right{background: rgba(255,255,255,0.85);box-sizing: border-box;width: 50%;}
.sec3Four .right .title{align-items: center;}
.sec3Four .right .title img{margin-right: 23px;}
.sec3Four .right .rightOne{/* background: #F8F8F8 */;height: 400px;padding: 50px 14.5% 0;box-sizing: border-box;}
.sec3Four .right .rightOne .img{padding-bottom: 121px;margin: 20px 0 30px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.sec3Four .right .pcUl li{padding-left: 47px;position: relative;line-height: 20px;flex: 1;}
.sec3Four .right .pcUl li img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sec3Four .right .pcUl li:nth-child(2){margin: 0 50px}
.sec3Four .right .pcUl li:nth-child(2)::before,.sec3Four .right .pcUl li:nth-child(2)::after{width: 1px;height: 40px;top: 50%;transform: translateY(-50%);background: #CECECE;content: '';position: absolute;}
.sec3Four .right .pcUl li:nth-child(2)::before{left: -25px;}
.sec3Four .right .pcUl li:nth-child(2)::after{right: -25px;}
.sec3Four .right .secOnetextList li{margin-top: 0;}
.sec3Four .right .rightTwo{padding: 30px 14.5% 60px;}
.sec3Four .right .rightTwo .pcimg{margin: 45px 0;}
.sec3Four .right .rightTwo .pcimg li{width: 25.7%;padding-bottom: 106px;background-position: center;background-size: contain;background-repeat: no-repeat;margin-left: 4.3%;}
.sec3Four .right .rightTwo .pcimg li:first-child{margin-left: 0;}
.sec3Four .right .rightTwo .pcUl li{flex: inherit;}
/* 20230303 */
.nBanBox .nBan .textBox.nabout0303{    top: 50%;    left: 50px;    transform: translateY(-50%);    width: 1000px;padding: 60px;box-sizing: border-box; }
.nBanBox .nBan .textBox.nabout0303 *{color: #192c65;}
.nBanBox .nBan .textBox.nabout0303 h3{font-size: 60px;line-height: 80px;text-align: justify;letter-spacing:0;}
.nBanBox .nBan .textBox.nabout0303 h4{font-size: 20px;text-align: right;line-height: 34px;margin-top: 49px;}
/* 20230307 */
.zeroparkTwo .box .ztwoTextBox.zpartnew0307 ul li .text{position: inherit;background: #fff;color: #333;font-weight: bold;left: auto;bottom: auto;}
.zeroparkTwoNew .box {padding: 10px 3.5%;}
.zeroparkTwoNew .box .ztwoTextBox.zpartnew0307{width: 32%;transition: 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.zeroparkTwoNew .subtitle{padding-bottom: 30px;text-align: center;}
.zeroparkTwoNew .inpageTitle{margin-bottom: 30px;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1{flex-wrap: wrap;padding: 0 3.5%;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item{width: 32% !important;margin-left:2% ;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-bottom: 40px;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item:nth-child(3n+1){margin-left: 0;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item em,.zeroparkTwo .box .ztwoTextBox ul li em{padding-bottom: 56%;height: 0;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item .title{position: inherit;background: #fff;color: #333;font-weight: bold;left: auto;bottom: auto;width: 100%;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item .title *{color: #333;font-weight: bold;}

.zeroparkTwoNew .box .ztwoTextBox.zpartnew0307 ul li .text .title span{width: 100%;max-width: 100%;}
.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item .title .t span img{filter: brightness(0) invert(0.2);}

/* 0317 */
.contactBox.contactBox0317 .box{background: none;justify-content: space-between;}
.contactBox.contactBox0317 .box .left{background: url(../images/0317bg1.jpg) left top no-repeat;background-size: cover;width: 60%;padding-left: 12%;box-sizing: border-box;}
.contactBox.contactBox0317 .box::after{display: none;}
.contactBox.contactBox0317 .box .textBox{position: inherit;left: auto;transform: inherit;width: 40%;padding-right: 10.4%;box-sizing: border-box;}
.contactBox.contactBox0317 .box .textBox .right{padding-left: 0;width: 62%;}
.contactBox.contactBox0317 .box .textBox .right .item{border-bottom: none;}
.contactBox.contactBox0317 .box .textBox .right .item .icon{display: none;}
.contactBox.contactBox0317 .box .textBox .right .item span{width: 80px;letter-spacing: 0;text-align-last: justify;padding-left: 0;display: inline-block;}
.contactBox.contactBox0317 .box .textBox .right .item .text{border-bottom: 1px solid #C3C3C3;width: calc(100% - 80px);}
.contactBox.contactBox0317 .box .textBox .right .item.yan .text img{position: absolute;right: 0;bottom: 0;}
.contactBox.contactBox0317 .box .textBox .right .tip{font-size: 12px;color: #111;}
.contactBox.contactBox0317 .box .left .txt span{padding-left: 0;}
.contactBox.contactBox0317.lyjyBox .box .left{background:url(../images/0317bg1.jpg) left top no-repeat;background-size: cover;}

.TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.activutybg{padding-bottom: 100px;}
.activeFive{box-shadow: 0 0 20px rgba(0,0,0,0.2);padding: 0;}
.activeFive .swiper-slide a .img{width: 50%;padding-bottom: 30.5%;}
.activeFive .swiper-slide a .text{width: 50%;box-sizing: border-box;padding:37px 50px 50px;background: #fff;}
.activeFive .swiper-slide:hover,.activeFive .swiper-slide{box-shadow: none;}
.activeFive .swiper-slide a .time{margin-bottom: 20px;}
.activeFive .swiper-slide a .textAll{font-size: 16px;color: #2f2f2f;line-height: 26px;text-align: justify;}
.lookmoreAll{display: inline-block;font-size: 14px;width: 126px;box-sizing: border-box; color: #3c3c3c;font-weight: 300;  transition: 0.4s; padding-right: 50px;border: none;padding-left: 0;position: relative;margin-top: 30px;}
.lookmoreAll i{position: absolute; left: 60%; top: 50%; transform: translateY(-50%); display: block; width: 19px; height: 19px; border: 1px #3C3C3C solid; border-radius: 50%;  transition: 0.4s;}
.lookmoreAll i img{position: absolute; top: 49%; left: 50%; transform: translateY(-50%); max-width: none; transition: 0.3s; filter: brightness(0) invert(0.3);}
.lookmoreAll:hover{ color: #276AB1;}
.lookmoreAll:hover i{ width: 56px; height: 56px; }
.lookmoreAll:hover i img{ left: 30%; }
.lookmoreAll:hover{background: none;border: none;color: #3C3C3C;}
.activeFive .activityBtn{position: absolute;right: 50px;bottom: 50px;z-index: 2;margin: 0;}
.activeFive .activityBtn div.prev{margin-right: 20px;}
.activeFive .activityBtn div{width: 36px;height: 36px;background-size: 8px;}

.pageSeciBanner.page4Banner.nBanBox .nBan .textBox{top: 46%;}
.jiezhitime {display:flex;justify-content:flex-end;padding-top:60px;opacity:.5;}
.jiezhitime span{width:20%;text-align:center}

.page4Banner.nBanBox .nBan .text{color: #fff;font-size: 70px;letter-spacing: 5px; font-weight:bold;}
.page4Banner.nBanBox .nBan .textBox{left: 50%;top: 36%;transform: translate(-50%,-50%);}

.recruitment .card {
	max-height: 380px;
}

.newsDetail {
		margin: 0 auto;
}

/* 轮播图 */
.bannerIndex {
	display: block;
}

/* .bannerIndex__mobile {
	display: none;
} */

.productIndex .img {
	text-align: center;
}

.productIndex .img img{
	/* height: 100%; */
	width: 100%;
	max-width: 1508px;
}

.productIndex .swiper-wrapper {
	height: auto;
}

@media screen and (max-width: 1800px){
	.aboutPartZeo .text{ width: 700px;}
}

@media screen and (max-width: 1700px){
	/*企业文化*/
	.cultureThree .box ul li .text .txt{ padding: 0 6%;}
	/*公司介绍*/
	.aboutPartOne .typeFlex .item p{ width: 50%;}
	/*智慧平台*/
	.platformOne .item .text{ padding: 0 10%;}
	/*港华时代*/
	.ghsdTwo .box .boxT .item img{width: 560px;}
	.ghsdTwo .box .boxT .item .text{top: 50px; padding: 0 50px;}
	/* 20220825 */
	.newSearch .left .tit{margin-right: 50px;}
	.ltbgbanner .title{}
	/* 20220825end */
	.secOnetextList li{font-size: 16px;}
	.sec3Four .right .pcUl li{font-size: 14px;}
	/* .sec3Three dl{width: 48%;} */
	.sec3Three dl .secSubtitle{font-size: 25px;}
	.sec3Two .leftTwo .numBlue li .fz42{font-size: 36px;}
	.sec3Four .right .rightOne,.sec3Four .right .rightTwo{padding-left: 10%;padding-right: 10%;}
	
}


@media screen and (max-width: 1600px){
	.header .nav>ul>li>a{ padding: 0 25px;}
	/*社会责任*/
	.socialOne .right ul li{ margin-right: 26px;}
	.aboutPartZeo .text{ width: 650px;}
	.aboutPartZeo .text .txtBox{ padding: 50px;line-height: 40px;}
	.aboutPartZeo .text .name{ font-size: 18px;}
	
	.zeroparkFour .row .item .title h3{ font-size: 20px;}
	.platformSix .box .go{ width: 200px;}
	
	.zeroTanBox{ width: 86%;}
	/*港华时代*/
	.ghsdTwo .box .titBox>img{ transform: scale(0.8);}
	.ghsdTwo .box .titBox .b1{ left: 36.5%;}
	.ghsdTwo .box .titBox .b2{ right: 36.5%;}
	.ghsdTwo .box .titBox .b3{ top: 65.5%;}
	.ghsdTwo .box .titBox h3{ top: 56%;}
	.ghsdOne .intro .left{padding-left: 80px;}
	.ghsdOne .intro .right{ max-width: 43%;}
	/* 20220825 */
	.newSearch .left .tit{margin-right: 30px;}
	/* 20220825end */
	.scienceNew1 dt{line-height: 1.5;}
	/* 20230106 */
	.sec3One .left .imgList li img{width: 100px;height: 100px;}
	.sec3Two .leftOne,.sec3Two .leftTwo,.sec3Four .right .rightTwo,.sec3Four .right .rightOne{padding-left: 10%;padding-right: 10%;}
	.sec3One .left,.sec3Three,.sec3Four .left{padding-left: 6.3%;padding-right: 6.3%;}
	
	.SecOneRightimgList li > img{width: 100px;}
	.sec3Three dl{width: 46%;}
	.secOnetextList li{font-size: 14px;}
	.contactBox.contactBox0317 .box .textBox .right{width: 70%;}
	.contactBox.contactBox0317 .box .textBox{padding-right: 6.4%;}
}

@media screen and (max-width: 1560px){
	.header .nav>ul>li>a{ padding: 0 24px;}
	.aboutAllTwo .aboutHistory{ margin-left: 0; left: 5%; width: calc(100% - 5%);}
	/*发展历程*/
	.company .history_wrap{ padding-left:145px;}
	
	/*新闻列表*/
	/* 20220825 */
	/* .newSearch .left{ width: 70%;} */
	.newSearch .right .item:first-child{margin-right: 10px;}
	.newSearch .left .tit{font-size: 22px;width: 135px;}
	/* 20220825end */
	/*新闻详情*/
	.newsDetail .close{ right: 16px;}
	
	/*科技创新*/
	.scienceThree .iconBox .left .item h3{ margin: 0 48px;}
	.scienceThree .iconBox .left .item p{ width: 50%;}
	.scienceThree .iconBox .right{ width: 53%;}
	.scienceThree .iconBox .right .rightBox .item .txt{ margin-left: 40px;}
}
@media screen and (max-width: 1500px){
	.header .nav>ul>li>a{ padding: 0 20px;}
	/*人才发展详情*/
	.contperThree .box .item:nth-child(5) .p::before{ width: 50px; height: 32px;}
	/*社会责任*/
	.socialOne .left{ width: 38%;}
	.socialOne .right{ padding-left: 20px;}
	.socialOne .right ul{float: right; width: 664px; }
	.socialOne .right ul li{ width: 92px; margin-right: 22px;}
	/*企业文化*/
	.cultureThree .box ul li .text .txt{ font-size: 17px; line-height: 30px;}
	/*公司介绍*/
	/* .aboutPartZeo .bg{width: 69%;} */
	.aboutPartZeo .text { width: 620px; }
	.aboutPartOne .typeFlex .item p{ width: 70%;}
	.aboutPartTwo .box .textScoll{ width: 510px;}
	.aboutPartTwo .box .textBox .txt{ padding-right: 20px;}
	/*智慧平台*/
	.platformFour .box{ width: 100%;}
	.zeroparkOne .box .left{ width: calc(100% - 780px);}
	.zeroparkOne .box .left .num .item h3 b{ font-size: 44px;}
	.zeroparkOne .box .left .num .item p{ font-size: 18px;}
	.zeroparkOne .box .right{ transform: scale(0.86); margin-right: -52px;}
	.zeroparkFour .row .item .title{padding: 18px 20px 20px 30px;}
	.zeroTanBox .box .textBox .miao .p{ font-size: 15px;}
	.zeroTanBox .box .textBox .txt{ margin-top: 12px; font-size: 15px; line-height: 28px;height: 250px;}
	/*港华时代*/
	.ghsdOne .intro .left .text{ margin-top: 40px;}
	.ghsdOne .intro .left .type .item h3{ margin-bottom: 20px;}
	.ghsdOne .business .box .item em{ padding-bottom: 49%;}
	.ghsdOne .business .box .item .text h3{ margin-bottom: 30px;}
	.ghsdOne .business .box .item .text .txt{ width: 100%;}
	.ghsdTwo .box .boxT .item img{ width: 530px;}
	.ghsdTwo .box .boxT .item .text .t{ padding-top: 8px;}
	.ghsdTwo .box .titBox>img{ transform: scale(0.66);}
	.ghsdTwo .box .titBox b{ font-size: 28px;}
	.ghsdTwo .box .titBox .b1{ left: 39.5%;}
	.ghsdTwo .box .titBox .b2{ right: 39.5%;}
	.ghsdTwo .box .titBox .b3{ top: 62.8%;}
	.ghsdTwo .box .titBox h3{ font-size: 20px; left: 51%; line-height: 26px;}
	.nBanBox .nBan .textBox.nabout0303{width: 60%;}
}
@media screen and (max-width: 1480px){
	.company .history_wrap .history_nav{left: 52%;}
	.scienceNew1 dt{width: 55%;}
	.scienceNew1 dd{width: 40%;margin-top: 43px;}
	.scienceNew1 dl{align-items: inherit;}
	/* 20230106 */
	.SecOneRightimgList li img{margin-bottom: 0;}
	.sec3Four .right .pcUl li:nth-child(2){margin: 0 30px;}
	.sec3Four .right .pcUl li:nth-child(2)::before{left: -15px;}
	.sec3Four .right .pcUl li:nth-child(2)::after{right: -15px;}
	
}
@media screen and (max-width: 1440px){
	
	/*联系我们*/
	.contactBox .box .left{ width: 42%;}
	.contactBox .box .textBox .right{ padding-left: 6%;}
	/*人才发展*/
	.personFour .row .item{ height: 390px;}
}

@media screen and (max-width: 1420px){
	.header .nav>ul>li>a{ padding: 0 12px;}
	
	/*公司介绍*/
	.aboutPartThree .right{ padding-left: 60px;}
	.aboutPartThree .right .word .item{ width: 30%; margin-right: 4.5%;}
	/*新闻列表*/
	/* 20220825 */
	/* .newSearch .left{ width: 76%;} 
	.newSearch .left .item{ width: 21%;}*/
	.newSearch .left .item .text{ padding: 0 5px;}
	.newSearch .right .item:first-child{ margin-right: 10px;}
	.newSearch .left .tit{margin-right: 10px;}
	/* 20220825end */
	/*新闻详情*/
	.newsDetail .close{ height: 24px;}
	.sec3Three dl .secSubtitle{font-size: 22px;}
}

@media screen and (max-width: 1380px){
	/*发展历程*/
	.company .history_wrap .history_nav{left: 0; margin-left: 0 !important;}
	/*新闻详情*/
	.latastNews{ margin-top: 30px; padding-bottom: 30px;}
	.latastNews .inpageTitle{ margin-bottom: 20px;}
	/*footer*/
	.footer .footerTop .fNav dl{ margin-right: 10%;}
	/*人才发展*/
	.personFour .row .item{ height: 350px;}
	/*人才发展详情*/
	.contperTwo{ height: 820px;}
	.contperTwo .occupaBox{ margin-top: 44px;}
	.contperTwo .occupaBox .item p{ margin-bottom: 30px;}
	.contperTwo .occupaBox .item{ margin-bottom: 30px;}
	.contperThree{ height: 820px;}
	.contperThree .box{ height: 556px;}
	.contperThree .box .item .p p{ font-size: 15px; line-height: 24px;}
	.contperThree .box .item .p::before{ width: 260px;}
	/* .contperThree .box .item:nth-child(5){bottom: 625px;}
	.contperThree .box .item:nth-child(4){bottom: 500px;}
	.contperThree .box .item:nth-child(3){bottom: 395px;}
	.contperThree .box .item:nth-child(2){bottom: 350px;}
	.contperThree .box .item:first-child{bottom: 170px;} */
	.contperThree .box .item:nth-child(5){bottom: 503px;}
	/*企业文化*/
	.cultureOne{ font-size: 20px;}
	.cultureThree .box{ padding-bottom: 40px;}
	.cultureThree .box .btn{ display: block; bottom: 0;}
	.cultureThree .box .btn span{width: 10px; height: 10px; margin: 0 6px !important;}
	.cultureThree .box .btn span.swiper-pagination-bullet-active{background: #276AB1;}
	.cultureTwo .box .item .text .txt{ font-size: 18px;}
	/*公司介绍*/
	/* .aboutPartZeo .bg{ width: 68%;} */
	.aboutPartZeo .text{ width: 600px;}
	.aboutPartZeo .text .txtBox{ padding: 40px;}
	.aboutPartZeo .text .txtBox{ font-size: 30px; line-height: 1.6;}
	.aboutPartZeo .text .name{ font-size: 16px; margin-top: 20px;}
	.aboutPartTwo .box .textScoll{ width: 460px;}
	.aboutPartTwo .picBox .scollTab .item img{ height: 34px;}
	.inpageTitle{ font-size: 36px;}
	.aboutPartThree .tabBox li{ font-size: 40px;}
	.aboutPartThree .right .word p{font-size: 16px;}
	
	/*智慧平台*/
	.platformFour .box{ height: 700px;}
	.zeroparkOne .box .left{ position: absolute; top: 0; left: 0; z-index: 1; width: calc(100% - 700px);}
	/*案例*/
	.zeropark3 .box .item .title{ font-size: 20px;}
	.zeropark3 .box{ height: 500px;}
	/*科技创新*/
	.scienceThree .proBox .picBox{ width: 680px; height: 430px;}
	.scienceThree .proBox .textBox{ width: calc(100% - 740px);}
	.scienceThree .iconBox .icon{width: 46px;}
	/*港华时代*/
	.ghsdOne .intro .left{ padding-left: 0;}
	.ghsdOne .business .box .item .text{ top: 40px; padding: 0 40px;}
	.ghsdOne .business .box .item .text h3{ margin-bottom: 16px;}
	.ghsdTwo{ padding-top: 50px;}
	.ghsdTwo .box .titBox{ top: 120px;}
	.ghsdTwo .box .boxB{ margin-top: 210px;}
	.ghsdThree .box{ height: 540px;}
	.ghsdThree .box .item .text{padding: 60px 50px 0 50px;}
	.ghsdThree .box .item:hover .text{ padding-top: 70px;}
	/* 20220831 */
	.aboutAllFour .box .textBox .inpageTitle{margin-bottom: 20px;}
	.aboutAllFour .box .textBox .inpageMore{margin-top: 20px;}
	
	.company .history_wrap .history_nav{width: 240px;}
	.company .history_wrap{padding-left: 170px;}
	
	.contactBox.contactBox0317 .box .textBox .right{width: 85%;}
	
}

@media screen and (max-width: 1280px){
	.idxOne .wrap{padding: 60px 4%;}
	.fz40{font-size: 32px;}
	.idxOne ul .text{font-size: 16px;line-height: 1.5;}
	.idxOne ul li{margin-bottom: 30px ! important;}
	.idxTwo .item .text{font-size: 16px;}
	.inpageMore{font-size: 16px;}
	.header{height: 55px;line-height: 55px;}
	.header .logo img{max-height: 38px;}
	.nBanBox{padding-top: 55px;}
	.header.on{height: 55px;line-height: 55px;}
	.header .nav>ul>li>a{ padding: 0 10px;}
	.header .goLogin{ width: 5em;}
	.footer .footerTop{padding: 36px 0;}
	.footer .footerBtm{padding: 14px 0;}
	.footer .footerTop .fNav{width: 549px;}
	.footer .footerTop .fNav dl dt a{font-size: 18px;}
	.footer .footerTop .fNav dl dd a{line-height: 32px;}
	/* .nBanBox .nBan{ height: auto;} */
	/* .nBanBox .nBan em{ padding-bottom: 40%; height: 0;} */
	.nBanBox .nBan .textBox h3{ font-size: 50px; line-height: 60px;}
	.personOne .bg em{height: 480px; margin-left: 250px;}
	.personOne .box .text{width: 600px; height: 340px;padding: 50px 60px 70px 60px;}
	.personTwo .iconBox .item p{font-size: 16px; line-height: 22px;}
	.nBanBox .nBan .textBox.nabout0303{left: 27px;width: 750px;}
	.nBanBox .nBan .textBox.nabout0303 h3{font-size: 42px;line-height: 60px;}
	.nBanBox .nBan .textBox.nabout0303 h4{font-size: 18px;}
	
	
	/*内页*/
	.aboutAll{ padding: 50px 0;}
	.inpageTitle{ margin-bottom: 30px;}
	.aboutAll .inpageMore{ margin-top: 80px;}
	.aboutPart{ padding: 50px 0;}
	.aboutPartOne{ padding-top: 0;}
	.aboutPartOne .typeFlex .item h3 b{ font-size: 36px;}
	.aboutPartOne .typeFlex .item .icon{ height: 60px;}
	.aboutPartThree{ margin-top: 50px;}
	.aboutPartThree .left{ padding-top: 30px;}
	.aboutPartThree .right{ margin: 50px 0;}
	.aboutPart2 .box .item .title img{height: 50px;}
	.aboutPart2 .box .item .text{top: 50%;}
	
	/*零碳报告*/
	.ltbgbanner a{line-height: 40px; padding: 0 26px;}
	
	/*新闻列表*/
	.newsPicList .newTwoleft .itemPic .text{padding: 0 26px 40px 26px;}
	.newsPicList .item .text{padding: 20px 20px 34px 20px;}
	.newsPicList .item .text h3{ margin-bottom: 20px;}
	/*人才发展*/
	.personAll{padding: 50px 0;}
	/*人才发展详情*/
	.contperThree .box .item .p{ width: 260px;}
	.contperThree .box .item:nth-child(5) { transform: translateY(54px);}
	.contperThree .box .item:nth-child(5) .p{transform: translateX(0px);width: 280px;}
	.contperThree .box .item:nth-child(4) .p::before{ width: 340px;}
	.contperThree .box .item:nth-child(4) .p{margin-left: 20px; width: 330px;}
	.contperThree .box .item:nth-child(4){left: 0px;  bottom: 395px;}
	.contperThree .box .item:nth-child(3) .p::before{ width: 140px;}
	.contperThree .box .item:nth-child(3) .p{ width: 290px;}
	.contperThree .box .item:nth-child(2) .p::before{ width: 380px;}
	.contperThree .box .item:nth-child(2){left: 20px;  bottom: 245px;}
	.contperThree .box .item:first-child .p{ margin-right: 70px;}
	/*社会责任*/
	.socialOne .right{ padding-left: 40px;}
	.socialOne .right ul{ width: auto; margin-top: -20px;}
	.socialOne .right ul li{ width: 14%; margin-right: 2.5%; margin-top: 20px;}
	.socialOne .right ul li:nth-child(6n){ margin-right: 2.5%;}
	/* .socialOne .right ul li:nth-child(5n){ margin-right: 0;} */
	.socialTwo .word{ width: 100%;}
	.typeFlex .item p{ font-size: 18px;line-height: 28px;}
	.socialFive .iconText{font-size: 16px;}
	/*智慧平台*/
	.nplatformBox .nBan .textBox .text h3{ font-size: 34px;}
	.nplatformBox .nBan .textBox .text h3 b{font-size: 40px;}
	.platformTwo{padding-top: 0;}
	.platformFour .box .item{transform: scale(0.5);}
	.platformThree .box .icon{ width: 130px; height: 130px;}
	.platformThree .box .icon img{width:56%;}
	/*零碳园区*/
	.zeroparkOne .box .left .title{ font-size: 34px;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .title{ font-size: 20px;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .txt{ font-size: 16px; line-height: 26px;}
	.zeroparkThree .box .item .text .title{ font-size: 20px;}
	.zeroparkThree .box .item .text .title .address{ font-size: 14px;}
	.zeroparkThree .box .item .text .txt{ font-size: 16px; line-height: 26px;}
	/* .zeropark3 .box{ height: 480px;} */
	.zeroparkFour .row .item .text .title{ font-size: 20px;}
	.zeroparkFour .row .item .text .title .address{ font-size: 14px;}
	.zeroparkFour .row .item .text .txt{ font-size: 16px; line-height: 26px; padding: 40px 30px 0 30px;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .type span{ font-size: 16px; margin-right: 6;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .type span:last-child{ margin-right: 0;}
	.zeroparkTwo .box .ztwoTextBox ul li .text{ padding: 30px 20px;}
	/* .zeropark3 .box .item:hover .text{ top: 18%;} */
	.zeroparkFour .row .item .title h3{ font-size: 18px; }
	.zeroTanBox{ width: 90%;}
	.zeroTanBox .box .textBox .txt{ max-height: 260px; overflow-y: auto; padding-right: 10px;}
	/*项目案例*/
	.zeroparkOne .box .right{ transform: scale(0.76); margin-right: -86px;}
	.zeroparkOne .box .left{ width: calc(100% - 600px);}
	/*科技创新*/
	.scienceThree .proBox .picBox{ width: 600px; height: 400px;}
	.scienceThree .proBox .textBox{ width: calc(100% - 650px);}
	.scienceThree .iconBox .left .item h3{ margin: 0 28px; font-size: 22px;}
	.scienceThree .iconBox .left .item p{ width: 53%; font-size: 16px;}
	.scienceThree .iconBox .right .rightBox .item .txt{ margin-left: 30px;}
	.scienceThree .iconBox .right .rightBox .item .txt h4{ font-size: 22px;}
	.scienceThree .iconBox .right .rightBox .item .txt .t{ font-size: 16px;}
	.science2Two dl dt a .text{left: 40px; width: 75%;}
	/*发展历程*/
	.company .history_wrap .histroy_contents .img_wrap img{ width: 90%;}
	/* .company .history_wrap .history_nav .year{ top: 120px;}
	.company .history_wrap .histroy_contents li{ padding-top: 120px;}
	.company .history_wrap{ padding-bottom: 100px;}
	.company .history_wrap .history_nav .history_current{ margin-bottom: 200px;} */
	
	
	.aboutPartOne .typeFlex .item p{font-size: 16px;}
	.aboutPart2 .box{height: 560px;}
	.aboutPart2 .box .item .text .txt{width: 54%; font-size: 14px; margin-top: 16px; line-height: 24px;}
	.aboutPart2 .box .item:nth-child(2) em{background-position: center left 82%;}
	.aboutPart2 .box .item .text .lookmore{font-size: 16px;}
	
	/*1280分辨率字号行间距*/
	.contperOne .inpageTitle{ margin-bottom: 40px;}
	.socialFour .word .txt::before{top:12px}
	.contperOne .textBox .item h3{ font-size: 20px; margin: 30px 0 18px 0;}
	.word{ font-size: 16px; line-height: 30px;}
	.contperTwo{ padding-top: 40px;}
	.contperTwo .occupaBox{ font-size: 20px;}
	/*企业文化*/
	.cultureBox{ padding: 50px 0;}
	.cultureTit img{height: 58px;}
	/*项目案例*/
	.zeroparkOne .box .left .title{ font-size: 32px;}
	.zeroparkTwo .inpageTitle,.zeroparkFour .inpageTitle{ margin-bottom: 30px;}
	/*智慧平台*/
	.platformOne .item .text h3{ font-size: 24px;}
	.platformOne .item .text p{ font-size: 18px;}
	.platformBox .title h3{ font-size: 32px;}
	.platformTwo .box{ margin-top: 30px;}
	.platformTwo .box .item .text h3{ font-size: 24px; margin-top: 20px;}
	.platformTwo .box .item .text .txt{ font-size: 16px;}
	.platformTwo .box .item em{ height: 570px;}
	.platformThree{ padding: 60px 0 80px 0;}
	.platformFive{padding: 84px 0 263px 0;}
	.platformFive .box .item p{ font-size: 20px;}
	.platformFour .box .item4{top: 320px;}
	.platformFour .box .item .txt{ font-size: 16px;}
	.platformFour .box .item h3{ font-size: 20px;}
	.platformFour{ padding-top: 60px;}
	/*科技*/
	.scienceOne{ padding: 80px 0 50px 0;}
	.scienceOne .box .title{  margin-top: 12px;}
	.scienceOne .box .text{ margin-top: 40px; font-size: 16px; line-height: 2;}
	.scienceOne .box .imgBox{ margin-top: 40px;}
	.scienceTwo{ padding: 50px 0;}
	.scienceTwo .box .proBox .img{width: 40%;}
	.scienceTwo .box .proBox{ margin-top: 40px;margin-bottom: 80px;padding-bottom: 0px;}
	
	.scienceTwo .box .text,.scienceTwo .box .iconBox .item p,.scienceThree .proBox .textBox .txt,.scienceThree .box .title_en,.ghsdOne .intro .left .text,.ghsdOne .intro .left .type .item .t,.ghsdOne .business .box .item .text .txt,.ghsdTwo .box .boxT .item .text .t span{ font-size: 16px;}
	.scienceThree .proBox .textBox h3,.ghsdTitle{ font-size: 32px;}
	.scienceThree .proBox .textBox h4{ font-size: 14px; margin-top: 4px;}
	.ghsdOne .intro .left .type .item h3{ font-size: 24px;}
	.ghsdTwo .box .titBox{ top: 100px;}
	.ghsdThree .box .item .text .txt p{ font-size: 17px; }
	.ghsdThree .box .item .text h3{ font-size: 26px; margin: 28px 0;}
	.ghsdOne .business .box .item .text h3,.ghsdTwo .box .boxT .item .text h3{ font-size: 24px;}
	/*社会责任*/
	.socialOne,.socialAll{ padding: 50px 0;}
	/*人才*/
	
	.personOne .box .text .txt,.personFour .row .item .txt .p{ font-size: 16px;}
	.contactBox .box .left h3{ font-size: 22px;}
	/*发展历程*/
/* 	.company .history_wrap{ padding-left: 216px;}
 */	/* 20220825 */
	.listltbg .item a.btn .fz24{font-size: 20px;}
	.listltbg .item a.btn .fz20{line-height: 40px;font-size: 16px;}
	/* 20220829 */
	.fz40{font-size: 30px;}
	.fz48{font-size: 32px;}
	.activitybanner .w1400 > img{margin: 20px 0 30px;height: 22px;}
	.activitybanner .w1400 ul{margin-bottom: 20px;}
	.activeTitle{padding: 70px 0 30px;}
	.ltbgbanner .title{font-size:34px;}
	.ltbgbanner .subtitle{margin: 30px 0 40px;}
	.ltbgbanner .subtitle,.ltbgbanner a{font-size: 18px;}
	/* 20220831 */
	.scienceTwo .box .title,.scienceThree .proBox .textBox h3{font-size: 30px;}
	.scienceThree .proBox .textBox .txt,.scienceTwo .box .text,.scienceOne .box .text,.scienceThree .proBox .textBox h4,.scienceThree .box .title_en{font-size: 16px;}
	
	
	.scienceNew1{margin-top: 40px;padding-bottom: 0;}
	.scienceNew1 dl,.scienceTwo .box .iconBox .item p{font-size: 16px;}
	.newScienceBox .nBan::before{display: none;}
	.scienceTwo .box .iconBox{margin-top: 80px;}
	.socialAll .inpageTitle{margin-bottom: 20px;}
	.nBanBox .nBan .textBox p{margin-top: 20px;}
	.zeroTanBox .box .textBox{padding-top: 50px;}
	/* 20220920 */
	.scienceNew1{margin-top: 140px !important;}
	.qlBox1 .item4.science2One{padding-top: 70px;}
	.sciendl dd .subtitle{margin-top: 30px;line-height: 30px;}
	/* 20221012 */
	.pageImg .img{padding-bottom: 260px;}
	.pageImg{width: 100px;}
	.page5Swiper{margin: 100px 0;}
	/* 20230105 */
	.page5RImg{bottom: 10%;}
	.page5LImg{top: 26%;}
	/* 20230106 */
	.sec3Four .right .pcUl li{padding-left: 40px;}
	.sec3Four .right .pcUl li > img{width: 26px;}
	.sec3Two .leftTwo .SecOneRightimgList li > img{width: 80px;}
	.sec3Two .leftTwo .SecOneRightimgList li p{padding: 0 5px;}
	.sec3One .left .imgList li{margin-right: 40px;}
	.SecOneRightimgList li div img{width: 30px;}
	.sec3Two .leftTwo .numBlue li .fz42{font-size: 26px;}
	.sec3Two .leftOne,.sec3Two .leftTwo,.sec3Four .right .rightTwo,.sec3Four .right .rightOne{padding-left: 6%;padding-right: 6%;}
	.sec3One .left,.sec3Three,.sec3Four .left{padding-left: 4%;padding-right: 4%;}
	.secOneextList li{line-height: 20px;}
	.secOnetextList li::before{top: 6px;}
	.SecOneRightimgList li{margin: 0 7px;}
	.sec3One .right .title{padding: 50px 0 40px;}
	.sec3One .right .img{height: 350px;}
	.sec3Four .right .pcUl li:nth-child(2){margin: 0 10px;}
	.sec3Four .right .pcUl li:nth-child(2)::before{left: -5px;}
	.sec3Four .right .pcUl li:nth-child(2)::after{right: -5px;}
	.sec3Four .right .pcUl li em{max-width: 78px;display: block;}
	.contactBox.contactBox0317 .box .left{padding-left: 6%;}
	.contactBox .box .textBox .right .formBtn .btn{width: 100%;}
}

@media screen and (max-width: 1200px){
	.fz36{font-size: 24px;}
	.inpageTitle{ font-size: 30px;}
	.header .box{ align-items: center;}
	.header .nav{ display: none;}
	.header .language{ display: flex; align-items: center;}
	.menu-btn{ display: inline-block;}
	.menu{ display: block;}
	/*footer*/
	.footer .footerTop .fNav{ width: 506px;}
	.footer .footerTop .fNav dl{ margin-right: 15px;}
	/*公司介绍*/
	.aboutPartThree .left{ width: 360px;}
	.aboutPartThree .tabBox li{ padding-right: 20px;}
	.aboutPartThree .tabBox li.swiper-slide-active::before{ width: 100px;}
	.aboutPartThree .right{ width: calc(100% - 360px);}
	.aboutPartThree .right .word .item{ width: 32%; margin-right: 2%;}
	.aboutPartThree .right .word .item p{ padding: 10px 0 0 0;}
	/*社会责任*/
	.socialAll{ padding: 80px 0;}
	.socialFive{ padding: 80px 0 50px 0;}
	/*企业文化*/
	.cultureBox{ padding: 70px 0;}
	/*公司介绍*/
	.aboutPart{ padding: 70px 0;}
	.aboutPartZeo .text{width: 480px;}
	.txtBox{  padding: 30px; font-size: 20px;}
	.aboutPartOne{ padding-top: 0;}
	.aboutPartOne .typeFlex{ margin-top: -50px;}
	.aboutPartOne .typeFlex .item{ margin-top: 50px;}
	.aboutPartOne .typeFlex .item p{ width: 80%;}
	.aboutPartTwo .box .textScoll{ width: 380px;}
	.aboutPartThree{ padding: 0; margin-top: 40px;}
	.aboutPartZeo .text .name{ font-size: 13px;}
	/*智慧平台*/
	.platformThree{ padding: 80px 0;}
	.platformFour{ background: url(../images/platformFour.jpg) no-repeat center; background-size: cover;}
	.platformFour .box{ height: auto; width: 90%; margin: 0 auto; overflow: hidden; margin-top: 30px;}
	.platformFour .box .item{display: inline-block; position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 49%; border: 1px #75FFFF solid; background: rgba(117,255,255,0.1); box-sizing: border-box; padding: 20px 0; margin-bottom: 20px; vertical-align: top;}
	.platformFour .box .item:nth-child(2n){ float: right;}
	.platformFour .box .item3{ margin-left: 0;}
	.platformFour .box .item .bg{ display: none;}
	.platformFour .box .item .text{position: initial; top: auto; left: auto; padding: 0 30px;box-sizing: border-box;}
	.platformFive{ padding: 60px 0 20% 0;}
	.platformSix{ padding: 60px 0 20% 0;}
	.platformSix .box .go{ width: 160px; margin-top: 62px;}
	/*项目案例*/
	.zeroparkOne .box{ padding: 50px 0 80px 0;}
	.zeroparkOne .box .left{ width: calc(100% - 550px);}
	.zeroparkOne .box .left .num .item p{ font-size: 15px;}
	.zeroparkOne .box .left .num .item h3 b{ font-size: 36px;}
	.zeroparkFour .row .item .title{padding: 18px 0 20px 20px;}
	.zeroparkFour .row .item .title h3{ font-size: 16px;}
	.zeroparkFour .row .item .title .t span{ font-size: 14px;}
	.zeroparkFour .row .item .title .t span img{ width: 14px; margin-right: 6px;}
	.zeroparkFour .row .item .title .t span:first-child{ margin-right: 14px;}
	.zeroparkFour .row .item .text .txt{ padding: 30px 14px 0 14px 0;}
	.zeroparkFour .row .item .text .txt h3{ margin-bottom: 10px;}
	/*人才发展*/
	.personTwo .word{ width: 100%;}
	/*科技创新*/
	.scienceThree .proBox .picBox{ width: 500px; height: auto; }
	.scienceThree .proBox .picBox em{ padding-bottom: 60%; height: auto;}
	.scienceThree .proBox .textBox{ width: calc(100% - 550px);}
	.scienceThree .iconBox{ padding: 40px 46px;}
	/*港华时代*/
	.ghsdThree .box .item .text{ padding: 40px 40px 0 40px;}
	/* 20220825 */
	.newSearch .left .tit{display: none !important;}
	.newSearch .left .tit.active{display: block !important;margin-right: 0;}
	.newSearch .left .tit.active::after{display: none;}
	.newSearch .right{padding-left: 5px;}
	.activeTitle{padding-top:50px;}
	.activeTwo .swiper-slide a{padding-bottom: 225px;}
	.ltbgbanner .subtitle{margin: 20px 0;}
	.ltbgbanner .title{font-size: 40px;}
	.ltbgbanner .subtitle,.ltbgbanner a{font-size: 18px;}
	/* 20220920 */
	.science2Two dl dt a .text{width: 80%;left: 10%;}
	.scienceThree .iconBox .right .rightBox .item .txt{min-width: inherit;}
	/* 20230303 */
	.nBanBox .nBan .textBox.nabout0303{width: 55%;}
	
	.nBanBox .nBan .textBox.nabout0303 h3{font-size: 30px;    line-height: 1.6;}
	.nBanBox .nBan .textBox.nabout0303 h4{font-size: 13px;margin-top: 25px;}
	
}

@media screen and (max-width: 1023px){
	.nBanBox .nBan .textBox h3{ font-size: 24px; line-height: 34px;}
	/*关于我们*/
	.aboutAll{ padding: 50px 0;}
	.inpageTitle{ font-size: 30px; margin-bottom: 30px;}
	.aboutAll .inpageMore{ margin-top: 30px;}
	.aboutAllFour .word{ width: 100%;}
	.aboutAllFour .box .textBox .inpageTitle{ margin-bottom: 30px;}
	.aboutAllFour .box .textBox .inpageMore{ margin-top: 30px;}
	
	/*公司介绍*/
	.nBanBox .nBan .textBox p{ width: 100%;}
	.aboutPartThree .left{ width: 280px;}
	.aboutPartThree .right{ width: calc(100% - 280px);}
	.aboutPartThree .tabBox li{ font-size: 40px;}
	.aboutPartThree .tabBox li.swiper-slide-active::before{ width: 50px;}
	/*footer*/
	.footer .footerTop{padding: 30px 0;}
	.footer .footerTop .fNav{ display: none;}
	.footer .footerTop .fShare .item .img{ top: auto; bottom: 50px;}
	.footer .footerTop .fShare .item:hover .img{ top: auto; bottom: 40px;}
	
	/*新闻列表*/
	.newSearch{ display: block; height: auto;}
	.newSearch .left{ width: 100%; height: 46px; margin-bottom: 10px;}
	/*列表新闻*/
	.newsListing li a .pic{ width: 330px;}
	.newsListing li a .text{ width: calc(100% - 350px);}
	.newsListing li a .text p{ margin: 20px 0;}
	/*联系我们*/
	.contactBox .box{ display: block; padding-bottom: 40px; min-height: initial;}
	.contactBox .box::after{ display: none;}
	.contactBox .box .left{width: 100%; padding: 40px 2.81%; box-sizing: border-box;}
	.contactBox .box .textBox{position: initial; background: rgba(255,255,255,0.89); left: auto; top: auto; transform: none; }
	.contactBox .box .textBox .right{ width: 100%; padding: 40px 5%;}
	.contactBox .box .textBox .right .item ul{ top: auto; bottom: 100%;}
	/*人才发展*/
	.personAll{padding: 50px 0;}
	.personOne .box .text h3{ font-size: 30px;}
	.personOne .bg em{ height: 500px;}
	.personOne .box .text{ width: 70%; height: 360px; padding: 40px 40px 26px 40px;}
	.personTwo .iconBox{ padding: 50px 0 30px 0;}
	.personTwo .recruitEnter .item .txt{padding: 0 30px 30px 30px;}
	.personFour .row .item .txt{ display: none;}
	.personAll .inpageTitle{margin-bottom: 30px;}
	.personFour .row .item{ height: 260px;}
	.personFour .row .item .title{ top: 30px; padding: 0 30px;}
	/*人才发展详情*/
	.contperTwo{position: relative; padding-top: 50px; background: #3B96E4;}
	.contperTwo::before{ content: ""; position: absolute; top: 0; width: 0; width: 100%; height: 100%;background: url(../images/contperTwoBg.jpg) no-repeat bottom center; opacity: 0.2;}
	.contperThree{position: relative; padding-top: 50px; background: #2262A3; height: auto; padding-bottom: 30px;}
	.contperThree::before{ content: ""; position: absolute; top: 0; width: 0; width: 100%; height: 100%;background: url(../images/contperThreeBg.jpg) no-repeat bottom center; opacity: 0.16;}
	.contperTwo .occupaBox{ width: 98%;}
	.contperThree .box .item .p::before{ display: none;}
	.contperThree .box{ display: block; height: auto;}
	.contperThree .box .item{ margin-top: 20px; margin-left: 0;position: inherit;left: auto !important;right: auto !important;bottom: auto !important;}
	.contperThree .box .item .p{ width: 100%; float: initial;}
	.contperThree .box .item:nth-child(2n+1) .p{ float: initial; width: 100%;}
	.contperThree .box .item:first-child{ margin-bottom: 0;}
	.contperThree .box .item:nth-child(2){ transform: none;}
	.contperThree .box .item:nth-child(4){ transform: none;}
	.contperThree .box .item:nth-child(4) .p{margin-left: 0;}
	.contperThree .box .item:nth-child(5){ transform: none;}
	.contperThree .box .item:nth-child(5) .p{transform: none;}
	.contperThree .box .item:nth-child(2) .p{ width: 100%;}
	/*社会责任*/
	.socialOne .right{ padding-left: 40px;}
	.socialTwo .type .item{ margin-right: 30px;}
	.socialTwo .tip{ max-width: 616px; padding-right: 20px;}
	.socialFour .word{ width: 100%;}
	.socialAll{ padding: 50px 0;}
	.socialAll .inpageTitle{ margin-bottom: 30px;}
	.socialFive{ padding: 50px 0 30px 0;}
	.socialSix .box .item .text{ padding: 0 20px;}
	/*企业文化*/
	.cultureBox{ padding: 40px 0;}
	.cultureTit{ font-size: 30px;}
	.cultureTwo .box .item .text .txt .p .left{ width: 104px;}
	.cultureTwo .box .item .text{ width: 47%;}
	.cultureTwo .box .item .text .txt .p{ margin: 10px 0;}
	/*公司介绍*/
	.aboutPartZeo .bg{ float: initial; width: 100%; margin-bottom: 14px;}
	.aboutPartZeo .text{position: relative; top: auto; transform: none; width: 100%;left:0px}
	.aboutPartZeo .text .txtBox{ width: 100%; padding: 20px; font-size: 16px;}
	.aboutPartZeo .text .name{ font-size: 14px; line-height:24px; margin-top: 6px;}
	.aboutPartTwo .box .textScoll{ width: 100%;}
	.aboutPartTwo .picBox{ position: relative; top: auto; right: auto; height: 500px; width: 100%; margin-bottom: 20px;}
	/*智慧平台*/
	.nplatformBox .nBan .textBox .text h3{ font-size: 24px; line-height: 34px;}
	.nplatformBox .nBan .textBox .text h3 b{ font-size: 30px;}
	.platformOne{ display: block;}
	.platformOne .item{ width: 100%;}
	.platformOne .item:first-child{margin-bottom: 20px;}
	.platformTwo{padding-top: 0;}
	.platformThree .box .icon{ width: 130px; height: 130px;}
	.platformThree .box .icon img{ width: 70px;}
	.platformSix .box .go{ margin-top: 19px; width: 150px; font-size: 16px;}
	/*零碳园区*/
	.zeroparkOne .box .left{ width: 100%; position: initial; top: auto; left: auto;}
	.zeroparkOne .box .left .word{margin: 20px 0 30px 0;}
	.zeroparkOne .box .left .tip{ padding-top: 30px;}
	.zeroparkOne .box .right{ }
	.zeroparkTwo .inpageTitle{ margin-bottom: 30px;}
	.zeroparkTwo .box{}
	.zeroparkTwo .box .ztwoTextBox{ width: 100%;}
	.zeroparkTwo .box .ztwoTextBox ul li .text{ background: rgba(0,0,0,0.5);}
	.zeroparkTwo .box .ztwoTextBox ul li .text::before{ display: none;}
	/* .zeropark3 .box{ flex-wrap: wrap; height: auto;}
	.zeropark3 .box .item{ width: 50%; height: 400px;}
	.zeropark3 .box .item:hover{ width: 50%;}
	.zeropark3 .box .item:hover .text{ top: 8%;}
	.zeropark3 .box .item .text .tit{ margin-bottom: 10px;} */
	.zeropark3 .box{ height: 400px;}
	.zeroTanBox .box{ display: block;}
	.zeroTanBox .box .tanPic{ width: 100%;}
	.zeroTanBox .box .tanPic ul li em{ padding-bottom: 50%;}
	.zeroTanBox .box .textBox{ width: 100%; padding: 20px 0 0 0; }
	.zeroTanBox{ padding: 14px;}
	.zeroTanBox .close{ right: 0; width: 24px; top: -30px;}
	body .custom-skin .layui-layer-setwin .layui-layer-close2{ top: -44px; right: 0;}
	.zeroTanBox .box .textBox .title{ font-size: 18px; padding-bottom: 0;}
	.zeroTanBox .box .textBox .miao .p{ margin-top: 6px; font-size: 14px;}
	.zeroTanBox .box .textBox .txt{ margin-top: 12px; overflow-y: auto; max-height: 200px;}
	
	.aboutPart2 .box .item .text .txt{ width: 100%;}
	.nGreyBox .nBan .textBox h3{ color: #fff;}
	.nGreyBox .nBan .textBox p{ color: #fff;}
	/*科技创新*/
	.scienceTwo .box .proBox{ margin-top: 60px; display: block;}
	.scienceTwo .box .text{ width: 100%;}
	.scienceTwo .box .proBox .img{ width: 100%; margin-top: 20px;}
	.scienceThree .proBox{ margin-top: 60px; display: block;}
	.scienceThree .proBox .picBox{ width: calc(100% - 22px); margin-bottom: 60px;}
	.scienceThree .proBox .textBox{ width: 100%;}
	.scienceThree .iconBox{ display: block;}
	.scienceThree .iconBox .left{ width: 100%; margin-bottom: 50px;}
	.scienceThree .iconBox .left .item{ margin-top: 40px;}
	.scienceThree .iconBox .right{ width: 100%;}
	/*港华时代*/
	.ghsdOne .intro{ display: block;}
	.ghsdOne .intro .left{ width: 100%; margin-bottom: 50px;}
	.ghsdOne .intro .right{ max-width: 100%; text-align: center;}
	.ghsdOne .business .box{ display: block;}
	.ghsdOne .business .box .item{ width: 100%; margin-top: 20px;}
	.ghsdOne .business .box .item .text .txt{ width: 70%;}
	.ghsdTwo .box .titBox{position: initial; transform: none; margin-bottom: 20px;}
	.ghsdTwo .box .titBox>img,.ghsdTwo .box .titBox b{ display: none;}
	.ghsdTwo .box .titBox h3{position: initial; top: auto; left: auto; transform: none; width: 100%; text-align: center; font-size: 40px; line-height: 56px;}
	.ghsdTwo .box .boxT{ flex-wrap: wrap; justify-content: center;}
	.ghsdTwo .box .boxT{ margin-top: 10px;}
	.ghsdThree .box .item .text{ padding: 20px 20px 0 20px;}
	
	.personFour{padding-top: 50px;}
	/* 20220825 */
	.activityBtn div{width:40px ;height: 40px;}
	.activeFour{padding-bottom: 70px;}
	.activeFour .swiper-pagination{bottom: 10px;}
	.fz40{font-size: 26px;}
	.ltbgbanner.nBanBox .nBan::before{display: none;}
	/* 20220829 */
	.nBanBox.activitybanner .nBan::before{display: none;}
	/* 20220920 */
	.science2Three .titleBox{flex-wrap: wrap;}
	.science2Three .titleBox div{width: 100%;}
	.science2Three .titleBox img{margin-left: 0;top: 0;}
	/* 20230407 */
	.newFaTwo img{height: 40px;}
	
	.newFaTwo ul{align-items: inherit;}
	
	.contactBox.contactBox0317 .box .left,.contactBox.contactBox0317 .box .textBox{width: 100%;}
	.contactBox .box{padding-bottom: 0;}
	.contactBox.contactBox0317 .box .textBox{padding: 0 ;}
	.contactBox.contactBox0317 .box .textBox .right{width:100%;padding: 40px 5%;}

	.mm-page .history {
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}

	.mm-page .history .swiper-parent {
		margin-top: 10px !important;
	}
}
/* 20220825 */
@media screen and (max-width: 991px){
	.activeOne .wrap{width: 100%;}
	.listltbg .item a.btn::before{display: none;}
	.listltbg .item a.btn{padding-left: 0;}
	.listltbg .item{padding: 0 20px;}
	/* 20220831 */
	.scienceNew1 dl, .scienceTwo .box .iconBox .item p{font-size: 15px;}
	.scienceOne .box .title,.scienceOne .box .text{color: #fff;}
	.scienceOne .w1400 > img{filter: brightness(0) invert(1);}
	.newScienceBox{background-size: auto !important;}
	.qlBox1 .item4.science2One h3.title{color: #fff !important;}
	.science2Three .bigtitle{margin: 0 0 55px;}
	/* 20230106 */
	.sec3Four .right .pcUl li{padding-left: 30px;}
	.sec3Four .right .pcUl{align-items: center;}
	.sec3One .left .imgList li{margin-right: 20px;}
	.SecOneRightimgList li > img{width: 80px;}
	.sec3Two .leftTwo .pstul li img{max-height: 40px;}
	
	.indexHeader .headerShare > .item{display: none;}
	.page4Banner.nBanBox .nBan .text{font-size: 36px;}
	
	/* 轮播图 */
	.indexHeader .header {
		background-color: #fff !important;
	}
	/* .bannerIndex__mobile {
		display: block;
		padding-top: 50px;
	} */

	/* .bannerIndex {
		display: none;
	} */

	.bannerIndex__mobile .banner-list .banner-list__item {
		position: relative;
	}

	.bannerIndex__mobile .banner-list .banner-list__item .bantxtNew {
		opacity: 1;
	}

	.bannerIndex__mobile .banner-list .banner-list__item .bantxtNew.banimg1 {
		max-height: 110px;
	}


}
/* 20220825end */
@media screen and (max-width: 760px){
	.w1735{ width: 92%;}
	.w1520{ width: 92%;}
	.w1400{ width: 92%;}
	.w1280{ width: 92%;}
	.fz30{font-size: 18px;}
	.fz36{font-size: 18px;}
	body,html{letter-spacing: 0;}
	
	.header{ height: 50px; line-height: 50px;}
	.header .logo img{ height: 38px;}
	.header.on{ height: 50px; line-height: 50px;}
	.header .goLogin{ height: 22px; line-height: 22px; width: 4em;font-size: 12px;}
	.nBanBox{ padding-top: 50px;}
	.nBanBox .nBan em{ padding-bottom: 54%;}
	.nBanBox .nBan .textBox{ top: 42% ! important; transform: translate(-50%,-50%);}
	.nBanBox .nBan .textBox h3{ font-size: 22px; line-height: 28px; letter-spacing: 2px;}
	.nBanBox .nBan .textBox h3:nth-child(2){letter-spacing: 6px;}
	.nBanBox .nBan .textBox p{ font-size: 14px; line-height: 24px; margin-top: 2px;}
	.word{font-size: 14px; line-height: 2;}
	.word table{width:100% ! important;}
	.inpageMore{ font-size: 12px;}
	.inpageMore i{ width: 15px; height: 15px;left: 40%;}
	.inpageMore:hover i{ width: 15px; height: 15px;}
	.inpageMore:hover i img{ left: 50%; }
	/*关于我们*/
	.aboutAll{ padding: 26px 0;}
	.inpageTitle{ font-size: 20px; line-height: 28px; margin-bottom: 16px;}
	.inpageTitle.bgTitle{ margin-bottom: 22px;}
	.aboutAll .inpageMore{ margin-top: 20px;}
	.aboutAllTwo{background-attachment: initial;}
	.aboutAllTwo .aboutHistory ul li{ width: 300px;}
	.aboutAllTwo .aboutHistory ul li a .pic i{ font-size: 50px; line-height: 40px;}
	.aboutAllTwo .aboutHistory ul li a .text{ padding: 14px;}
	.aboutAllTwo .aboutHistory ul li a .text p{font-size: 15px;}
	.aboutAllTwo .switchBox{ margin-top: 40px;}
	.aboutAllTwo .switchBox .btn{opacity: 0; z-index: -1; width: 0; overflow: hidden; height: 0; position: relative; top: -10px;}
	.aboutAllTwo .switchBox .btn span{ width: 10px; height: 10px; margin-right: 6px;}
	.aboutAllTwo .switchBox .switch .qie{ width: 36px; height: 36px;}
	.aboutAllFour{ padding-bottom: 0;}
	.aboutAllFour .box .textBox{ width: 100%; text-shadow: 0 0 6px rgba(0,0,0,0.6);}
	.aboutAllFour .box .textBox .inpageTitle{ margin-bottom: 16px;}
	.aboutAllFour .box .textBox .inpageMore{ margin-top: 16px;}
	.aboutPart2 .box{ display: block; height: auto;}
	.aboutPart2 .box .item{position: initial; top: auto; left: auto; width: 100%; height: auto; margin-bottom: 12px;}
	.aboutPart2 .box .item .title{display: none;}
	.aboutPart2 .box .item em{height: 0; padding-bottom: 50%;}
	.aboutPart2 .box .item .text{position: initial; transform: none; top: auto; left: auto; color: #222; opacity: 1; padding: 15px 0 0 0; margin: 0;}
	.aboutPart2 .box .item .text h3{ text-align: center; font-size: 16px; padding-bottom: 10px;}
	.aboutPart2 .box .item .text h3::before{ left: 50%; transform: translateX(-50%); background: #888;}
	.aboutPart2 .box .item .text .txt{ color: #555; margin-top: 10px; font-size: 14px; }
	
	
	/*公司介绍*/
	.aboutPart{ padding: 26px 0;}
	.aboutPartZeo .text .txtBox{font-size: 14px; line-height: 1.6;}
	.aboutPartZeo .text .name{font-size: 12px; line-height: 20px; margin-top: 10px;}
	.aboutPartTwo{background-attachment: initial;}
	.aboutPartThree .box{ display: block;}
	.aboutPartThree .left{ width: 100%; padding-top: 0; border-right: none; border-bottom: 1px #eee solid;}
	.aboutPartThree .tabBox{ margin: 0; height: auto; margin-top: -12px;}
	.aboutPartThree .tabBox li{ line-height: 50px; height: 50px; font-size: 20px;}
	.aboutPartThree .tabBox li.swiper-slide-active{color: #ADADAD;}
	.aboutPartThree .tabBoxCon::before{ display: none;}
	.aboutPartThree .tabBoxCon::after{ display: none;}
	.aboutPartThree .right{ width: 100%; padding: 0; margin: 20px 0; height: auto;}
	.aboutPartThree .tabBox li.on{color: #276AB1;}
	.aboutPartThree .tabBox li::before{ display: none;}
	.aboutPartThree .right .word h3{ font-size: 16px; }
	.aboutPartThree .right .word p{ margin-top: 0; font-size: 14px;}
	.aboutPartThree .right .word .month{ margin-bottom: 16px;margin-top: 0;}
	/*footer*/
	.footer .footerTop{padding: 14px 0; align-items: center; display: none}
	.footer .footerTop .fLogo img{display:none;}
	.footer .footerBtm{ padding: 10px 0;}
	.footer .footerBtm .box{ display: block; line-height: 24px;}
	.footer .footerBtm .box a.beiLink{ display: block; padding-left: 0;}
	.footer .footerBtm .box a.beiLink::before{display: none;}
	/*发展历程*/
	.company .history_wrap{ padding-left: 0; margin-top: 0; padding-bottom: 20px;}
	.company .history_wrap .history_nav{ display: none;}
	.company .history_wrap .histroy_contents .moible{ display: block; font-size: 18px;}
	.company .history_wrap .histroy_contents li{padding-top: 26px;}
	.company .history_wrap .histroy_contents li .year{ display: none;}
	.company .history_wrap .histroy_contents .img_wrap{ margin-top: 0; padding-bottom: 10px;}
	.company .history_wrap .histroy_contents dl{ font-size: 14px; font-weight:normal; line-height: 26px; padding-left: 20px; margin-top: 5px;}
	.company .history_wrap .histroy_contents dl dd{ font-size: 14px; }
	.company .history_wrap .histroy_contents dl::before{ width: 8px; height: 8px; top: 10px;}
	.company .history_wrap .histroy_contents .old_year dl dd{ padding-left: 72px;}
	
	/*新闻列表*/
	
	.newSearch{ padding: 10px 0;}
	.newSearch .left{ display: block; height: auto;}
	.newSearch .left>span{ font-size: 12px;}
	.newSearch .left .tit{ display: block;font-size: 18px; font-weight:bold;}
	.newSearch .left .item{ width: 42.6%; display: inline-block; height: 30px; line-height: 30px;font-size: 12px;}
	.newSearch .left .item.search{ width: 96.4%; margin-top: 6px;}
	.newSearch .left .item::before{ top: 9px; right: 10px;}
	.newSearch .right{display:none;}
	.newSearch .left .item.search .submitBox .submit{font-size: 14px;}
	.newSearch .right .item img{ height: 24px;}
	.newsBox .newsNum{padding: 16px 0; font-size: 12px;}
	
	.newsPicList .newTwoleft{ display: block;}
	.newsPicList a{ width: 100%; margin-bottom: 14px;}
	.newsPicList .item{ width: 100%;}
	.newsPicList .newTwoleft .itemPic{ width: 100%;}
	.newsPicList .newTwoleft .itemPic em{ height: auto; padding-bottom: 60%;}
	.newsPicList .newTwoleft .itemPic .text{ padding: 0 14px 10px 14px;}
	.newsPicList .newTwoleft .itemPic .text p{ display: none;}
	.newsPicList .newTwoleft .itemPic .text h3{ margin: 6px 0; font-size: 16px;}
	.newsPicList .item .text{padding: 14px;}
	.newsPicList .item .text h3{margin: 10px 0; font-size: 16px;}
	.newsPicList .item .text p{ font-size: 14px; height: 52px; -webkit-line-clamp: 2;}
	.inMore{ height: 30px; width: 110px;line-height: 30px; font-size: 12px;}
	.newsBox .inMore{ margin: 0 auto 20px auto;}
	/*列表新闻*/
	.newsBan .nBan .textBox h3{ width: 100%;}
	.newsListing li a{ padding: 0; display: block;}
	.newsListing li a .pic{ width: 100%;}
	.newsListing li a .text{ width: 100%; padding: 14px; box-sizing: border-box;}
	.newsListing li a .text h3{ padding-top: 0; font-size: 16px;}
	.newsListing li a .text p{font-size: 14px; height: 52px; -webkit-line-clamp: 2; margin: 10px 0;}
	/*新闻详情*/
	.newsDetail{ padding-top: 36px;}
	.newsDetail .close{ top: 10px; height: 18px;}
	.newsDetail .title{padding: 0 0 10px 0; margin-bottom: 14px;}
	.newsDetail .title h3{ font-size: 16px; line-height: 28px;}
	.newsDetail .title h4{ margin-top: 6px;}
	.newsDetail .title h4 span{ font-size: 14px; margin-right: 16px;}
	.newsDetail .title h4 span i img{ height: 16px;}
	.newsDetail .share{ margin-top: 20px;}
	.newsDetail .share a{ height: 30px;}
	.latastNews{ margin-top: 14px;}
	.latastNews ul li .text{ padding: 14px;}
	.latastNews ul li .text h3{ font-size: 16px;}
	.latastNews ul li .text p{ margin: 10px 0;}
	/*联系我们*/
	.contactBox{padding-top: 60px;}
	.contactBox .box{ padding-bottom: 20px; }
	.contactBox .box .left{padding: 10px 2.81%;}
	.contactBox .box .left h3{ font-size: 18px; line-height: 30px; padding-bottom: 0;}
	.contactBox .box .left .txt{ font-size: 14px;}
	.contactBox .box .left .item{ margin-top: 20px; }
	.contactBox .box .left .item:first-child{ margin-top: 10px;}
	.contactBox .box .textBox .right{padding: 20px 5%;}
	.contactBox .box .textBox .right .title{  margin: 20px 0 10px; font-weight:bold; text-align:center;}
	.contactBox .box .textBox .right .item{ height: 46px; line-height: 46px; margin-bottom: 8px;}
	.contactBox .box .textBox .right .item span{ font-size: 14px; padding-left: 10px;}
	.contactBox .box .textBox .right .item .text{ font-size: 14px;}
	.contactBox .box .textBox .right .item .text .others{ font-size: 14px;}
	.contactBox .box .textBox .right .item ul li{ font-size: 14px; padding: 2px 0;}
	.contactBox .box .textBox .right .item.yan .text input{ width: 90px; padding-right: 10px;}
	.contactBox .box .textBox .right .item.yan .text img{ width: 80px;}
	.contactBox .box .textBox .right .tip{ font-size: 12px; line-height: 18px; padding: 8px 0 16px 0;}
	.contactBox .box .textBox .right .formBtn .btn{ width: 100%; height: 46px; line-height: 46px; font-size: 14px;letter-spacing: 10px;}
	/*人才发展*/
	.personAll{ padding: 26px 0;}
	.personAll .inpageTitle{ margin-bottom: 16px;font-weight:bold;}
	.personOne .bg em{ width: 100%; height: 0; padding-bottom: 47.2%; margin-left: 0;}
	.personOne .box .text{ width: 100%; position: initial; bottom: auto; left: auto; padding: 26px; height: auto;}
	.personOne .box .text h3{ font-size: 18px; line-height: 30px; height: 30px;}
	.personOne .box .text h4{ font-size: 14px; margin: 10px 0 ;}
	.personOne .box .text .txt{ font-size: 12px; line-height: 1.8; margin-bottom: 14px; height: 65px;}
	.personTwo .word{ width: 100%;font-size: 12px; line-height: 1.8;}
	.personTwo .iconBox{ padding: 20px 0 6px 0; flex-wrap: wrap;}
	.personTwo .iconBox .item{ width: 32%; margin-bottom: 10px;}
	.personTwo .iconBox .item .icon{ height: 30px;}
	.personTwo .iconBox .item h3{ font-size: 14px; margin: 14px 0 4px;}
	.personTwo .iconBox .item p{ font-size: 12px; line-height: 18px;}
	.personTwo .recruitEnter{ margin-top: 6px; display: block;}
	.personTwo .recruitEnter .item{ width: 100%;}
	.personTwo .recruitEnter .item:first-child{ margin-bottom: 14px;}
	.personTwo .recruitEnter .item .txt{ padding: 0 20px 20px 20px;}
	.personTwo .recruitEnter .item .txt h3{ font-size: 18px;}
	.personThree .box {margin-top: -6px;}
	.personThree .box .item{ margin-top: 6px;}
	.personFour .row .item{ height: 120px;}
	.personFour .row .item .title{ font-size: 14px; line-height: 1.5;top: 10px; padding: 0 10px;}
	/*人才发展详情*/
	.contperOne .textBox{ display: block;}
	.contperOne .textBox .item{ width: 100%; margin-bottom: 10px;}
	.contperOne .textBox .item:last-child{ margin-bottom: 0;}
	.contperOne .textBox .item .icon{ height: 30px;}
	.contperOne .textBox .item h3{font-size: 16px; margin: 14px 0 4px;}
	.contperOne .textBox .item p{ font-size: 14px; line-height: 26px;}
	.contperTwo{ padding-top: 26px; height: 760px;}
	.contperTwo .inpageTitle{ margin-bottom: 16px;}
	.contperTwo .occupaBox{ margin-top: 20px; font-size: 14px; height: auto;}
	.contperTwo .occupaBox .box .left{ width: 50%;}
	.contperTwo .occupaBox .item{ margin-bottom: 20px;}
	.contperTwo .occupaBox .item p{ margin-bottom: 20px;}
	.contperTwo .occupaBox .box .left .item .p.tit{transform: none;}
	.contperTwo .occupaBox .box .right .item .p.tit{transform: none;}
	.contperTwo .occupaBox .box .item .p.tit p{ font-size: 16px; padding: 10px;}
	.contperTwo .occupaBox .box .left .item:nth-child(2){margin-left: 10px;}
	.contperTwo .occupaBox .box .left .item:nth-child(3){ margin-left: 20px;}
	.contperTwo .occupaBox .box .left .item:nth-child(4){ margin-left: 30px;}
	.contperTwo .occupaBox .box .right .item:nth-child(2){margin-right: 10px;}
	.contperTwo .occupaBox .box .right .item:nth-child(3){ margin-right: 20px;}
	.contperTwo .occupaBox .box .right .item:nth-child(4){ margin-left: 0; margin-right: 30px;}
	.contperThree{ padding-top: 26px;}
	.contperThree .box{ padding-left: 0;}
	
	.contperThree .box .item .p h3{ font-size: 16px;}
	.contperThree .box .item .p h3 b{ font-size: 30px;}
	.contperThree .box .item{ margin-top: 14px;}
	.contperThree .box .item .p p{ font-size: 14px;}
	/*社会责任*/
	.socialAll{ padding: 26px 0; display: block;}
	.socialOne .left{ width: 100%;}
	.socialAll .inpageTitle{ margin-bottom: 16px;}
	.socialOne .right{ padding-left: 0; width: 100%;}
	.socialOne .right ul{ margin-top: 0;}
	.socialOne .right ul li{ margin-top: 14px;}
	.socialTwo .type{ display: flex; justify-content: space-between; padding-top: 0;}
	.socialTwo .type .item{ width: 31%; min-width: 31%; margin-right: 0;}
	.socialTwo .type .item:nth-child(3){min-width: 31%;}
	.socialTwo .type .icon{ height: 30px;}
	.socialTwo .type .item p{ font-size: 14px; margin: 6px 0;}
	.socialTwo .type .item h3{ font-size: 14px;}
	.socialTwo .type .item h3 b{ font-size: 24px; line-height: 20px; padding-right: 0;}
	.socialTwo .tip{ width: 100%; padding-right: 0;}
	.socialAll .th2{ font-size: 16px; margin: 14px 0 10px;}
	.socialFour .word .txt{ margin-bottom: 4px;}
	.socialFour .word .lastText{ padding-top: 0;}
	.socialFive{ padding: 26px 0 12px 0;}
	.socialFive .iconText{ margin-top: 30px; font-size: 14px; line-height: 24px; min-height: initial;}
	.socialFive .typeFlex .item{ margin-top: 22px;}
	.typeFlex .item .icon{ height: 30px;}
	.typeFlex .item p{font-size: 14px; line-height: 20px; margin-top: 8px;}
	.typeFlex .item{ width: 33.3%;}
	/* 如果最后一行是3个元素 */
	.typeFlex .item:last-child:nth-child(4n - 1) {
	    margin-right: 25%;
	}
	/* 如果最后一行是2个元素 */
	.typeFlex .item:last-child:nth-child(4n - 2) {
	    margin-right: 50%;
	}
	.socialSix .box{ margin-top: 0;}
	.socialSix .box .item{ width: 100%;}
	.socialSix .box .item .text{ font-size: 16px; bottom: 30px;}
	.socialSix .box .item:hover .text{bottom: 30px;}
	.socialSix{ padding-bottom: 0;}
	/*企业文化*/
	.cultureBox{ padding: 26px 0;}
	.cultureOne{ font-size: 14px;}
	.cultureTwo .box .item .bg{ width: 100%;}
	.cultureTwo .box .item .text{ width: 100%; padding: 20px; background: rgba(255,255,255,0.7); box-sizing: border-box; top: auto; transform: none;}
	.cultureTwo .box .item .w1400{ height: auto; padding: 26px 0;}
	.cultureTwo .box .item{ margin-top: 14px;}
	.cultureTit{ font-size: 18px;}
	.cultureTit img{ height: 24px; width: 24px;margin-right: 10px;}
	.cultureTwo .box .item .text .txt{ margin-top: 10px; font-size: 14px;line-height: 1.6;}
	.cultureThree .box ul li .title h3{font-size: 16px;margin-bottom: 5px;font-weight:bold;}
	.cultureThree .box ul li .title p{font-size: 14px;}
	.cultureThree .box ul li .text .txt{ font-size: 14px; line-height: 26px;}
	.cultureThree .box{ margin-top: 20px;}
	.cultureTwo .box .item .text .txt .p .left{ width: 86px;}
	.cultureTwo .box .item .text .txt .p{ margin: 0;}
	.aboutAllFour .box{position: relative;}
	.aboutAllFour .box::before{ content: ""; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: rgba(6,29,59,0.5);}
	/*公司介绍*/
	
	.naboutBox .nBan .textBox .playBox{ height: 70px;}
	.play{width: 40px; height: 40px;}
	.play::before{ width: 38px; height: 38px;}
	.play::after{  width: 38px; height: 38px;}
	.aboutPartOne{ padding-top: 0;}
	.aboutPartOne .typeFlex{ margin-top: -20px;}
	.aboutPartOne .typeFlex .item{ margin-top: 20px;}
	.aboutPartOne .typeFlex .item .icon{ height: 30px;}
	.aboutPartOne .typeFlex .item h3{ font-size: 14px; margin: 0 ;}
	.aboutPartOne .typeFlex .item h3 b{ font-size: 18px; line-height: 42px;}
	.aboutPartOne .typeFlex .item p{ font-size: 12px; width: 90%;line-height: 18px;}
	.aboutPartTwo{ padding: 26px 0;}
	.aboutPartTwo .picBox{ height: 196px;}
	.aboutPartTwo .picBox .scollTab .item img{ height: 20px;}
	.aboutPartTwo .box .inpageTitle{ margin-bottom: 14px;}
	.aboutPartTwo .box .textBox .txt{ font-size: 15px; line-height: 2; padding-right: 2%; box-sizing: border-box; width: 99%;}
	.aboutPartThree{ margin-top: 20px; padding-bottom: 0;}
	/*智慧平台*/
	.nplatformBox .nBan .textBox .text h3{ font-size: 16px; line-height: 28px;}
	.platformOne .item .text{ bottom: 20px; padding: 0 20px;}
	.platformOne .item:nth-child(2n) .text{ padding: 0 20px;}
	.platformOne .item .text img{ height: 30px;}
	.platformOne .item .text h3{ font-size: 16px; line-height: 34px; margin: 0;}
	.platformOne .item .text p{ font-size: 15px;}
	.platformTwo{ padding-top: 0;}
	.platformBox .title h3{ font-size: 22px; line-height: 36px; height: 36px;}
	.platformBox .title p{ font-size: 14px; margin-top: 0;}
	.platformTwo .box{ margin-top: 14px; display: block;}
	.platformTwo .box .item{ width: 100%;}
	.platformTwo .box .item .text .icon{ height: 30px; padding-top: 16%; transition: 0.4s;}
	.platformTwo .box .item .text .txt{ font-size: 14px; line-height: 22px; margin-top: 2px; width: 88%;}
	.platformTwo .box .item em{ padding-bottom: 70%; height: auto;}
	.platformTwo .box .item:hover{ width: 100%;}
	.platformTwo .box .item:hover .text .icon{transform: translateX(-10px); opacity: 0; height: 0; overflow: hidden; padding-top: 6%; }
	.platformTwo .box .item .text h3{ font-size: 16px; margin-top: 0; }
	.platformThree{padding: 26px 0;}
	.platformThree .box{ margin-top: 20px;}
	.platformThree .box .icon{ width: 64px; height: 64px; margin: 0 auto;}
	.platformThree .box .icon img{width: 40px;}
	.platformThree .box .item p{ font-size: 16px; margin-top: 6px;}
	.platformThree .box .item .txt{ font-size: 14px; padding: 0 6px;}
	.platformFour{ padding: 26px 0;}
	.platformFour .box .item{ width: 100%; margin-bottom: 14px;}
	.platformFour .box .item .text{ padding: 0 14px;}
	.platformFour .box .item h3{ font-size: 18px;}
	.platformFour .box .item h3 i{ font-size: 22px; line-height: 22px;}
	.platformFour .box .item .txt{ margin-top: 4px; font-size: 15px; line-height: 2;}
	.platformFive{ padding: 26px 0 140px 0;}
	.platformFive .box{ margin-top: 20px;}
	.platformFive .box .icon{ height: 36px; width: 36px;}
	.platformFive .box .item p{ font-size: 16px; margin-top: 6px;}
	.platformSix{padding: 26px 0 140px 0; background-position: right center;}
	.platformSix .box .txt{ margin: 20px auto; width: 80%;}
	.platformSix .box .go{ font-size: 14px; padding: 12px 0; width: 200px;}
	/*零碳园区*/
	.nplatformBox .nBan .textBox .text h3 b{ font-size: 22px;}
	.zeroparkOne .box{ padding: 26px 0;}
	.zeroparkOne .box .left .title{ padding-top: 0; font-size: 18px; line-height: 34px;}
	.zeroparkOne .box .left .title h3{font-size: 18px; line-height: 28px;}
	.zeroparkOne .box .left .word{ margin: 10px 0;}
	.zeroparkOne .box .left .num .item{ margin-bottom: 18px;}
	.zeroparkOne .box .left .num .item h3{ font-size: 15px; line-height: 30px;}
	.zeroparkOne .box .left .num .item h3 b{ font-size: 20px;}
	.zeroparkOne .box .left .num .item p{ font-size: 12px; line-height: 18px;}
	.zeroparkOne .box .left .tip{ padding-top: 0; font-size: 12px;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .title{ font-size: 16px;}
	.zeroTanBox .box .textBox .title{ font-size: 16px;}
	.zeroTanBox .box .textBox .txt{ font-size: 14px;max-height: 280px;}
	
	.zeroparkThree .box .item{ width: 100%;}
	.zeroparkThree .box .item .text{ padding: 30px 20px;}
	.zeroparkThree .box .item .text .title{ font-size: 16px;}
	/* .zeropark3 .box .item{ width: 100%; height: 350px;}
	.zeropark3 .box .item:hover{ width: 100%;}
	.zeropark3 .box .item .title{ font-size: 18px;}
	.zeropark3 .box .item .text .tit{ font-size: 18px;}
	.zeropark3 .box .item .text .txt{ font-size: 14px; line-height: 24px;} */
	.zeropark3 .box .item .mask,.zeropark4 .box .item .mask{ display: none;}
	
	.zeroparkFour .row .item,.zeroparkFourNew.zeroparkFourNew0307 .row_1 .item,.zeroparkTwoNew .box .ztwoTextBox.zpartnew0307{ width: 100% !important;margin-left: 0 !important;margin-bottom: 20px;}
	.zeroparkFour .row .item em{ padding-bottom: 56%; height: 0;}
	.zeroparkFour .row .item .title{ font-size: 16px; font-weight: normal; bottom: 20px; padding: 8px 16px;}
	.zeroparkFour .row .item .text .txt{ padding: 30px 16px 0 16px; font-size: 15px;}
	.zeroparkTwo .box .ztwoTextBox ul li em{ padding-bottom: 68%; }
	.zeroparkTwo .box .ztwoTextBox ul li .text{padding: 15px;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .txt{max-height: initial; font-size: 15px;}
	.zeroparkTwo .box .ztwoTextBox:hover ul li .text .txt{max-height: initial;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .type span i{ display: block;}
	.zeroparkTwo .box .ztwoTextBox .btnBox .btn{ display: none;}
	.zeroparkTwo .box .ztwoTextBox .btnBox{ width: 80px; top: 24px;}
	.zeroparkTwo .box .ztwoTextBox .btnBox .switch{ width: 32px; height: 32px; background-size: cover;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .title i{ display: none;}
	.zeroparkTwo .box .ztwoTextBox ul li .text .title span{ max-width: calc(100% - 100px);}
	.zeroparkOne .box .right{ margin: 0;zoom: 0.5;}
	.zeroparkOne .box .right img:first-child{display: block;}
	.zeroparkFour .row .item .title .t{margin-top: 0px;}
	.zeroparkFour .row .item .title .t span{font-size: 12px;}
	/*科技创新*/
	.scienceOne{ padding: 20px 0;}
	.scienceOne .sciLogo{ height: 40px;}
	.scienceOne .box .title{ margin-top: 0; font-size: 18px;}
	.scienceOne .box .text{ margin-top: 14px; font-size: 15px; line-height: 2;}
	.scienceOne .box .imgBox{ margin-top: 0; display: block;}
	.scienceOne .box .imgBox .item{ width: 100%; margin-top: 14px;}
	.science .sciMore{ margin-top: 20px;}
	.scienceTwo{ padding: 20px 0;}
	.scienceTwo .box .title{ font-size: 20px; margin-top: 0;}
	.scienceTwo .box .proBox{ margin-top: 6px;}
	.scienceTwo .box .text{ font-size: 15px;}
	.scienceTwo .box .titBox{ margin-top: 10px;}
	.scienceTwo .box .titBox h3{  margin-bottom: 10px;}
	.scienceTwo .box .iconBox{ margin-top: 0; flex-wrap: wrap;}
	.scienceTwo .box .iconBox .item{ width: 33.33%; margin-top: 30px;}
	.scienceTwo .box .iconBox .item .icon{ height: 36px;}
	.scienceTwo .box .iconBox .item .icon img{ height: 100%;}
	.scienceTwo .box .iconBox .item p{ margin-top: 14px; font-size: 14px; padding: 0 6px;}
	.scienceTwo .box .sciMore{ margin-top: 30px;}
	.scienceThree{ padding: 20px 0;}
	
	.scienceThree .box .title_en{ font-size: 12px ! important; margin: 0;}
	.scienceThree .proBox{ margin-top: 20px;}
	.scienceThree .proBox .picBox{ width: 100%; margin-bottom: 20px;}
	.scienceThree .proBox .picBox::after{ display: none;}
	.scienceThree .proBox .picBox .pic .btnBox{ right: 20px; bottom: 20px;}
	.scienceThree .proBox .picBox .pic .btnBox .switch{ width: 32px; height: 32px; background-size: cover; top: -3px;}
	.scienceThree .proBox .textBox h3{ font-size: 24px;}
	.scienceThree .proBox .textBox h4{ margin-top: 0; font-size: 12px; letter-spacing: 0px;}
	.scienceThree .proBox .textBox h4.h4_2{letter-spacing: 0;}
	.scienceThree .proBox .textBox .txt{margin: 20px 0; font-size: 14px; line-height: 2;}
	.scienceThree .iconBox{ margin-top: 10px; padding: 20px 20px 0 20px;}
	.scienceThree .iconBox .tit{  line-height: 26px;}
	.scienceThree .iconBox .left{ margin-bottom: 40px;border:none;}
	.scienceThree .iconBox .left .item{ margin-top: 10px;}
	.scienceThree .iconBox .left .item:first-child{ margin-top: 10px;}
	.scienceThree .iconBox .icon{ width: 32px;}
	.scienceThree .iconBox .left .item h3{ font-size: 16px;}
	.scienceThree .iconBox .left .item p{ font-size: 12px; width: calc(100% - 134px);}
	.scienceThree .iconBox .right .rightBox .item{position: relative; margin-top: 14px; width: 46%;}
	.scienceThree .iconBox .right .icon{ position: absolute; top: -10px; left: 0; }
	.scienceThree .iconBox .right .rightBox .item .txt{ width: 100%; margin-left: 0;}
	.scienceThree .iconBox .right .rightBox .item .txt h4{ font-size: 16px; padding-left: 40px;}
	.scienceThree .iconBox .right .rightBox .item .txt .t{ font-size: 12px;}
	
	.nScienceBox .nBan .textBox h3{letter-spacing: 2px !important;}
	
	/*港华时代*/
	.ghsdOne{ padding-top: 20px;}
	.ghsdTitle,.ghsdTwo .box .titBox h3{ font-size: 22px; line-height: 28px;}
	.ghsdOne .intro .left{ margin-bottom: 20px;}
	.ghsdOne .intro .left .text{ margin-top: 14px; font-size: 15px; line-height: 2;}
	.ghsdOne .intro .left .type .item img{ width: 32px; top: -3px;}
	.ghsdOne .intro .left .type .item{ padding-left: 50px; margin-top: 20px;}
	.ghsdOne .intro .left .type .item h3{ font-size: 18px; margin-bottom: 10px;}
	.ghsdOne .intro .left .type .item .t,.ghsdOne .business .box .item .text .txt{font-size: 15px; line-height: 2; width: 100%;}
	.ghsdOne .business{ margin-top: 20px;}
	.ghsdOne .business .box{ margin-top: 20px;}
	.ghsdOne .business .box .item em{ padding-bottom: 58%;}
	.ghsdOne .business .box .item .text{ top: 20px; padding: 0 20px;}
	.ghsdOne .business .box .item .text h3{ font-size: 16px; margin-bottom: 0;}
	.ghsdTwo{ padding: 20px 0;}
	.ghsdTwo .box .titBox{ margin-bottom: 0;}
	.ghsdTwo .box .boxT .item .text{ top: 30px; padding: 0 30px;}
	.ghsdTwo .box .boxT .item .text h3{ font-size: 16px; line-height: 20px;}
	.ghsdTwo .box .boxT .item .text .t span{ height: 32px; line-height: 32px; font-size: 14px; margin-top: 10px;}
	.ghsdTwo .box .boxT{ margin-top: 3px;}
	.ghsdThree{ padding-top: 0; padding-bottom: 30px;}
	.ghsdThree .box{ margin-top: 0; display: block; height:auto;}
	.ghsdThree .box .item{ margin-top: 14px; width: 100%;}
	.ghsdThree .box .item em{ padding-bottom: 90%; height: auto;}
	.ghsdThree .box .item .text{ padding: 30px;}
	.ghsdThree .box .item .text .icon{ height: 32px;}
	.ghsdThree .box .item .text h3{ font-size: 18px; margin: 10px 0;}
	.ghsdThree .box .item .text .txt p{ font-size: 15px; margin-bottom: 4px;}
	
	.personFour{padding-top: 26px;}
	/* 20220825 */
	.photoWrap .swiper-slide .img{height: 200px;}
	.activeFive .swiper-pagination{margin-bottom: 20px;}
	.activeFive .swiper-slide a .text{padding: 20px;}
	.activeTitle{line-height: 36px;padding: 25px 0;}
	.fz18,.listltbg .item .title,.listltbg .item a.btn .fz24{font-size: 16px;}
	.fz24{font-size: 20px;}
	.activityBtn{margin-top: 30px;}
	.activityBtn div{width: 30px; height: 30px;}
	.activityBtn div.next{background-size: 30%;}
	.activityBtn div.prev{margin-right: 15px;background-size: 30%;}
	.activeFive .swiper-slide a .time{font-size: 12px;}
	.activeFive .swiper-slide a .title{font-size: 14px;margin: 10px 0;}
	.activeFive .swiper-slide a .subtitle{font-size: 12px;line-height: 20px;height: 40px;}
	.activeTwo .swiper-slide a{width: 100% !important;margin-left: 0 !important;margin-bottom: 20px  !important;}
	.activeTwo .swiper-slide a:last-child{margin-bottom: 0 !important;}
	.activeThree .swiper-slide p{line-height: 20px;}
	.activeFour .swiper-pagination-bullets .swiper-pagination-bullet, .activeFive .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;}
	.listltbg .item{width: 50%;padding: 0 10px;}
	.listltbg .item a.btn .fz20{font-size: 14px;}
	.ltbgbanner a{line-height: 24px;padding: 0 10px;}
	.ltbgbanner .subtitle, .ltbgbanner a{font-size: 12px;}
	.ltbgbanner .title{font-size:18px;letter-spacing: 2px;}
	.ltbgbanner .subtitle{margin: 10px 0;}
	/* .ltbgbanner.nBanBox .nBan em{padding-bottom: 70%;} */
	.listltbg .item{margin-top: 20px;}
	.listltbg .item .title{font-size:14px;}
	.listltbg .item a.btn .fz18{font-size:12px;}
	.listltbg .item a.btn em{padding-left: 10px;}
	.listltbg .item a.btn i{line-height: 26px; padding-right: 10px;}
	.listltbg{padding: 30px 0;}
	.newSearch .left .tit.active{width: auto;text-align: left;}
	.newSearch .left .item{margin-left: 0;}
	.newSearch .left>span.zhi{padding-right: 1.6%;}
	/* 20220829 */
	.activitybanner .w1400 > img{margin: 10px 0;height: 15px;}
	.activitybanner .w1400 .disflex{margin-bottom: 10px;}
	.activitybanner .w1400 .textTit{line-height: 20px;font-size: 14px;}
	.activitybanner .w1400 li{padding-left: 24px;}
	.activitybanner .w1400 li:first-child{margin-right: 10px;padding-right: 0;}
	.activitybanner .w1400 li:first-child::after{display: none;}
	/* 20220831 */
	.newScienceBox{background-position: right top !important;}
	.scienceNew1 dl dt,.scienceNew1 dl dd{width: 100%;}
	.scienceNew1 .title{font-size: 18px;margin-bottom: 20px;}
	.scienceNew1 dl{font-size: 14px;text-align: justify;}
	.hisTItle{margin: 30px auto 0;}
	/* 20220914 */
	.zeroparkFourNew .row_3 .btnBox,.zeroparkTwoNew .box .ztwoTextBox .btnBox{bottom: 60px;right:20px;width: 70px;display: flex;}
	.zeroparkFourNew .row_3 .btnBox .switch,.zeroparkTwoNew .box .ztwoTextBox .btnBox .switch{width: 30px;height: 30px;background-size: 30px;position: inherit;left: auto;top: auto;}
	.zeroparkFourNew .row_3 .btnBox .btn,.zeroparkTwoNew .box .ztwoTextBox .btnBox .btn{display: none;}
	.zeroparkTwoNew .box{flex-wrap: wrap;}
	.zeroparkTwoNew .box .ztwoTextBox .btnBox{top: auto;bottom: 48px;}
	.zeroparkTwoNew.zeroparkTwo .box .ztwoTextBox .btnBox{bottom: 40px;}
	.zeroparkTwo .box .ztwoTextBox{margin-bottom:10px;}
	.padding70{padding: 40px;}
	/* 20220920 */
	.qlBox1 .item4.science2One{padding-top: 50px;}
	.qlBox1 .item4.science2One h3.title,.qlBox1 .item4.science2One{margin-bottom: 30px !important;}
	.science2Two dl dt{width: 100%;margin:5px 0;}
	.science2Two dl{flex-wrap: wrap;}
	.science2Two dl dt a .text{line-height: 1.5;}
	.science2Two dl dt a .img,.sciendl dt a{padding-bottom: 65%;}
	.science2Two dl{margin-bottom: 30px;}
	.sciendl dt,.sciendl dd{width: 100%;}
	.sciendl{flex-wrap: wrap;margin-top: 40px;}
	.sciendl1{margin-top: 40px;}
	.sciendl dd .subtitle{margin-top: 15px;line-height: 28px;}
	.sciendl dd .title{line-height: 1.5;}
	.scienceNew1{margin-top: 0px !important;}
	.science2Three .bigtitle{margin: 20px 0;}
	.scienceThree .proBox .textBox h3{font-size: 16px;line-height: 28px;}
	.scienceThree .box .title{line-height: 28px;}
	.science2Three .titleBox img{height:auto;}
	
	.personFour .row .item .txt{display: block;}
	.personFour .row .item .txt .p{padding: 5px;font-size: 12px;line-height: 16px;}
	.personFour .row .item .title{line-height: 16px;padding: 0 5px;}
	.personFour .row .item:hover .txt .p{margin-top: 40px;height: 70px;overflow-y: auto;}
	.personFour .row .item .title{}
	/* 20221012 */
	.page5Swiper{margin: 30px 0;padding: 0;}
	.pageImg .img{opacity: 0;}
	.page5RImg,.page5LImg{box-shadow: none;top: 52%;transform: translateY(-50%);bottom: auto;}
	.page5_w80 .btnbox{box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius: 50%;background: rgba(0,0,0,0.3);}
	.page5_w80 .btnbox img{width: 30px;}
	/* .page5Swiper .swiper-slide .disflex{flex-direction: column-reverse;}
	.page5Swiper .swiper-slide .disflex .img{margin-bottom: 15px !important;} */
	.page5Swiper .text .intel{margin-top: 5px;margin-bottom: 15px;overflow-y: auto;height: 140px;margin-top: 10px;line-height: 20px;}
	.page5Swiper .swiper-slide:nth-child(even) .disflex .img{margin-bottom: 10px;}
	.pageImg{width: 50px;height: 50px;}
	.pageImg .img{padding-bottom: 0;}
	/* 20230106 */
	.img50{width: 90%;}
	/* 20230106 */
	.sec3One{padding-top: 0;}
	.sec3One .left, .sec3Four .left,.sec3One .right,.sec3Two .left,.sec3Two .rightSwiper,.sec3Three dl,.sec3Four .right{width: 100%;}
	.sec3One .left .imgList li{margin-right: 10px;margin-bottom: 10px;}
	.sec3One .left .imgList,.sec3Four .left .img{margin-top: 30px;}
	.sec3One .left{padding-bottom: 30px;}
	.SecOneRightimgList{margin-bottom: 30px;}
	.sec3One .right .title{padding: 30px 0;}
	.sec3One .right .img{height: 200px;}
	.sec3Two .leftOne{padding-top: 30px;padding-bottom: 30px;}
	.secOnetextList{padding-top: 15px;}
	.sec3Two .leftTwo{background: #fff;height: auto;}
	.sec3Two .leftTwo .numBlue li i{display: inline-block;max-width: 50px;margin-left: 10px;}
	.sec3Two .leftTwo .numBlue li:nth-child(2){padding: 0 8px;margin: 0 8px;}
	.sec3Two .leftTwo .SecOneRightimgList{justify-content: inherit;padding-bottom: 20px;}
	.sec3Two .leftTwo .SecOneRightimgList li{margin-right: 30px;}
	.sec3Two .rightSwiper a{height: auto;padding-bottom: 82%;}
	.sec3Three{padding-top: 30px;padding-bottom: 0;}
	.sec3Three dl:nth-child(2){flex-direction: inherit;padding-top: 30px;}
	.sec3Three dl  dd{margin-top: 30px !important;}
	.sec3Four .left .img{padding-bottom: 50%;}
	.sec3Four .right .pcUl li{flex: inherit;width: 100%;margin-bottom:20px !important;}
	.sec3Four .right .pcUl li:nth-child(2){margin: 0;}
	.sec3Four .right .pcUl li:nth-child(2)::before,.sec3Four .right .pcUl li:nth-child(2)::after{display: none;}
	.sec3Four .right .rightOne{height: auto;}
	.sec3Four .left,.sec3Four .right .rightOne{padding-top: 30px;}
	
	body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -44px;}
	.aboutPart2 .box .item .text{max-width: 90%;margin: auto;overflow-y: inherit;max-height: inherit;height: auto;}
	.aboutPart2 .box .item:nth-child(2) .text{width:auto;}
	.nBanBox.naboutBox0303 .nBan::before{display: none;}
	.nBanBox .nBan .textBox.nabout0303{padding: 20px 20px 20px 0;left: 25px;}
	.nBanBox .nBan .textBox.nabout0303 h3{font-size: 16px;line-height: 1.3;}
	.nBanBox .nBan .textBox.nabout0303 h4{margin-top: 10px;line-height: 1.3;}
	.aboutPart2 .box .item .text .lookmore{filter: brightness(0) invert(0.5);margin: 15px 0 30px;}
	.jiezhitime span{width: 40%;}
	.jiezhitime{padding-top: 30px;}
	.aboutPart2_new{margin-bottom:20px;}
	.company .history_wrap .histroy_contents .img_wrap img{width: 100%;}
	.company .history_wrap .histroy_contents li:last-child .img_wrap{margin-top: 0;}
	.activeFive .swiper-slide a .img,.activeFive .swiper-slide a .text{width: 100%;display: block;}
	.activeFive .swiper-slide a{flex-wrap: wrap;}
	.activeFive .swiper-slide a .img{padding-bottom: 65%;}
	.activeFive .activityBtn{bottom: 10px;right: 10px;}
	.contactBox .box .textBox .right .title{margin-top: 0;}
	.page4Banner.nBanBox .nBan .text{font-size: 22px;}
	.contperOne .word img{max-width: 30%;}

	/* 发展历程 */
	.mm-page .history {
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}

	.mm-page .history .swiper-parent {
		margin-top: 10px !important;
	}

	/* 文化活动 */
	.personFour .row .item {
		width: 100%
	}

	/* 创新产品 */
	.productIndex {
		height: 300px !important;
	}

	/* 人才招聘 */
	.recruitment.container {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.recruitment .col-lg-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* 联系我们 */
	.contactBox0317 .box {
		padding-bottom: 0;
	}

	.contactBox0317 .box .left {
		min-height: calc(100vh - 104px);
	}

	/* 新闻 */
	.newsDetail {
		padding-top: 60px;
	}

	.bannerIndex {
		height: 233px !important;
	}

	.bannerIndex .img img {
		height: 233px !important;
	}

}