*{margin:0;padding:0;list-style:none; }
@font-face{
	font-family:'Harmony';
	src:url('HarmonyOS_Sans_Regular.ttf') format('truetype'),
	src:url('HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}
@font-face {
  font-family: "iconfont"; /* Project id 3262392 */
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('//at.alicdn.com/t/font_3262392_lqs3r70y08f.woff?t=1647959011273') format('woff'),
       url('//at.alicdn.com/t/font_3262392_lqs3r70y08f.ttf?t=1647959011273') format('truetype');
}
html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: #f0f1f5;
    color:#333;
    font-size: 16px;width: 100%;overflow-x: hidden;
    font-family: Harmony,'Microsoft Yahei','Lucida Grande',Tahoma,sans-serif!important ; 
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-guanbixiao:before {
  content: "\e8bb";
}

.icon-guanbi:before {
  content: "\e601";
}

.icon-xinxi:before {
  content: "\e634";
}

.icon-jiantou_qiehuanyou:before {
  content: "\eb05";
}

.icon-jiantou_qiehuanzuo:before {
  content: "\eb06";
}

.icon-jiantou_top:before {
  content: "\e60e";
}

.icon-single:before {
  content: "\e623";
}

.icon-shubiao:before {
  content: "\e662";
}

.icon-jiantou-you:before {
  content: "\e631";
}

.icon-jiantou-zuo:before {
  content: "\e632";
}

.icon-jiantou-xia:before {
  content: "\e633";
}

.icon-geren:before {
  content: "\e706";
}

.icon-sousuo:before {
  content: "\e666";
}
h1,h2,h3,h4,h5{font-weight: 500;}
a{color:#333;text-decoration:none;}
a:hover{color:#8dc51c;transition: 0.3s;}
img{border:0 none;}
p{line-height: 1.8em;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}
.block{display: block !important; }
.inline{display: inline !important;}
.clearfix{zoom:1;clear:both;display:inline-block;}
.clearfix{display:block;}
.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
.rel{position: relative;}
.fl{float: left !important;}
.fr{float:right !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.tl{text-align: left !important;}

.ptb30{padding:60px 0;}
.mt15{margin-top: 15px !important; }
.mt25{margin-top:25px !important;}
.mtb25{margin-top:40px !important;margin-bottom:60px !important;}
.mb25{margin-bottom:25px !important;}
.ml-20{margin-left: -20px;}
.bggrey{background: #f5f5f5;}
.bgwrite{background-color: #fff !important;}
.pt20{padding-top: 20px !important;}
.p30{padding: 30px !important;}
.pb30{padding-bottom: 30px !important;}
.pb90{padding-bottom: 90px !important;}
.bgf3{background: #f3f3f3;}
.warp{width:1200px;margin:0 auto;max-width: calc(100% - 20px);}
.over{overflow: hidden;}
.layui-tab{margin-top:0;margin-bottom: 0;}
.head{width:100%;height:90px;position: fixed;top:0;left:0;z-index:100;background: #fff;transition: .3s;border-bottom: 1px solid rgba(255,255,255,.2);box-shadow: 3px 0 10px 10px rgba(0,0,0,.02)}
.head .warp{position: relative;height:90px;width: auto;padding:0 20px;}
.head .logo{float: left;height:60px;padding: 17px 0 0;}
.head .logo a{display: block;float: left;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.head .nav{float: right;padding:0 0 0 15px;}
.head .nav ul{float: left;}
.head .nav li{float: left;position: relative;padding-left: 45px;}
.head .nav li a.t{display: block; color: #fff;line-height:90px;height:90px;position: relative;font-size: 16px;}
.head .nav li .cont{position: absolute;top: 90px;background:rgba(255,255,255,.8);padding:10px 0;width: 140px;left:50%;margin-left: -45px;box-shadow: 0 5px 5px rgba(0,0,0,.1);display: none;}
.head .nav li .cont a{display: block;padding:14px 0;text-align: center;font-size: 12px;}
.fixed,.head.mu{box-shadow: 3px 0 10px 10px rgba(0,0,0,.08)}
.head .nav li.hscont a.t{padding-right:16px;}
.head .nav li.hscont a.t:before{content: "";width: 6px;height: 6px;border-right: 1px solid #fff;border-top: 1px solid #fff;transform: rotate(135deg);position: absolute;right: 0;top: 50%;display: block;margin-top: -5px;}
.head.fixed .nav li.hscont a.t:before,.head.mu .nav li.hscont a.t:before{border-color: #ccc;}
.head .nav li a.t:hover:before{border-color: #8dc51c !important;}
.fixed .nav li a.t,.mu .nav li a.t{color:#000;}
.head .nav li a.t:hover{ color:#fff;height:90px;}
.head.fixed .nav li a.t:hover,.head.mu .nav li a.t:hover{color: #8dc51c;}
.head .nav li a.t:after{content: "";display: block;position: absolute;bottom:0;height: 0;background: #fff;width: 100%;transition: .3s;border-radius:2px;}
.head .nav li a.t:hover:after,.head .nav li.active a.t:after{height: 3px;}
.head .nav li.active a.t{ color:#fff;height:90px;position: relative;}
@media screen and (max-width:1020px){
	.head .nav li{padding-left: 25px;}
}
.head .lang{float:right;height: 24px;border-radius: 15px;margin: 32px 0 0 20px;position: relative;display: flex;}
.head .lang a{display: none;}
.head .lang .cur{display: block;}
.head .so{float: right;height: 24px;border-radius: 15px;margin: 32px 0 0 20px;font-weight: 900;}
.head .so .iconfont{font-size:20px;}
.head .w_bg{background-color: #fff;position: absolute;left: 0;top:0;height: 90px;width: 100%;background:#fff;z-index: 0;opacity: 0;}
.mu .w_bg,.fixed .w_bg{opacity: 1;}
.head .warp{position: relative;z-index: 1;}
/* .head.fixed .logo a,.head.mu .logo a{background-image: url("../images/logo.png");}
.head.fixed .logo a img,.head.mu .logo a img{opacity: 1;} */

.head.fixed .nav li.active a.t,.head.mu .nav li.active a.t{color:#8dc51c;}

.head.fixed .nav li.active a.t:after,.head.mu .nav li.active a.t:after{background:#8dc51c;}
.menu{position: fixed;left: 0;top:90px;background:#fff;height: 340px;z-index: 999;width:100%;border-top: 1px solid #e8e8e8;display: none;}
.menu:before{position: absolute;width: 50%;height: 100%;background-color: #f5f5f5;content:'';display: block;z-index: 0;}
.menu .warp{position: relative;z-index: 3;display: none;height: 100%;}
.menu .warp.show{display: flex;}
.menu .list{width: 500px;border-right: 1px solid #e8e8e8;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.menu .list a{display: block;text-align: center;border-bottom: 1px solid #e8e8e8;width: 200px;line-height: 50px;cursor: pointer;}
.menu .list a:hover{color:#8dc51c;border-color: #8dc51c;}
.menu .navName{width: 700px;height: 100%;background-color: #f5f5f5;border-left: 1px solid #e8e8e8;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 2.75em;}
.menu .navName div{padding-bottom: 60px;}
.menu .navName span{font-size: 36px;}
.menu .navName b{display: block;font-size: 80px;color: rgba(0,0,0,.05);}
.searchbtn{float: right;margin:32px 0 0 20px;}
.banner{height: 707px;width: 100%;color:#fff;padding-top: 90px;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .wrap{position: relative;z-index: 2;}
.banner .swiper-slide {align-items: center;background-repeat:no-repeat;background-size:cover;background-position: center;width:100%;height:100%;background-color: #000;
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;overflow: hidden;}
.banner .swiper-slide .bannerbg{opacity: .96;}
.banner .swiper-slide .bannerbg:before{content:'';width: 100%;height: 100%;display: block;background: linear-gradient(to right, rgba(0,0,0,.15), rgba(0,0,0,0), rgba(0,0,0,.1));}
.banner .swiper-slide .wrap{position: relative;z-index: 9;}
.banner .swiper-slide h2{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .6s;text-shadow: 0 6px 6px rgba(0,0,0,.15)}
.banner .swiper-slide p{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .7s;text-shadow: 0 6px 6px rgba(0,0,0,.15);max-width: 50%;}
.banner .swiper-slide h3{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .8s;text-shadow: 0 3px 3px rgba(0,0,0,.2);}
.banner .more{transition: 1.2s;opacity: 0;transform: translateY(50px);margin-top: 20px;}
.banner .swiper-slide-active h2,.banner .swiper-slide-active p,.banner .swiper-slide-active h3{opacity: 1;transform: translateX(0);}
.banner .swiper-slide .more{opacity: 1;transform: translateY(0);border:1px solid #fff;background:none;box-shadow: none;}
.banner .swiper-slide .more:hover{background-color: #8DC51C;border-color: transparent;}
.swiper-button-next, .swiper-button-prev{/* border:1px solid #fff; */width: 40px;height: 40px;border-radius: 50%;display: block;position: absolute;}
.banner-x .warp{position: relative;z-index: 3;}
.banner-x h2,.banner-x h3{animation: fiu 2.2s forwards;transform: translateX(20px);font-size: 42px;font-weight: 500;opacity: 1;text-shadow: 0 6px 6px rgba(0,0,0,.15)}
.banner-x p{display:block;animation: fiu 2.6s  forwards;transform: translateX(20px);font-size: 14px;margin-top: 20px;opacity: 1;text-shadow: 0 3px 3px rgba(0,0,0,.2);}
.banner-x  .more{background-color: transparent;border-color: #fff;margin-top: 40px;box-shadow: none;}
.banner-x  .more:hover{border-color: transparent;}
.banner-x{background-repeat: no-repeat;background-size:auto 115%;background-position: center;animation: bgx 2.6s .15s forwards;}
.bannerbg{display: block;position: absolute;z-index: 0; left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;transform: scale(1.03); }

.banner-x .bannerbg:before{content:'';width: 100%;height: 100%;display: block;background: linear-gradient(to right, rgba(0,0,0,.15), rgba(0,0,0,0), rgba(0,0,0,.1));}
.banner-x .swiper-container{height:100%;}
.banner-x .swiper-slide{overflow: hidden;}
@keyframes bgx
{
    from {background-size:auto 115%;}
    to {background-size:auto 110%;}
}
@keyframes bgfd
{
    from {transform: scale(1.03);}
    to {transform: scale(1);}
}
@keyframes fiu
{
    from {transform: translateX(20px);opacity: 1;}
    to {transform: translateX(0);opacity: 1}
}
.chVr{width: 100%;height: auto;padding-bottom: 60px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;width:25px;height:25px;display: block;border-top: 2px solid #fff;border-right:2px solid #fff;transform:translate(8px,12px) rotate(45deg) ;}
.swiper-button-prev:after{transform:translate(16px,10px) rotate(-135deg);}

.more{display: inline-block; width:140px;text-align:center;background:#8DC51C ;color:#fff;padding:0 15px;border-radius: 26px;font-size: 16px;line-height: 50px;margin-top: 12px;visibility: visible;border:1px solid #8DC51C;box-shadow: 0 10px 30px rgba(69,156,78,.2);transition: .2s;}
.more span{padding:0 3px;display: inline-block;line-height: 16px;position: relative;}
.more span:after{content:'';position: absolute;left:50%;right:50%;display: block;bottom:-8px;border-bottom: 1px solid #fff;transition: .4s;}
.more:hover{background-color:#88bd1e;color: #fff; }
.more:hover span:after{left:0;right:0;}

.tit2{display: flex;align-items: center;padding-top:40px;position: relative;justify-content: space-between;}
.tit2 b,.tit3 b{font-size: 36px;font-weight: 500;display: flex;align-items: center;position: relative;z-index: 2;}
.tit2 strong,.tit3 strong{font-size: 28px;font-weight: 700;display: flex;align-items: center;}
.tit2 b span,.tit3 b span{color:#8dc51c}
.tit2 strong span,.tit3 strong span{color:#8dc51c}
.tit2 em{display: block;font-size: 50px;color:#ececec;font-weight: 900;overflow: hidden;position: absolute;left: 0;top:-10px;z-index: 0;}
.tit2 b:after{content:'';width: 24px;height: 24px;display: block;background:url(../images/icon.png) no-repeat;margin-left: 10px;}

.tit2.t{padding-top: 15px;text-align: left; max-width: 90%;}
.tit2.t b{display: block;}
.tit2.t b:after{content:'';background: none;width: 2em;height: 2px;background-color: #61B16A;display: block;margin:30px 0 10px;}

.tit3{display: flex;justify-content: space-between;align-items: center;}
.tit3 em{display: block;height: 4px;width:80%;background-color: #8dc51c;margin-right: -60px;position: relative;z-index: 9;}

.footer{background:#404040 url('../images/footbg.jpg') no-repeat center bottom;background-size: cover; padding:60px 0 0;position: relative;}
.f_logo{ padding:0 0 28px; }
.f_logo img{display: block;}
.footer .warp{position: relative;}
.footer .cart{float: right;text-align: right;}
.footer .cart div{margin: 10px 0;}

.footer .cart p{color:#85b0d2;font-size: 14px;margin-top: 5px;}
.footer .cart a{color:#fff;font-size: 20px;font-weight: 900;}
.footer .bto{/*padding:20px 0;*/font-size: 12px;line-height: 1.8em;background:#373c3f;height: 50px;}
.footer .bto p{color:#ccc;line-height: 50px; }
.footer .bto p a{color:#ccc;}
.footer .sel{position:absolute;right:0;top: 10px; width: 280px;height: 40px;border:1px solid rgba(255,255,255,.1);background: #373c3f;}
.footer .warp{padding-bottom: 50px;}
.footer .bto .warp{padding-bottom: 0;}
.footer .nv a{color:#ccc;}
.footer .nv a:after{content: "|";display: inline-block;padding:0 10px;}
.footer .nv a:last-child:after{content: "";}
.footer .sel span{display: block;padding:0 20px;color: #fff;line-height: 40px;position: relative;display: flex;justify-content: space-between;}
.footer .sel span:after{content: "";width: 12px;height: 12px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);transform: rotate(45deg);display: block;margin-top: 10px}
.footer .sel div{position: absolute;left: 0;bottom:42px;background: #373c3f;width: 100%;display: none;}
.footer .sel:hover div{display: block;}
.footer .sel div a{display: block;padding:0 20px;line-height: 40px;color:#fff;}
.footer a:hover{color:#fff !important;}
.footer .tel {line-height: 2em;color:#ccc;font-size:16px;margin-right: 26px;}
.footer .tel a{color:#ccc;display: inline-block;margin-left: 5px;}
.footer .tel p{line-height: 16px;padding-top: 15px;}
.footer .codes{display: flex;}
.footer .codes .cum{width: 70px;margin: 0 10px;}
.footer .codes .cum img{width: 100%;}
.footer .codes span{display: block;font-size: 10px;text-align: center;color:#ccc;margin-top: 5px;}
.footer .codes .cum:hover span{color: #fff;}

.dts{background: #fff;box-shadow: 0 0 10px 5px rgba(0,0,0,.1); box-sizing: border-box;position: relative;z-index: 99;opacity: 0;}
.dts .info{padding:30px;font-size: 14px;}
.dts .info span{color:#e60013;}

.in_pro{height: 460px;}
.tit{overflow: hidden;}
.tit span.t{float: left;font-size: 48px;}
.tit.w span.t{color: #fff;}
.tit .more{float: right;}
.in_pro .tit b{font-size:36px;font-weight: 600; display: flex;align-items: center;white-space: nowrap;}
.in_pro .tit b:after{content: "";width: 240px;display: inline-block;background: #333;height:3px;margin-left: 30px;}
.in_pro .tit:after{content: "";width: 36px;height: 3px;background: #8dc51c;display: block;margin-top: 20px;}
.in_pro .txt{width:550px;font-size: 18px;color: #666;float: left; background: url("../images/z.png") no-repeat left bottom;position: relative;margin-right: 40px;}
.in_pro .txt p{height:200px;padding:0 30px 30px 0;}
.in_pro .more{position: absolute;left: 0;bottom:50px;}
.in_pro .img{float: right;width:600px;height: 400px;}
.in_pro .img div{width: 100%;height:400px;backgorund-repeat:no-repeat;background-size: cover;float: right;position: relative;z-index: 3;}
.in_video{width: 800px;height:500px;}
.in_video video{width: 100%;height:500px;}
.in_pro .img span{position: absolute;right:0;bottom:0;background-color: #8dc51c;display: flex;width: 50px;height:50px;z-index: 4;justify-content: center;align-items: center;cursor:pointer;}
.in_pro .img span:before{content:'';width: 0;height:0;border-top:8px solid transparent;border-left: 16px solid #fff;border-bottom: 8px solid transparent;display: block;}
.inPros{display: flex;}
.inPros .item{flex:1;height: 450px;position: relative;background: #000;}
.inPros .item:after{content: "";width: 100%;height: 100%;background: url("../images/hov.jpg") no-repeat center;background-size: cover;display: block;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;transition: .3s;}
.inPros .item .img{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;z-index: 0;opacity: .5;transition: .3s;}
.inPros .item h2{color:#fff;font-size: 20px;display: flex;justify-content: space-between;}
.inPros .item h2 b{transition: .5s;text-align: left;}
.inPros .item h2:after{content: '+';display: block;transition: .6s;margin-left: 10px;}
.inPros .item .info{position: relative;z-index: 3;padding:60px 25px 100px;box-sizing: border-box;height: 100%;}
.inPros .item .info .more{position: absolute;bottom:80px;background: none;border-color: #fff;box-shadow: none;opacity: 0;transition: .3s;transform: translateY(20px);left:50%;margin-left: -87px;}
.inPros .item .info .txt{transform: translateY(235px);color:#fff;transition: .3s;font-size: 14px;}
.inPros .item .info .txt:before{width: 30px;content: "";height: 3px;display: block;background: #fff;margin:0 0 20px;}
.inPros .item .info .txt p{/* overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:-webkit-box;-webkit-line-damp:3;-webkit-box-orient:vertical; */}
.inPros .item .po{position: absolute;left: 0;top: 0;width:100%;height:100%;text-align: left;display: flex;flex-direction: column;justify-content: center;color:#fff;font-size: 14px;opacity: 0;transition: .3s;transform: translateX(10px);}
.inPros .item .po p{/* padding-left: 40px; */text-align: center;padding: 0;transform: translateX(10px);transition: .3s;}

@media screen and (max-width:1000px) {
	.inPros{flex-wrap: wrap;}
	.inPros .item{flex:none;width: calc(33.3% - .4rem);margin:.2rem;}
}
@media screen and (max-width:750px) {
	
	.inPros .item{flex:none;width: calc(100% - 1rem);}
}


.in_news{padding:40px 0;}
.in_news .tit{display: flex;align-items: center;justify-content: space-between;font-size: 36px;padding-bottom: 35px;}
.in_news .tit .more{margin-top: 0;}
.in_news .list{display: flex;justify-content: space-between;}
.in_news .list .item{width:386px;position: relative;background: #f5f5f5;height:398px;transition: .3s;flex:1;margin-left: 20px;}
.in_news .list .item:first-child{margin-left: 0;}
.in_news .list .item span{display: block;width:70px;height: 70px;background: #fff;border-radius: 50%;font-size: 12px;color: #999;text-align: center;line-height: 22px;position: absolute;z-index: 2;top:20px;left:20px;}
.in_news .list .item span b{font-size: 30px;color:#8DC51C;font-weight: 900;display: block;padding-top: 17px;}
.in_news .list .item .img{height: 250px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.in_news .list .item h2{font-size: 18px;padding:20px;font-weight: 600;transition: .3s;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_news .list .item p{padding:0 20px;color: #666;transition: .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.in_news .list .item:hover{transform: translateY(-20px);background: #8DC51C;box-shadow: 0 10px 30px rgba(69,156,78,.2); }
.in_news .list .item:hover h2{color: #fff;}
.in_news .list .item:hover p{color: #fff;}
/* 
 .layui-tab-title.tab{border:none;padding:80px 0 40px;display: flex;justify-content: center;align-items: center;}
 .layui-tab-title.tab li{border:1px solid #8DC51C;border-left: none;line-height: 60px;padding:0 40px;color:#8DC51C;}
 .layui-tab-title.tab li a{color:#8DC51C;font-size: 18px}
  .layui-tab-title.tab li:hover{background-color: #e2f1e4;}
 .layui-tab-title.tab li:nth-child(1){border-radius: 40px 0 0 40px;border-left: 1px solid #8DC51C;}
 .layui-tab-title.tab li:last-child{border-radius: 0 40px 40px 0;}
 .layui-tab-title.tab .layui-this:after{display: none;}
 .layui-tab-title.tab .layui-this{background-color: #8DC51C !important;color:#fff;}
  .layui-tab-title.tab .layui-this a{color: #fff;}
  .channeng .layui-tab-title.tab{padding-bottom: 80px;} */
  
  .layui-tab-title.tab{border:none;display: flex;justify-content: center;align-items: center;height:auto;}
  .layui-tab-title.tab li{background:#d7d7d7;line-height: 70px;padding:0 40px;color:#8DC51C;}
  .layui-tab-title.tab li a{font-size: 18px}
   .layui-tab-title.tab li:after{display: none;}
   .layui-tab-title.tab li:hover{background-color: #e2f1e4;}
  .layui-tab-title.tab .layui-this{background-color: #8DC51C !important;color:#fff;}
   .layui-tab-title.tab .layui-this a{color: #fff;}
   .channeng .layui-tab-title.tab{ margin-bottom: 80px;}
   
 .newsbox{padding-top: 30px;}
 .newsbox .list .cum{height: 226px;background: #fff;display: flex;margin-top: 20px;}
 .newsbox .list .cum .img{width: 354px;background: no-repeat center;background-size: cover;height: 226px;}
 .newsbox .list .cum .info{flex:1;padding:30px;height: 100%;box-sizing: border-box;display: flex;flex-direction: column;}
 .newsbox .list .cum h4{font-size: 24px;}
 .newsbox .list .cum p{flex:1;color: #999;margin: 10px 0;}
 .newsbox .list .cum .bot{display: flex;justify-content: space-between;align-items: center;}
 .newsbox .list .cum .bot span{color: #ccc;line-height:1.7em;}
  .newsbox .list .cum .bot a{color:#8dc51c;}
  
.newsbox .list.grid{display: flex;flex-wrap: wrap;}
.newsbox .list.grid .cum{width: calc(33% - 10px);height:auto;display: block;margin-left: 15px;}
.newsbox .list.grid .cum:nth-child(3n-2){margin-left: 0;}
.newsbox .list.grid .cum .info{height:calc(100% - 226px);}
.newsbox .list.grid .cum .img{width: 100%;}
.pages{padding:20px 0 100px;text-align: center;}
.layui-laypage a, .layui-laypage span{width: 50px;height: 50px;line-height: 50px;padding:0;margin:0 3px;border:1px solid #fff;font-size: 16px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em,.layui-laydate .layui-this{background-color: #8dc51c}
 
.flex-b2{display: flex;justify-content: space-between;flex-wrap:wrap;}
.flex-b2 .item{flex-shrink: 1;flex:1;margin-left: 20px;margin-bottom: 20px;}
.flex-b2 .item img{width: 100%;}
.flex-b2 .item:nth-child(1){margin-left: 0;}
.flex-b2 .txt{min-height: 150px;padding:20px 0;color:#666;text-align: left;max-width: 90%;}
.teachbox1{overflow: hidden;position: relative;margin:80px 0 30px;}
.teachbox1:after{width:100%;height:100%;content:'';display: block;position: absolute;left: 50%;top:0;margin-left: -700px;background:url(../images/bg.png) no-repeat right bottom #f8f8f8;z-index: 0;}
 .teachbox1 .flex-b2{position: relative;z-index: 2;padding:60px 0;}
 .teachbox2{background:url(../images/bg2.png) no-repeat right top;}
 
 .relabox{background:url(../images/bg11.jpg) no-repeat bottom center;padding-bottom: 90px;}
 .relabox .warp{position: relative;padding:100px 0;background:url(../images/icon3.png) no-repeat right 90px;}
 .relabox .warp:before{content: "";width: 320px;height: 275px;background:url(../images/bg3.png) no-repeat;position: absolute;left:-390px;top:60px;}
 .relabox .warp:after{content: "";width: 306px;height: 552px;background:url(../images/bg4.png) no-repeat;position: absolute;right:-366px;top:0;} 
 .relabox .tit3{display: block;}
 .relabox .tit3 b{font-weight: 900;}
 .relabox .tit3 strong{font-weight: 900;}
 .relabox .tit3 i{display: block;margin-left: 30px;}
 .relabox .warp .tit3 .en{color:#e1e1e1;font-size: 55px;display: block;font-weight: 900;}
 .relabox .warp p{color: #999;font-size: 30px;line-height: 1.63em;margin: 20px 0;}
 .relabox .flex-b2 {padding:0;}
 .relabox .flex-b2 .item{background:#fff;height: 160px;display: flex;flex-direction: column;justify-content: center;align-items: center;box-shadow:0 0 20px rgba(0,0,0,.1);border-radius: 100px;}
  .relabox .flex-b2 .item b{color:#8dc51c;font-size: 60px;margin-bottom: 10px;background-image: linear-gradient(180deg,#8adb93,#8dc51c); background-clip:text;-webkit-background-clip:text;color: transparent;}
  .relabox .flex-b2 .item strong{color:#8dc51c;font-size: 60px;margin-bottom: 10px;}
  .relabox .flex-b2 .item strong em,  .relabox .flex-b2 .item b em{font-size: 20px;font-weight: 500;}
  
  .forms{display: flex;flex-wrap: wrap;justify-content: space-between;padding:0 40px;}
  .forms .cum{width: calc(50% - 10px);margin-bottom: 20px;display: flex;justify-content: space-between;}
  .forms .cum.c1{width: 100%;}
  .forms .cum2{width: calc(50% - 10px);display: flex;position: relative;}
  .forms .code{width: 112px;height: 38px;display: flex;align-items: center;overflow: hidden;position: absolute;right:0;top:0;}
  .forms .code img{width: 100%;}
  .forms input{flex:1;width: 0;}
  .consulting{padding:80px 0;background:url(../images/bg12.jpg) no-repeat center;background-size: cover;}
  .consulting .warp{background:#f5f5f5;padding:40px 0;}
  .consulting .layui-btn{background-color: #8dc51c;width: 100%;}
  .consulting .layui-form-select, .consulting .layui-form-select div, .consulting .layui-form-select input{width: 100%;}
  
  .contactbox{background: url(../images/bg6.png) no-repeat center;padding:100px 0;background-size: cover;}
  .contactbox .tel{display: flex;justify-content: space-between;align-items: center;padding:40px 0 40px;}
  .contactbox span{display: block;font-size: 16px;line-height: 1.85em;color:#666;}
  .contactbox b,.contactbox strong{font-size: 60px;font-weight: 900;padding-bottom: 30px;display: block;}
  .contactbox em{display: block;}
  .contactbox h2{font-size: 36px; }
  .contactbox .r{text-align: center;}
  .pt90{padding-top: 90px;}
  .navbar{color:#999;padding:30px 0;}
  .navbar a{color: #999;}
  
  .artical .info{background-color: #fff;padding:40px;}
  .artical img{max-width: 100%;display: block;margin:0 auto;}
  .artical h1{width: 80%;margin:0 auto;font-size: 36px;text-align: center;}
  .artical .t{text-align: center;color:#ccc;padding:20px 0;}
  .artical .content{border-bottom: 1px solid #E1E1E1;padding-bottom: 50px;}
  .artical .content p{line-height: 2em;}
  .artical .t span{display: inline-block;margin:0 10px;}
  .artical .pa{display: flex;justify-content: space-between;padding-top: 30px;}
  .artical .pa a{color:#999;display: block;}
  .artical .pa a:hover{color: #22496c;}
  .artical .pa b{display: block;font-size: 14px;font-weight: 500;}
  .artical .pa div:last-child a{text-align: right;}
  .artical .pa span{font-size: 24px;}
  
  .channeng{background:url(../images/bg7.png) no-repeat;background-size: cover;}
  .channeng .flex-b2{padding-bottom: 50px;}
  .cnbox1{margin:0 0 40px 0;background-color: #fff;box-shadow: 0 5px 20px rgba(0,0,0,.1);display: flex;}
  .cnbox1 .item{display: flex;align-items: center;padding:30px;flex:1;font-size: 18px;line-height:1.8em;}
  .cnbox1 .item img{flex-shrink: 1;margin-right: 20px;}
  .cnbox1 .item:nth-child(2){border-left:1px solid #eee;border-right: 1px solid #eee;}
  .layui-tab-content{padding-top: 0;}
  .tit4{text-align: center;padding-bottom: 30px;}
  .tit4 b,.tit4 strong{font-size: 36px;font-weight: 900;display: block;}
  .tit4 span{display: block;color: #999;line-height: 1.8em;width: 50%;margin:0 auto;}
  .cnbox2{padding:0 0 80px;}
 .cnbox2 .item{background:rgba(255,255,255,.8);width: calc(50% - 10px);flex:none;margin:0 0 20px;}
/* .cnbox2:after{content: '';flex:1;display: block;} */
 .cnbox2 .img{height: 250px;background:no-repeat center;background-size: cover;}
 .cnbox2 .info{padding:20px 30px;width: 530px;}

 .cnbox2 .info h2{font-size: 18px;padding-bottom: 10px;display: flex;justify-content: space-between;}
 .cnbox2 .info h2 span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1;margin-right: 10px;}
 .cnbox2 .info p{font-size: 14px;color: #666;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
  .cnbox3 .item{height: 300px;background: no-repeat center;background-size: cover;position: relative;margin-bottom: 50px;}
  .cnbox3 .item span{display: block;text-align: center;width: 100%;position: absolute;bottom:0;left:0;padding:20px 0;color:#feffff;font-size: 18px;}
.cnbox2.gy{flex-wrap: wrap;}
.cnbox2.gy .item{flex-basis: 40%;margin-bottom: 20px;transition: .3s;}
.cnbox2.gy .item:hover{box-shadow: 3px 0 10px 10px rgba(0,0,0,.08);}

.cnbox2.gy .item .img{height: 300px;}
.cnbox2.gy .item:nth-child(2n-1){margin-left: 0;}
.cnbox2.gy .item h2{font-size: 24px;}

.aboutnav{background-color: #fff;line-height: 70px;text-align: center;}
.aboutnav .warp{display: flex;}
.aboutnav a{display: block;flex: 1;margin:0 0 0 1px;background-color: #d7d7d7; }
.aboutnav a.cur{color:#fff;background-color: #8dc51c;}

.aboutbox1{background:#f5f5f5 url(../images/bg8.png) no-repeat center;background-size: cover;padding-bottom: 100px;}
.aboutbox1 .in_pro h2 {display: flex;align-items: center;font-size: 30px;}
.aboutbox1 .in_pro h2 img{margin-left: 30px;}
.aboutbox1 .txt2{position: relative;overflow: hidden;}
.aboutbox1 .txt2:after{width: 100%;background-color: #fff;content: "";height: 100%;display: block;position: absolute;z-index: 0; left:50%;top:0;margin-left: -640px;}
.aboutbox1 .txt2 .warp{padding:40px 0;position: relative;z-index: 9;}
.aboutbox1 .txt2 p+p{margin-top: 20px;}
.aboutbox1 .in_pro:after,.aboutbox1 .in_pro:before{display: none;}

.tit5{line-height: 2em;padding:60px 0 50px;}
.tit5 span{display: block;font-size: 36px;}
.tit5 b{font-size: 80px;color:rgba(51,51,51,.1);display: block;}
.teambox1{background: url(../images/bg10.jpg) no-repeat;background-size: cover;padding:0 0 80px;}
.teambox1 .flex-b2{padding:0;}
.teambox1 .item{background-color: #fff;padding:20px;color:#666;position: relative;height: 222px;}
.teambox1 .info{width: 100%;height:100%;display: flex;flex-direction: column;}
.teambox1 .info p{flex: 1;width: 70%;}
.teambox1 .info a{color:#8dc51c;border: 1px solid #8dc51c;background-color:#fff;transition: .2s;padding:0;box-shadow: none;}
/* .teambox1 .info a:hover{color:#fff;background-color:#8dc51c ;} */
.teambox1 .info a span:after{border-color:#8dc51c ;}
.teambox1 .item .h{display: flex;align-items: center;padding-bottom: 10px;}
.teambox1 .item b{font-size: 30px;font-weight: 900;margin-right: 10px;position: relative;color:#333;}
.teambox1 .item em{color: #00a0e8;border:1px solid #00a0e8;padding:2px 10px;margin:0 5px;border-radius: 20px;display: block;}
.teambox1 .item .photo{position: absolute;right:20px;bottom:20px;width: 34%;display: flex;align-items: flex-end;justify-content: flex-end;}
.teambox1 .item .photo img{width: 100%;}
.teambox1 .flex-b2.t2{justify-content:center;margin:0 -20px;}
.teambox1 .flex-b2.t2 .item{width: calc(32% - 10px);margin:0 10px 30px;flex: none;box-sizing: border-box;}

.teambox2 .list{display: flex;flex-wrap: wrap;}
.teambox2 .list .cum{width: 285px;background-color: #fff;margin:0 0 20px 20px;background-color: #f5f5f5;}
.teambox2 .list .cum:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.1);}
.teambox2 .list .cum:nth-child(4n+1){margin-left: 0;}
.teambox2 .list .cum .photo{height: 200px;background:no-repeat center top #a7b8c5;background-size: 70%;}
.teambox2 .list .cum .info{padding:20px;}
.teambox2 .list .cum h4{display: flex;align-items: center;flex-wrap: wrap;padding-bottom: 20px;}
.teambox2 .list .cum h4 b{font-size: 30px;padding-right: 10px;}
.teambox2 .list .cum h4 i{margin: 0 10px 0 0;}
.teambox2 .list .cum h4 em{border:1px solid #00A0E8;color:#00A0E8;border-radius: 20px;padding:5px 20px;}
.teambox2 .list .cum p{font-size: 14px;color:#333;/* word-break: break-all; text-overflow: ellipsis;overflow: hidden;white-space:nowrap; */}

.aboutbox3{background:#fff url(../images/bg5.png) no-repeat bottom;background-size: cover;}
.aboutbox3 .lay1{position: relative;overflow: hidden;width: 100%;padding:80px 0}
.aboutbox3 .lay1:before{content:'';width: 100%;position: absolute;right:50%;top:0;height:390px;background-color: #f0f1f5;z-index: 0;}
.aboutbox3 .warp{position: relative;z-index: 9;display: flex;justify-content: space-between;}
.aboutbox3 .warp .txt{width: 300px;}
.aboutbox3 .warp .txt h3{font-size: 36px;}
.aboutbox3 .warp .txt h3:after{content: '';width: 2em;background-color: #8dc51c;height: 1px;display: block;margin:25px 0;}
.aboutbox3 .warp .txt p{color:#999;}
.aboutbox3 .warp .img{width: 833px;height: 364px;background:no-repeat center;background-size: cover;}
.aboutbox3 .flex-b2 .item{flex-shrink: 1;}
.aboutbox3 .flex-b2{padding:10px 0 90px;}
.aboutbox3 .flex-b2 h3{font-size: 24px;}
.aboutbox3 .flex-b2 h3:after{content: '';width: 2em;background-color: #ccc;height: 1px;display: block;margin:15px 0;}
.aboutbox3 .flex-b2 p{width: 80%;color:#999;}

.peoplewarp{display: none;}
.peoplebox {width: 1200px;height: 550px;background-color: #fff;padding: 80px;box-sizing: border-box;position: relative;background:url(../images/floatboxbg.png) no-repeat left bottom;}
.peoplebox .p-info p{width: 55%;}
.peoplebox .p-h{display: flex;align-items: center;padding-bottom: 10px;}
.peoplebox b{font-size: 30px;font-weight: 900;margin-right: 10px;position: relative;color:#333;background:url(../images/icon.png) no-repeat right center;padding-right: 36px;}
.peoplebox span{background-color: #8dc51c;border-radius:20px 20px 20px 0;color:#fff;padding:4px 14px;margin:0 10px;}
.peoplebox em{color: #00a0e8;border:1px solid #00a0e8;padding:2px 10px;margin:0 5px;border-radius: 20px;display: block;}
.peoplebox .p-photo{position: absolute;right:60px;bottom:20px;width:320px;height: 100%;overflow: hidden;display: flex;align-items: center;}
.peoplebox .p-photo img{width: 100%;}
.peoplebox p{color:#666;}

.jobs{background:#F5F5F5 url(../images/bg6.png) no-repeat ;background-size: cover;}
.zp_top{background: #009fe8;padding:0 30px;line-height: 70px;font-size: 16px;display: flex;color:#fff;}
.zp_top span,.zp_list dt span{flex:1;}
.zp_top i,.zp_list dt i{color:#fff;background:#009fe8;border-radius: 30px;width: 50px;text-align: center;height:30px;line-height: 30px;font-size: 14px;}
.zp_top span:nth-child(1),.zp_list dt span:nth-child(1){flex:3;}
.zp_list dl{border-bottom: 1px solid #f6f6f6}
.zp_list dt{background: #fff;padding:0 30px;display: flex;line-height: 70px;position: relative;align-items: center;}
.zp_list dd{padding:30px;background: #f9f9f9;display: none;}
.zp_list dd .t span{margin-right: 50px;}
.zp_list dd .t{padding-bottom: 10px;}
.zp_list dd .f2{}
.zp_list dd .f2 >div{color: #666;font-size: 14px;padding-top: 20px;}
.zp_list dd .f2 span{color: #999;display: block;padding-bottom:10px;}
.zp_list .td_btn{width: 200px;height: 60px;border:1px solid #009fe8;color:#009fe8;border-radius: 2px;background:none;display: block;margin-top: 30px;}
.zp_list h4{font-size: 24px;padding-bottom: 20px;}
.zl-scrollBarBox{
    height:100%;
    position:absolute;
    background:#f3f3f3;
}
.zl-scrollBar{
    position:absolute;
    left:0;
    top:0;
    background:#848484;
    transition:background 0.3s;
}
.zl-scrollBar.zl-verticalBar{
    min-height:10px;
}

.zl-scrollBar.zl-horizontalBar{
    min-width:10px;
}
.zl-scrollBar:hover{
    background:#000;
}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;
}
.scrollbar{height: 300px;overflow: auto;}
.pages{text-align: center;margin-top: 30px;}
.pages a{display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #fff;margin:0 3px;color:#999;}
.pages a:hover{color: #8dc51c;}
.pages a.on{color: #fff;background: #8dc51c;}

.comdindex{padding: 80px 0 50px;}
.comdindex .flex-b2{padding-bottom:40px;}
.comdindex .flex-b2 .item{width:calc(50% - 30px);flex:none;}
.cdmotxt{padding-bottom: 60px;}
.cdmotxt p {color:#666;padding:10px 0 20px 0;}
.cdmotxt .more{margin-top: 0;}

.ablist{display: flex;}
.ablist .box{flex:1;padding:40px 0 0 30px;}
.ablist .box:nth-child(1){border-right:1px solid #eee;padding:0 30px 0 0;}
.ablist .cum{background:#fff;position:relative;display: flex;margin-bottom: 20px;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);padding:20px;}
.ablist .cum i{width:80px;height:80px;background-color: #00a0e9;border-radius: 50%;display: flex;align-items: center;justify-content: center;;}
.ablist .cum p{display: flex;color:#666;}
.ablist .cum p span{display: block;width: 50%;}
.ablist .cum .info{flex: 1;padding:0 20px}
.ablist .cum b{font-weight: 500;display: block;margin-bottom: 10px;}
.ablist .cum:after{content:'';width: 11px;height:11px;background-color: #8dc51c;border-radius: 50%;position: absolute;top:33px;}
.ablist .cum:before{content:'';display: block; width: 0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;position: absolute;top:30px;position: absolute;top:30px;}   
.ablist .box:nth-child(1) .cum:after{right:-36px;}
.ablist .box:nth-child(2) .cum:after{left:-36px;}
.ablist .box:nth-child(1) .cum:before {border-left:14px solid #fff;right:-14px;}
.ablist .box:nth-child(2) .cum:before {border-right:14px solid #fff;left:-14px;}

.cdmodetail{background:url(../images/ptbg2.png) no-repeat center #fff;padding:100px 0 ;}
.cdmoliimg{background:url(../images/ptbg1.png) no-repeat center #F5F5F5;height:572px;margin-top: -203px;}
.cdmoliimg div{padding-top: 200px;}
.cdmodetail2{background: #fff;}
.gyl{text-align: center;}

.searchInfoBox .warp{padding:100px 0;}
.searchInfoBox h2{text-align: center;font-size: 36px;font-weight: 900;padding:70px 0 50px;}
.searchInfoBox .searchInp{background: #fff;display: flex;align-items: center;}
.searchInfoBox .searchInp input{width: 0;flex:1;border:none;padding:0 30px;}
.searchInfoBox .searchInp .iconfont{font-size: 29px;color:#666;padding:0 20px;height: 70px;line-height: 70px;background: #f8f8f8;border:none;}
.searchInfoBox .searchInp .iconfont:hover{color:#fff;background: #8dc51c;cursor: pointer;}

.searchInfoBox .list{ background-color: #fff;margin: 20px 0 0;padding-bottom:60px;}
.searchInfoBox .jg{min-height:220px;}
.searchInfoBox .list .jg:before{content: attr(alt);color:#8dc51c;font-weight: 900;font-size: 24px;display: block;padding:20px 30px 0;}
.searchInfoBox .list .jg .item{margin:20px 30px 0;background: #f5f5f5;padding:20px;}
.searchInfoBox .list .jg h4{font-size: 24px;}
.searchInfoBox .list .jg p{color:#999;padding:10px 0;}
.searchInfoBox .list .jg a{color:#8dc51c;}
.searchInfoBox .list .jg a:hover{text-decoration: underline;}
.searchInfoBox .jg.none{padding:20px 30px;color:#999;}
.searchInfoBox .list .jg.empty{padding:20px 30px;color:#999;}
.cdmo-cn h2{padding: 0 0 10px;}
.cdmo-cn .info{padding:20px;}
.cdmo-cn .item{background-color: #fff;}
.cdmo-cn .item{margin-left: 20px;}
.cdmo-cn .item:nth-child(1){margin-left: 0;}
.mps{display: flex; justify-content: space-between;}
.mpbox > p{display: block;padding:15px 0;text-align: center;}
.mpbox{width: calc(50% - 10px);}
.mpbox > div{height: 350px;width: 100%;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 10px;}
@media screen and (max-width:750px) {
	.mps{display: block;}
	.mpbox{width: 100%;}
	.mpbox > p{padding:.5rem 0 1rem;}
	.mpbox > div{height: 8rem;border-radius: .2rem;box-shadow: 0 0 .5rem rgba(0,0,0,.1);}
}
@media screen and (min-width: 751px) {
	.revase{flex-direction: row-reverse;}
	.revase .item{margin:0}
    .in_pro h2{color:#333;margin-bottom: 30px;}
    .in_pro{position: relative;padding:100px 0;display: flex;}
	.aboutbox1 .in_pro{padding:20px 0;}
	.aboutbox1 .tit4{padding:60px 0 30px;}
    .in_pro:before{content: "";display: block;width: 309px;height: 275px;background: url("../images/boxlleft.png") no-repeat;left:-359px;top:70px;position: absolute;}
    .in_pro:after{content: "";display: block;width: 306px;height:552px;background: url("../images/boxright.png") no-repeat;right:-359px;top:0px;position: absolute;}
    .in_pro .txt p{font-size: 18px;}
    .in_pro .img{position: relative;}
    .in_pro .img:after{content: "";width: 20px;height: 20px;background: #8dc51c;display: block;position: absolute;right: -20px;top:-20px;}
    .in_pro .img:before{content: "";width: 150px;height: 150px;background: #8dc51c;display: block;position: absolute;left: -20px;bottom:-20px;opacity: .2;z-index: 0;}
    .in_pro .img div{background-color: rgb(255, 255, 255);box-shadow: 0 10px 30px rgba(69,156,78,.2);position: relative;z-index: 1;}
    .lc_comts .cum {display: flex;align-items: center;padding: 20px 0 20px 30px;}
    .lc_comts .cum b{padding: 0;}
    .lc_comts .cum:before{top: 50%;margin-top: -7px;}
    .lc_comts .cum .info{margin-left: 20px;}
    /* .banner .swiper-button-next,.banner .swiper-button-prev{left: 50%;bottom:100px;margin-left: -600px;top:auto;transition: .3s;}
    .banner .swiper-button-next{margin-left: -550px;}
    .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{border-color: #308cd6;background: #308cd6;} */
    .banner .swiper-pagination{bottom: 100px;left:7%;max-width:86%;text-align: left;} 
    .banner .swiper-pagination span{background: #fff;opacity: .7;}
    .banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background: #8dc51c;width: 30px;border-radius: 15px;}
 
    .banner .swiper-slide h2{font-size:60px;font-weight: 900;}
	.banner .swiper-slide p{font-size: 18px;margin-top: 0;padding:10px 0;}
	.banner .swiper-slide h3{font-size: 40px;margin:2rem 0;}

	.banner .swiper-slide{background-size:140%;transition: 2.25s .8s;}
	.banner .swiper-slide-active{background-size:120%}
	
    .banner-x{height:600px;position: relative;overflow: hidden;}
	
    .banner-x .warp{overflow: hidden;height: 100%;display: table;z-index: 2;position: relative;color:#fff;box-sizing: border-box;}
    .banner-x .info{display: table-cell;vertical-align: middle;}
    .banner-x h2,.banner-x h3{font-weight: 900;font-size: 60px;}
    .banner-x p{width: 62%}
    .banner .swiper-slide .warp{position: relative;z-index: 99;/* padding-bottom: 260px; */padding:0;width: 86%;text-align:left;height:84%;display: flex;align-items: center;justify-content: flex-start;}
	.banner .swiper-slide .warp .info{padding-bottom: 2%;width: 100%;box-sizing: border-box;}
    .banner .swiper-slide-active .bannerbg,.banner-x .bannerbg{animation: bgfd 2.6s .15s forwards;}
    .bannerbg{
		display: block;position: absolute;z-index: 0; left: 0;top: 0;width: 100%;height: 100%;
		background: no-repeat center;background-size: cover;transform: scale(1.03); 
	}
   .inPros .item:hover .info .more{opacity: 1;transform: translateY(0);}
   .inPros .item:hover h2{text-align: center; white-space: nowrap;}
   .inPros .item:hover .po p{text-align: center;padding: 0;transform: translateX(0);}
   .inPros .item:hover .info .txt{opacity: 0;transform: translateY(290px);}
   .inPros .item:hover .po{opacity: 1;transform: translateX(0);}
   .inPros .item:hover .info h2 b{/* transform: translateX(15px); */width: 100%;}
   .inPros .item:hover .img{opacity: 0;}
   .inPros .item:hover:after{opacity: 1;}
   .inPros .item:hover h2:after{transform: rotate(225deg);opacity: 0;display: none;}
}
@media screen and (min-width: 2000px) {
	.banner .swiper-slide h2{font-size: 80px;}
	.banner .swiper-slide p{font-size: 30px;}
}
@media screen and (min-width: 1399px){
	/* .banner .swiper-pagination{left:50% !important;width: 1200px;margin-left: -600px;} */
}


.in_lay2{background:url(../images/nimg/indexbg.jpg) no-repeat center #fff; background-size:100%;padding:50px 0 100px;}
.in_news .flexbox{display:flex;height: 445px;position: relative;}
.in_news .flexbox:before{content:'';width: 150px;height: 150px;background-color: #e8f3d2;display: block;position: absolute;left:-20px;top:-20px;z-index: 0;}
.in_news .flexbox::after{content:'';width: 20px;height: 20px;background-color: #8dc51c;display: block;position: absolute;right:-20px;bottom:-20px;z-index: 0;}
.in_news .flexbox .l{flex:1;margin-right:20px;height: 100%;position: relative;}
.in_news .flexbox .r{width: 386px;display:flex;flex-direction: column;justify-content: space-between;}
.in_news .flexbox .r .cum{height: calc(50% - 10px);position: relative;}

.in_news .flexbox .cum{background:no-repeat center;background-size: cover;overflow: hidden;transition: .3s;}
.in_news .flexbox .cum span{display: block;width:70px;height: 70px;background: #fff;border-radius: 50%;font-size: 12px;color: #999;text-align: center;line-height: 22px;position: absolute;z-index: 2;top:20px;left:20px;}
.in_news .flexbox .cum span b{font-size: 30px;color:#8dc51c;font-weight: 900;display: block;padding-top: 17px;}
.in_news .flexbox .cum div{position: absolute;bottom:0;left:0;width: 100%;box-sizing: border-box;padding:15px;color:#fff;background-color: rgba(0,0,0,.4);transition: .3s;}
.in_news .flexbox .cum div p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in_news .flexbox .cum a{display: block;width: 100%;height: 100%;}

@media screen and (min-width: 751px) {
.in_news .flexbox .cum:hover{transform: translateY(-10px);}
.in_news .flexbox .cum:hover div{background:#8dc51c ;padding:20px 15px 30px;}
.in_news .flexbox .cum:hover div p{color:#fff;}
}

.consultbtn{position: fixed;right:40px;bottom:20%;width: 40px;z-index: 999;transform: translateX(5px);transition: .4s;}
.consultbtn img{width: 100%;}
.consultbtn:hover {transform: translateX(0);}
.consultbox {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 999;left:0;top:0;display: flex;flex-direction: column;justify-content: flex-end;opacity: 0;pointer-events: none;}
.consultbox.show{opacity: 1;pointer-events: all;}
.consultbox .info{background:#fff;padding:40px 0;transform: translateY(10%);transition: .4s;position: relative;}
.consultbox.show .info{transform: translateY(0);}
.consultbox .info h2{position: relative;}
.consultbox .info h2 span{position: absolute;right:0;top:0;cursor: pointer;}
.consultbox .info h2 p{font-size: 16px;font-weight: 500;color:#999;}
.consultbox  form{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.consultbox  .cum{width: 100%;border:1px solid #e8e8e8;background:#fbfbfb;margin-bottom: 20px;display: flex;}
.consultbox  .cum.w5{width:calc(50% - 10px) ;}
.consultbox  .cum.w25{width:calc(25% - 10px) ;}
.consultbox  .cum input{height: 50px;padding:0 10px ;box-sizing: border-box;}
.consultbox  .cum img{width: auto;height:50px}
.consultbox  .cum textarea{height: 100px;resize:none;padding:10px;box-sizing: border-box;}
.consultbox  .cum input,.consultbox  .cum textarea{flex:1;width: 0;border:none;background:none;}
.consultbox  .cum select,.consultbox  .cum .layui-form-select,.consultbox  .cum .layui-form-select input{width: 100%;}
.consultbox  .cum input::placeholder,.consultbox  .cum textarea::placeholder{color:#ccc;}
.consultbox  .success{position: absolute;left:50%;top:50%;background-color: rgba(0,0,0,.65);border-radius: 20px;width: 500px;height:220px;margin:-100px 0 0 -250px;z-index: 1000;display: flex;align-items: center;flex-direction: column;justify-content: center;opacity: 0;pointer-events: none;transform: translateY(10%);transition: .5s;}
.consultbox  .success.show{pointer-events: all;opacity: 1;transform: translateY(0);}
.consultbox  .success img{width: 70px;margin:0 auto;}
.consultbox  .success p{font-weight: 500;color:#fff;text-align: center;padding-top: 15px;font-size: 26px;}
.consultbox .getcodebtn{padding: 0 20px;border:none;border-left: 1px solid #e8e8e8;background:#ececec;color:#9c9c9c;cursor:pointer;}
.consultbox .getcodebtn.on{color:#8dc51c;}
.consultbox .sub{width: 100%;background:#8dc51c;color:#fff;border:none;padding:12px 0;cursor: pointer;}
.footer .warp{display: flex;align-items: flex-end;}
.footer .l{flex:1;}
.close-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
 
.close-icon::before,
.close-icon::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
}
 
.close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
 
.close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


@media screen and (min-width: 1320px) {
	.consultbtn{right:0;width:50px;}
}

@media screen and (max-width: 1319px) {
	.consultbtn{right:0px;width: 40px;border-radius: .1rem 0 0 .1rem;}
}

@media screen and (max-width: 750px) {
	.in_news{padding:0 !important;}
	.in_news .flexbox{display: block;height: auto;}
	.in_news .flexbox .l{width: 100%;margin:0;}
	.in_news .flexbox .cum{height: 8rem !important;margin-bottom: .5rem;}
	.in_news .flexbox .r{width: 100%;}
	.in_news .flexbox .r .cum:last-child{margin-bottom: 0;}
	.in_news .list .item{margin-left: 0 !important;}
	.in_lay2{padding:.5rem 0 1rem;}
	.in_news .flexbox:before{width: 2rem;height: 2rem;left: -.25rem;top: -.25rem;}
	.in_news .flexbox::after{width: .25rem;height: .25rem;right:-.25rem;bottom:-.25rem;}
	
	.consultbtn{width:1.4rem;transform: translateX(0);}
	.footer .warp{display: block;}
	.footer .tel p{font-size: .5rem;padding-top: .25rem;}
	.footer .codes .cum{margin:.5rem .5rem 0 0 ;}
	.footer .warp{padding-bottom: .5rem;}
	.footer .bto{height: auto;font-size: .5rem !important;}
	
	.consultbox.show .info{padding:1rem 0;}
	.consultbox .info h2 p{font-size: .6rem;}
	.consultbox .cum{margin-bottom: .5rem;}
	.consultbox .cum.w5,.consultbox .cum.w25{width: 100%;}
	.consultbox .cum img{height:1.52rem;}
	.consultbox .cum input{height:1.52rem;}
	.consultbox .success{width: 90%;left:5%;margin: 0;top:20%;height: auto;padding:1rem 0;}
	.consultbox .success p{font-size: .75rem;}
	.consultbox .success img{width: 2rem;}
	.banner .swiper-slide .info,.banner .swiper-slide p{width: 100%;max-width: 100%; box-sizing: border-box;}
	
	.newsbox{padding-top: .8rem;}
}