html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section { display: block; }
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
a,a:focus,a:hover { cursor: pointer; color: inherit; text-decoration: none; }
div { box-sizing: border-box; }
img { pointer-events: none; }
@font-face { font-family: 'siyuan'; src: url('./font/SourceHanSansCN-Normal.otf'); }

body { font-family: 'siyuan'; font-style: normal; font-weight: lighter; font-size: 28px; color: #000; background: #fff; width: 100vw; min-height: 100vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-top: 100px; box-sizing: border-box; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }
button { display: block; background: none; border: none; outline: none; box-sizing: border-box; font-family: 'siyuan'; padding: 0; margin: 0; }

.flex { display: flex; }
.flexwrap { display: flex; flex-wrap: wrap; }
.flexwrapc { display: flex; flex-wrap: wrap; justify-content: center; }
.flexalg { display: flex; align-items: center; }
.flexjuc { display: flex; justify-content: center; }
.flexbet { display: flex; justify-content: space-between; align-items: flex-start; }
.flexbec { display: flex; justify-content: space-between; align-items: center; }
.flexjyc { display: flex; justify-content: center; }
.flexaltct { display: flex; align-items: flex-start; justify-content: center; }
.flexalgct { display: flex; align-items: center; justify-content: center; }
.flexbet { display: flex; align-items: center; justify-content: space-between; }

.nocallout { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.hide { display: none !important; }

.btitleh { opacity: 0; height: 0; }
.btitlehimg { display: block; margin: 62px auto; }

/* 顶部固定导航 */
.navbar { z-index: 50; position: fixed; top: 0; left: 0; width: 100%; height: 100px; font-size: 20px; background: #fff; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15); }
.navbar h1 { font-size: 0; }
.navbar .navtext { width: 100%; height: 100%; }
.navbar .navtext > div { width: 5.6%; margin-left: 6%; }
.navbar .navtext > img { width: 19.2%; margin-right: 10%; }
.navmask { display: none; z-index: 51; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; color: #fff; font-size: 40px; }
.navmlogo { position: absolute; top: 90px; left: 68px; width: 144px; }
.navmclose { position: absolute; top: 100px; right: 50px; width: 50px; }
.navmaskcon { position: absolute; top: 200px; left: 0; width: 100%; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.navmaskcon .navmitem { display: block; padding: 30px 64px; border-top: 2px solid #333; }
.navmaskcon .navmitem > span { font-size: 26px; color: #fff; opacity: .4; margin-left: 16px; }
.navmaskcon .navmitem2 { display: block; padding: 30px 64px 30px 110px; border-top: 2px solid #333; font-size: 32px; opacity: .7; }

/* 底部内容 */
.footer { background: #41b25d; color: #fff; }
.footer .footermany { padding: 24px 0; border-bottom: 1px solid #7ac98e; text-align: center; }
.footer .iconhang { display: inline-block; vertical-align: top; }
.footermany .fottext { line-height: 40px; margin-top: 14px; }
.footermany .fottext .fottextite { position: relative; display: inline-block; width: 120px; vertical-align: top; font-size: 28px; text-align: left; }
/* .footermany .fottext .fottextite::after { content: ' '; position: absolute; top: 8px; right: 0; height: 28px; width: 2px; background: #fff; } */
.footermany .fottext .fottextite:nth-last-child(1)::after { width: 0; }
.footermany .fottext .fottextite a:hover { text-decoration: underline; }
.footermany .fottext .fottextite.navspecal1 > a { display: block; line-height: 20px; margin-top: 20px; font-size: 22px; }
.footer .footerinfo { padding: 40px 0; text-align: center; font-size: 22px; line-height: 34px; border-bottom: 1px solid #7ac98e; }
.footerinfo .foticon { width: 400px; text-align: left; }
.footerinfo .foticon .iconweixin { width: 36px; }
.footerinfo .foticon .iconxinlang { width: 37px; }
.footerinfo .foticon .icondouyin { width: 35px; }
.footerinfo .foticon .iconkuaishou { width: 32px; }
.footerinfo .foticon .iconbilibili { width: 36px; }
.footerinfo .foticon .iconxiaohongshu { width: 61px; margin-right: 46px; }
.footerinfo .iconcode { width: 220px; margin-left: 34px; }
.footerinfo .iconcode > img { display: block; width: 100%; pointer-events: auto; }
.footer .footerinfo .iconhang+.iconhang { margin-left: 15px; }
.beian { padding: 50px 10px 70px 10px; text-align: center; font-size: 22px; color: #fff; line-height: 34px; background-color: #38b25d; }
.beian a:hover { text-decoration: underline; }
.beian img { display: inline-block; width: 20px; vertical-align: top; margin-top: 6px; margin-right: 8px; }
.wxcodemsk {  display: none; z-index: 100; position: fixed; width: 300px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);  padding: 50px; box-sizing: content-box; box-shadow:0 0 9px 3px rgb(0 14 41 / 13%); color: #333; }
.wxcodemsk .closebtn { position: absolute; top: 15px; right: 15px; width: 30px; cursor: pointer; }
.wxcodemsk .closebtn > img { width: 100%; }
.wxcodemsk .closebtn:hover { transform: rotate(360deg); transition: all .6s; }
.wxcodemsk > p { margin-top: 20px; }

/* 头部轮播图 */
.headerswiper { min-height: 472px; }
.headerswiper .swiper-pagination-bullet { position: relative; background: #fff; opacity: 1; }
.headerswiper .swiper-pagination-bullet-active { background: #41b25d; }
.headerswiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.headerswiper.swiper-container-horizontal > .swiper-pagination-bullets, 
.headerswiper .swiper-pagination-custom, 
.headerswiper .swiper-pagination-fraction { bottom: 20px; height: 30px; line-height: 30px; }
.headerswiper .swiper-pagination-bullet-active::after { content: ' '; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -20px; width: 40px; height: 30px; }
.headerswiper .swiper-slide img { display: block; width: 100%; }


/* 团队新闻中心和案例解析公共样式 */
.newslist { margin: 0 auto; padding-bottom: 20px; }
.newsitem { font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; }
.newsitem > a { display: inline-block; width: 70%; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; font-size: 28px; line-height: 40px; text-align: left; margin: 40px 40px 40px 0; padding-bottom: 15px; vertical-align: top; }
/* .newsitem > a:nth-of-type(3n) { margin-right: 0; } */
.newsitem > a:nth-last-of-type(1) { margin-right: 0; }
.newsitem > a > p { margin-left: 20px; margin-right: 20px; }
.newsimg { height: 296px; overflow: hidden; }
.newsimg > img { width: 100%; }
.itemnews1 { height: 80px; line-height: 40px; font-weight: bold; margin-top: 30px; margin-bottom: 8px; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; }
.itemnews2 { position: relative; font-size: 24px; margin-bottom: 21px; }
.itemnews2::after { content: ' '; position: absolute; bottom: -10px; left: 0; width: 90%; height: 1px; background: #eaeaea; }
.itemnews3 { font-size: 24px; color: #8d8d8d; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.morenews { margin: 54px auto 0; }
.morenews > span { display: block; width: 40px; padding: 10px; margin: 0 auto; cursor: pointer; }
.morenews > span > img { width: 100%; }
.caseuncan { font-size: 28px; text-align: center; color: #999; margin-top: 60px; }
.swiper-slide a { display: block; }









/* 首页 -  */
/* .ourserveidx { border-bottom: 1px solid #dedede; } */
.ourserveidx .btitlehimg1 { width: 88%; }
.idxworkbox { position: relative; margin: -10px auto 0; }
.idxworkbox .idxwork { position: relative; width: 44%; transition: transform .5s; color: #585858; border-right: 1px solid #dedede;  border-top: 1px solid #dedede; padding-bottom: 40px; }
.idxworkbox .idxwork:nth-of-type(1) { border-top: none; } 
.idxworkbox .idxwork:nth-of-type(2) { border-top: none; } 
.idxworkbox .idxwork:nth-of-type(even) { border-right: none; } 
.idxworkbox .idxwork:hover .idxworkdiv1 > div > img:nth-of-type(2) { animation-duration: 1s; animation-fill-mode: both; animation-name: bounce2; transform-origin: center bottom; }
.idxworkbox .idxwork .idxworkdiv1 { font-size: 18px; text-align: center; }
.idxworkbox .idxwork .idxworkdiv1 > div { position: relative; width: 60%; margin: 0 auto; }
.idxworkbox .idxwork .idxworkdiv1 > div > img:nth-of-type(1) { width: 100%; }
.idxworkbox .idxwork .idxworkdiv1 > div > img:nth-of-type(2) { position: absolute; top: 0; left: 0; width: 100%; }
.idxworkbox .idxwork .idxworkdiv1 > h2 { color: #41b25d; font-size: 30px; margin-top: -30px; margin-bottom: 50px; }
.idxworkbox .idxwork .idxworkdiv2 > h5 { position: relative; font-size: 26px; color: #000; padding: 10px 0; box-sizing: border-box; text-align: center; }
@keyframes bounce2 {
  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -8px, 0) scaleY(1.1);
    transform: translate3d(0, -8px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.05);
    transform: translate3d(0, -4px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -2px, 0) scaleY(1.02);
    transform: translate3d(0, -2px, 0) scaleY(1.02);
  }
}
/* 首页 - 合作 */
.hezuoidx .btitlehimg3 { width: 94%; }
.hezuoidx .hzlogo { background: #fff; padding: 0 0 100px; }
.hezuoidx .hzlogo > div { position: relative; width: 100%; }
.hezuoidx .hzlogo h5 { z-index: -1; position: absolute; top: 0; left: 0; }
.hezuoidx .hzlogo .hzlogoimg { display: block; width: 92.5%; margin: 0 auto; }
/* 首页 - 我们的案例 */
.anliidx { position: relative; }
.anliidx .btitlehimg2 { width: 91.7%; }
.idxanlicon { position: relative; }
.idxanlititle { width: 100%; text-align: left; font-size: 0; }
.idxanlititle > div { position: relative; display: inline-block; width: 33.3%; cursor: pointer; text-align: center; font-size: 28px; margin-bottom: 40px; }
.idxanlititle > div > span { position: relative; }
.idxanlititle  > div.activealtit > span::after { content: ' '; position: absolute; bottom: -24px; left: 0; width: 100%; height: 3px; background: #41b25d; }
.iconimgal { width: 120px; height: 120px; margin: 0 auto 6px; background: url(../images/index/icon_anli.png) no-repeat; background-size: 720px 3600px; }
.iconimgal0 { background-position: 0 0; }
.iconimgal1 { background-position: -120px 0; }
.iconimgal2 { background-position: -240px 0; }
.iconimgal3 { background-position: -360px 0; }
.iconimgal4 { background-position: -480px 0; }
.iconimgal5 { background-position: -600px 0; }
.activealtit .iconimgal0 { background-position: 0 -3480px; }
.activealtit .iconimgal1 { background-position: -120px -3480px; }
.activealtit .iconimgal2 { background-position: -240px -3480px; }
.activealtit .iconimgal3 { background-position: -360px -3480px; }
.activealtit .iconimgal4 { background-position: -480px -3480px; }
.activealtit .iconimgal5 { background-position: -600px -3480px; }
.idxanlititle > div:hover .iconimgal0 { animation: iconimgaldong .5s steps(29, start) 0ms 1 normal forwards; }
.idxanlititle > div:hover .iconimgal1 { animation: iconimgaldong .5s steps(29, start) 0ms 1 normal forwards; }
.idxanlititle > div:hover .iconimgal2 { animation: iconimgaldong .5s steps(29, start) 0ms 1 normal forwards; }
.idxanlititle > div:hover .iconimgal3 { animation: iconimgaldong .5s steps(29, start) 0ms 1 normal forwards; }
.idxanlititle > div:hover .iconimgal4 { animation: iconimgaldong .5s steps(29, start) 0ms 1 normal forwards; }
.idxanlititle > div:hover .iconimgal5 { animation: iconimgaldong .5s steps(29, start) 0ms 1 normal forwards; }
@keyframes iconimgaldong {
  0% { background-position-y: 0; }
  100% { background-position-y: -3480px; }
} 
.idxanlititle > div .heng { position: absolute; bottom: -1px; left: 50%; width: 0; height: 4px; transform: translateX(-50%); background: #41b25d; transition: width .4s; }
.idxanlititle > div.activealtit { color: #41b25d; }
.idxanlititle > div.activealtit > .heng { width: 100%; }
/* .idxanlititle > div:hover { color: #41b25d; } */
.idxanliswbig { position: relative; width: 100%; padding: 50px 0 1px 0; overflow: hidden; background: url('../images/index/anlibg.png') no-repeat; background-position: center center; background-size: cover; }
.idxanliswbig .idxanliswbigmany { position: relative; width: 94%; height: 570px; margin: 0 auto; overflow: hidden; }
.idxanliswbig .idxanliswbigmany > div { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; transition: left .4s; }
.idxanliswbig .idxanliswbigmany .idxanliswbigsleft { left: -100%; }
.idxanliswbig .idxanliswbigmany .idxanliswbigscenter { left: 0; }
.idxanliswbig .idxanliswbigmany .idxanliswbigsright { left: 100%; }
.idxanliswbig .idxanliswbigmany .idxanliswbig2  { top: -15px; }
.idxanliswbig .idxanliswbigmany .idxanliswbig4  { top: -30px; }
.idxanliswbig .idxanliswbigmany .idxanliswbig5  { top: -5px; }
.idxanliswiper { width: 80%; height: 100%; }
.idxanli-button-prev { position: absolute; top: 44%; left: 1%; width: 19px; height: 32px; background: url('../images/index/anlileft.png') no-repeat; cursor: pointer; }
.idxanli-button-next { position: absolute; top: 44%; right: 1%; width: 19px; height: 32px; background: url('../images/index/anliright.png') no-repeat; cursor: pointer; }
.idxanliswiper .idxalslide .alzhanimg { width: 100%; height: 480px; transform: scale(0.9); transition: 200ms; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 6px 2px #ccc; }
.idxanliswiper .idxalslide .alzhanimg.alzhanimg1 { height: 560px; background: #fff; }
/* .idxanliswiper .idxalslide .alzhanimg:hover { transform: scale(.95); box-shadow: 0px 0px 6px 2px #ccc; } */
.idxanliswiper .idxalslide .alzhanimg > img { width: 100%; }
.idxanliswiper .idxalslide .alzhantext { width: 100%; text-align: center; margin-top: 10px; }
.idxanliswiper .idxalslide .alzhantext .alzhanlogo { position: relative; width: 30px; height: 30px;  border-radius: 2px; background: #fff; overflow: hidden; }
.idxanliswiper .idxalslide .alzhantext .alzhanlogo > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-width: 80%; }
.idxanliswiper .idxalslide .alzhantext > p { max-width: 210px; line-break: anywhere; font-size: 22px; line-height: 20px; margin-left: 6px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idxanliswiper .idxalslide .alzhanlogo1 { position: relative; width: 100%; height: 60px; }
.idxanliswiper .idxalslide .alzhanlogo1 > img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 40%; max-height: 100%; width: auto; }
.idxanliswiper .idxalslide .alzhantext1 { width: 100%; text-align: center; margin-top: 5px; }
.idxanliswbig .idxanliswbtn { width: 300px; height: 50px; line-height: 50px; text-align: center; color: #41b25d; border: 1px solid #41b25d; margin: 30px auto 40px; cursor: pointer; }
.idxanliswbig .idxanliswbtn > a { display: block; }
.idxanliswiper .alzhanimg.alzhanimg2 { background: #fff; height: 580px; }
.idxanliswiper .alzhanimg2img { height: 450px; overflow: hidden; }
.idxanliswiper .alzhanimg2img1 { height: 400px; overflow: hidden; }
.idxanliswiper .alzhanimg2img > img { display: block; width: 100%; }
.idxanliswiper .alzhantext2 { padding: 10px 16px; }
.idxanliswiper .alzhantext2 > p:nth-of-type(1) { height: 72px; line-break: anywhere; font-size: 22px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.idxanliswiper .alzhantext2 > p:nth-of-type(2) { color: #aaa; margin-top: 4px; font-size: 22px; }
.idxanliswiper .alzhantext3 { padding: 10px 16px; }
.idxanliswiper .alzhantext3 > p:nth-of-type(1) { height: 96px; line-break: anywhere; font-size: 22px; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.idxanliswiper .alzhantext3 > p:nth-of-type(2) { color: #aaa; margin-top: 10px; font-size: 22px; }



.viewer-toolbar>ul>li { width: 30px; height: 30px; }
.viewer-toolbar>ul>li+li { margin-left: 20px; }
.viewer-toolbar>ul>li:before { margin: 5px 0 0 5px; }
.viewer-footer { bottom: 40px; transform: scale(2); }
.viewer-button { transform: scale(2); }
.imagezstt { width: 100%; height: 100%; overflow: hidden; }
.imagezstt li { width: 100%; height: 100%; }
.imagezstt img { display: block; width: 100%; }
.casezhanimg .imagezstt img { pointer-events: auto; }

.clickdetail { position: relative; height: 100%; }
.casenewtxt { position: absolute; top: 0; right: 6%; left: 30%; height: 100%; overflow: hidden; }
.casetxtbox { font-size: 0; padding-top: 20px; padding-bottom: 14px; margin-bottom: 24px; border-bottom: 1px solid #ededed; }
.casetxtbox > div { display: inline-block; vertical-align: middle; }
.casetxtbox .anlilogo { position: relative; width: 72px; height: 72px; margin-bottom: 10px; margin-right: 30px; overflow: hidden; }
.casetxtbox .anlilogo > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: auto; max-width: 80%; }
.casetxtbox .anlititle { font-size: 26px; width: 72%; margin-right: 30px; }
.casetxtbox .anlititle .anlimiaoshu { font-size: 24px; color: #8d8d8d; line-height: 20px; margin-top: 10px; }
.casetxtbox .anlititle .anlitittxt { line-height: 32px; }
.casetxtbox .anlititle .anlitittxt > span { margin: 0 6px; }
.casetxtbox .anlicodebig { position: relative; width: 140px; font-size: 24px; line-height: 36px; text-align: left; margin-top: 40px; }
.casetxtbox .anlicodebig .anlimasktext1 { position: absolute; top: 15%; left: 120%; width: 200%; }
.casetxtbox .anlicodebig .anlimasktext2 { position: absolute; top: 45%; left: 120%; width: 200%; }
.casetxtbox .anlicode { width: 120px; height: 120px; overflow: hidden; margin: 0 auto 14px; }
.casetxtbox .anlicode img { pointer-events: auto; }
.caseimgbox { text-align: left; }
.caseimgbox > img { width: 46%; display: inline-block; vertical-align: top; margin-bottom: 30px; }
.caseimgbox > img:nth-of-type(even) { margin-left: 6%; }
.caseimgbox > video { width: 100%; }
.caseclose { position: absolute; top: 15px; right: 15px; width: 20px; cursor: pointer; }
.caseclose:hover { transform: rotate(360deg); transition: all .6s; }
.casedetail { display: none; z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: auto; }
.casedetailbig { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; background: #fff; min-height: 620px; height: 80%; padding: 20px; overflow: hidden; }
.casedetailbig::after { content: ' '; z-index: -1; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; border: 1px solid #41b25d; }
.casedetailcon { position: relative; width: 100%; height: 100%; padding: 36px 40px; box-sizing: border-box; overflow-y: auto; }
.casedetailcon .casetxtbox { border: none; margin-bottom: 40px; }




/* 产品 */
.ourserveidx .btitlehimg13 { width: 51.2%; }
.productbox { text-align: center; font-size: 18px; }
.productbox .productone1s { position: relative; display: block; width: 92.5%; margin: 0 auto; }
.productbox .productone1s + .productone1s { margin-top: 40px }
.productbox .productone1s > p { width: 100%; height: 100px; background: #35b16c; color: #fff; line-height: 100px; font-size: 34px; overflow: hidden; }
.productbox .productone1s > img { display: block; width: 100%; }
.hezuoidx .btitlehimg14 { width: 93.6%; }
.hezuoidx4 { background: url('../images/product/bg1.png') no-repeat; background-position: center center; background-size: cover; padding: 0 0 60px 0; margin-top: 70px; }
.productbox .productone2s { display: inline-block; width: 29%; background: #fff; padding: 44px 0 50px 0; border-radius: 10px; margin-bottom: 3%; }
.productbox .productone2s + .productone2s { margin-left: 3%; }
.productbox .productone2s > p { color: #41b25d; font-size: 28px; margin-top: 10px; }
.productbox .productone2s .prodpzbgimg  { width: 120px; height: 120px; background: url('../images/index/icon_anli.png') no-repeat; background-size: 720px 3600px; margin: 0 auto; }
.productbox .productone2s .prodpzbgimg1 { background-position: 0 -3480px; }
.productbox .productone2s .prodpzbgimg2 { background-position: -120px -3480px; }
.productbox .productone2s .prodpzbgimg3 { background-position: -240px -3480px; }
.productbox .productone2s .prodpzbgimg4 { background-position: -360px -3480px; }
.productbox .productone2s .prodpzbgimg5 { background-position: -480px -3480px; }
.anliidx .btitlehimg15 { width: 83.3%; }
.productbox3 { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -100px; }
.productbox .productone3s { position: relative; width: 38.4%; border: solid 1px #41b25d; border-radius: 20px; background: #fff; padding: 30px 20px; vertical-align: top; margin-top: 40px; }
.productbox .productone3s:nth-of-type(2n) { margin-left: 10%; }
.productbox .productone3s .productone3simg { width: 100px; height: 80px; margin: 0 auto 10px; }
.productbox .productone3s .productone3simg1 > img { width: 76px; margin: 0 auto; }
.productbox .productone3s .productone3simg2 > img { width: 68px; margin: 0 auto; }
.productbox .productone3s .productone3simg3 > img { width: 68px; margin: 0 auto; }
.productbox .productone3s .productone3simg4 > img { width: 56px; margin: 0 auto; }
.productbox .productone3s .productone3simg5 > img { width: 63px; margin: 0 auto; }
.productbox .productone3s .productone3simg6 > img { width: 57px; margin: 0 auto; }
.productbox .productone3s > h5 { font-size: 32px; }
.productbox .productone3s > p { text-align: left; font-size: 22px; color: #585858; line-height: 1.5; margin-top: 15px; }
.productbox .productone3s .productone3snum { z-index: -1; position: absolute; bottom: 20px; right: -40px; width: 80px; }
.productbox .productone3s .productone3snum > p { position: absolute; top: 30px; right: 20px; height: 20px; line-height: 20px; text-align: right; color: #fff; font-size: 26px; }
.hezuoidx .btitlehimg16 { width: 84.4%; }
.hezuoidx5 { background: #f1f1f1; margin-top: 40px; padding-bottom: 40px; }
.productbox4 { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -130px; }
.productbox .productone4s { width: 29%; background: #fff; border-radius: 100px; padding: 40px 0 60px 0; }
.productbox .productone4s + .productone4s { margin-left: 20px; }
.productbox .productone4s .productone4simg { width: 100px; height: 80px; margin: 0 auto; }
.productbox .productone4s .productone4simg1 > img { width: 64px; margin: 0 auto; }
.productbox .productone4s .productone4simg2 > img { width: 65px; margin: 0 auto; }
.productbox .productone4s .productone4simg3 > img { width: 53px; margin: 0 auto; }
.productbox .productone4s .productone4simg4 > img { width: 80px; margin: 0 auto; }
.productbox .productone4s .productone4simg5 > img { width: 60px; margin: 0 auto; }
.productbox .productone4s > h4 { width: 90%; height: 50px; background: #41b25d; line-height: 50px; color: #fff; border-radius: 25px; margin: 0 auto 20px; font-size: 28px; }
.productbox .productone4s > p { width: 70%; height: 40px; line-height: 40px; border-radius: 20px; border: solid 1px #dfdfdf; color: #585858; margin: 0 auto; font-size: 22px; }
.productbox .productone4s > p+p { margin-top: 10px; }
/* 产品-积分商城-产品简介 */
.ourserveidx1 { background: #fff; border-bottom: none; }
.ourserveidx .btitlehimg11 { width: 42.6%; }
.idxworkbox3 { padding: 0 40px 40px 40px; }
.idxworkbox3 > p { font-size: 26px; line-height: 56px; color: #000; opacity: 0.7; }
.idxworkbox2 { background: url('../images/prodjfsc/bg1.png') no-repeat; background-position: center center; background-size: cover; padding: 30px 0; }
.idxworkbox2 .idxwork2 { position: relative; width: 92%; background: #fff; padding: 40px; transition: transform .3s; margin: 0 auto 30px; }
.idxworkbox2 .idxwork2:nth-last-of-type(1) { margin-bottom: 0; }
.idxworkbox2 .idxwork2 .idxwork2tit { margin-bottom: 20px; text-align: center; }
.idxworkbox2 .idxwork2 .idxwork2tit > h2 { font-size: 34px; font-weight: bold; margin-left: 10px; }
.idxworkbox2 .idxwork2 .idxwork2tit > h2 > span { color: #41b25d; }
.idxworkbox2 .idxwork2 > h5 { position: relative; padding-left: 32px; font-size: 24px; line-height: 56px; color: #8d8d8d; }
.idxworkbox2 .idxwork2 > h5::after { content: ' '; position: absolute; top: 24px; left: 5px; width: 10px; height: 10px; background: #38b25d; }
/* 产品-积分商城-解决方案 */
.anliidx1 .btitlehimg21 { width: 338px; }
.idxanlicon.idxanlicon1 { width: 92%; margin: 0 auto; }
.idxanlicon1 > div { position: relative; cursor: pointer; overflow: hidden; }
.idxanlicon1 > div + div { margin-top: 45px; }
.idxanlicon1 > div > img { display: block; width: 100%; }
.idxanlicon1 .idxanlicon1div1 { position: absolute; top: 0; left: 0; width: 100%; }
.idxanlicon1 .idxanlicon1div1 .idxanlicon1txt2 { background: #38b25d; font-size: 34px; color: #fff; height: 100px; line-height: 100px; text-align: center; overflow: hidden; }
.idxanlicon1 .idxanlicon1div1 .idxanlicon1txt { font-size: 0; border-bottom: 1px dashed #dedede; }
.idxanlicon1 .idxanlicon1div1 .idxanlicon1txt > div { display: inline-block; width: 33.3%; border-right: 1px dashed #dedede; padding: 40px 0; }
.idxanlicon1 .idxanlicon1div1 .idxanlicon1txt > div:nth-last-of-type(1) { border-right: none; }
.idxanlicon1 .idxanlicon1div1 .idxanlicon1txt > div > img { display: block; width: 65px; margin: 0 auto 34px; }
.idxanlicon1 .idxanlicon1div1 .idxanlicon1txt > div > p { font-size: 24px; color: #585858; text-align: center; line-height: 20px; }
.idxanlicon1 .idxjjfatxt2 { position: relative;  width: 82%; margin: 20px auto 0; color: #8d8d8d; font-size: 24px; line-height: 56px; }
.idxanlicon1 .idxjjfatxt2 > p { position: relative; margin-bottom: 11px; }
.idxanlicon1 .idxjjfatxt2 > p > span { color: #38b25d; }
.idxanlicon1 .idxjjfatxt2 .idxjjfatxtimg { position: absolute; top: -0; left: -40px; width: 30px; height: 30px; text-align: center; font-size: 24px; font-weight: bold; line-height: 56px; }
/* 产品-积分商城-功能概述 */
.hezuoidx1 { background: #f1f1f1; padding-top: 20px; }
.hezuoidx1 .btitlehimg31 { width: 337px; }
.gongnenggs { position: relative; }
.gongnenggs > img { display: block; width: 95.7%; }



/* 产品-考试系统-产品简介 */
.ourserveidx4 .btitlehimg12 { width: 46%; }
.ourserveidx4 { padding: 0 0 10px 0; background: #fff; }
.ourserveidx4 .idxwork4 { position: relative; width: 50%; }
.ourserveidx4 .idxwork4 > div { height: 140px; }
.ourserveidx4 .idxwork4 > div > img { display: block; width: 180px; margin: 0 auto; }
.ourserveidx4 .idxwork4 > p { width: 260px; color: #8d8d8d; text-align: center; line-height: 36px; font-size: 24px; margin: 20px auto 60px; }
/* 产品-考试系统-产品特色 */
.ourserveidx5 { background: url('../images/prodksxt/bg1.png') no-repeat; background-position: center center; background-size: cover; padding: 10px 0 60px 0; }
.ourserveidx5 .btitlehimg22 { width: 89.7%; }
.ourserveidx5 .idxwork5 { width: 44%; border: solid 1px #585858; border-radius: 10px; padding: 28px 22px; margin-bottom: 25px; }
.ourserveidx5 .idxwork5:nth-of-type(even) { margin-left: 4%; }
.ourserveidx5 .idxwork5 > div { font-size: 36px; text-align: center; margin-bottom: 16px; }
.ourserveidx5 .idxwork5 > div > img { display: inline-block; vertical-align: middle; width: 36px; }
.ourserveidx5 .idxwork5 > div > h5 { display: inline-block; vertical-align: middle; color: #585858; font-size: 32px; font-weight: bold; }
.ourserveidx5 .idxwork5 > div > h5 > span { color: #41b25d; }
.ourserveidx5 .idxwork5 > p { color: #585858; font-size: 24px; line-height: 36px; }
/* 产品-考试系统-解决方案 */
.anliidx2 { padding-bottom: 45px; }
.anliidx2 .btitlehimg23 { width: 45%; }
.idxanlicon.idxanlicon2 { width: 92%; margin: 0 auto; }
.idxanlicon2 > div { position: relative; cursor: pointer; overflow: hidden; }
.idxanlicon2 > div + div { margin-top: 45px; }
.idxanlicon2 > div > img { display: block; width: 100%; }
.idxanlicon2 .idxanlicon2div1 { position: absolute; top: 0; left: 0; width: 100%; }
.idxanlicon2 .idxanlicon2div1 .idxanlicon2txt2 { background: #38b25d; font-size: 34px; color: #fff; height: 100px; line-height: 100px; text-align: center; overflow: hidden; }
.idxanlicon2 .idxjjfatxt2 { position: relative;  width: 82%; margin: 20px auto 0; color: #8d8d8d; font-size: 24px; line-height: 56px; }
.idxanlicon2 .idxjjfatxt2 > p { position: relative; margin-bottom: 11px; }
.idxanlicon2 .idxjjfatxt2 > p > span { color: #38b25d; }
.idxanlicon2 .idxjjfatxt2 .idxjjfatxtimg { position: absolute; top: -0; left: -40px; width: 30px; height: 30px; text-align: center; font-size: 24px; font-weight: bold; line-height: 56px; }
/* 产品-考试系统-功能概述 */
.hezuoidx2 { padding-bottom: 40px; background: url('../images/prodksxt/bg2.png') no-repeat; background-position: center center; background-size: cover; }
.hezuoidx2 .btitlehimg41 { width: 45%; }
.gongnenggs1 { margin-bottom: 40px; }
.gongnenggs1 .bnitemtext { width: 92%; margin: 0 auto; background: #fff; border: solid 1px #dfdfdf; border-bottom: none; }
.gongnenggs1 .bnitemtext .gnitem { position: relative; width: 50%; color: #585858; padding: 30px 32px; border-bottom: 1px dashed #dfdfdf; }
.gongnenggs1 .bnitemtext .gnitem:nth-last-of-type(1) { border-bottom: none; }
.gongnenggs1 .bnitemtext .gnitem:nth-last-of-type(2) { border-bottom: none; }
.gongnenggs1 .bnitemtext .gnitem:nth-of-type(odd) { border-right: 1px dashed #dfdfdf;; }
.gongnenggs1 .bnitemtext .gnitem .gnitemcolor > span { color: #38b25d; }
.gongnenggs1 .bnitemtext .gnitem > div { position: relative; }
.gongnenggs1 .bnitemtext .gnitem > div:nth-of-type(1) { position: absolute; top: 16px; left: 10px; width: 60px; height: 60px; font-size: 32px; color: #38b25d; }
.gongnenggs1 .bnitemtext .gnitem > div:nth-of-type(1) >span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.gongnenggs1 .bnitemtext .gnitem > div:nth-of-type(2) { font-size: 24px; padding: 0 0 0 36px; text-align: left; }
.gongnenggs1 .bnitemtext .gnitem > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 32px; font-weight: bold; margin-bottom: 8px; }
.gongnenggs1 .bnitemtext .gnitem > div:nth-of-type(2) > p:nth-of-type(2) { opacity: .7; line-height: 36px; }
.gongnenggs1 .bnitemimg { width: 92%; margin: 0 auto; }
.gongnenggs1 .bnitemimg > img { width: 100%; }
/* 产品-考试系统-我们的优势 */
.anliidx2 .btitlehimg24 { width: 79.3%; }
.idxanlicon3 > div { width: 92%; margin: 0 auto; }
.idxanlicon3 > div  + div{ margin-top: 60px; }
.idxanlicon3 > div .idxanlicon3img { width: 200px; height: 200px; margin: 0 auto; background: url(../images/index/icon_anli.png) no-repeat; background-size: 1200px 6000px; }
.idxanlicon3 > div .idxanlicon3img1 { background-position: -1000px -5800px; }
.idxanlicon3 > div .idxanlicon3img2 { background-position: -800px -5800px; }
.idxanlicon3 > div .idxanlicon3img3 { background-position: 0 -5800px; }
.idxanlicon3 > div .idxjjfatxt7 { color: #585858; font-size: 24px; line-height: 36px; margin-top: 10px; text-align: center; }
.idxanlicon3 > div .idxjjfatxt7 >p:nth-of-type(1) { font-size: 32px; line-height: 30px; margin-bottom: 10px; color: #38b25d; }

/* 首页案例》其他 428修改*/
.newsitem-index { font-size: 0; text-align: left;display: flex;justify-content: center;align-items: center;height: 100%; }
.newsitem-index2{width: 50%;}
.newsitem-index > a { display: inline-block; width: 90%; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; font-size: 22px; text-align: left; margin-right: 30px; margin-bottom: 30px; vertical-align: top; transition: transform .4s; }
.newsitem-index > a:hover { transform: scale(1.03); }
.newsitem-index > a:nth-of-type(3n) { margin-right: 0; }
.newsitem-index > a:nth-last-of-type(1) { margin-right: 0; }
.newsitem-index > a > p { margin-left: 20px; margin-right: 20px; }
.newsitem-index .newsimg { height: 296px; overflow: hidden; }
.newsitem-index .itemnews1 { font-weight: bold; height: 72px; line-height: 36px; margin-top: 28px; margin-bottom: 8px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.newsitem-index .itemnews2 { position: relative; font-size: 22px; line-height: 30px; margin-bottom: 20px; }
.newsitem-index .itemnews2::after { content: ' '; position: absolute; bottom: -10px; left: 0; width: 90%; height: 1px; background: #eaeaea;display: none; }
.newsitem-index .itemnews3 { font-size: 22px; line-height: 26px; color: #8d8d8d; margin-bottom: 21px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }