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; }
.blimg { display: block; width: 100%; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }
body { width: 100vw; height: 100vh; background: #fff; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; overflow-x: hidden; }

.flex { display: flex; }
.flexcenspace { align-items: center; justify-content: space-between; }
.flexcen { align-items: center; justify-content: center; }
.flexspace { justify-content: space-between; }
.flexjcen { justify-content: center; }
.flexacen { align-items: center; }
.flexabot { align-items: flex-end; }
.flexatop { align-items: flex-start; }
.flexwrap { flex-wrap: wrap; }
.flexcol { flex-direction: column; }
.abcen { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.abycen { position: absolute; top: 50%; transform: translateY(-50%); }
.bold { font-weight: bold; }


.mobcl { font-size: 28px; color: #000; }
.zhanimg { position: relative; }


.navbar { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 160px; background: #fff;overflow: hidden; box-shadow: 0 0 6px 0 rgba(0,0,0,.4); }
.logo { width: 29%; margin-left: 6%; }
.navbtn { width: 6%; margin-right: 6%; }
.navbarmask { display: none; z-index: 101; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); }
.navbarmaszhe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.navbarmaskcon { position: absolute; top: 0; right: 12%; height: 100%; color: #fff; font-size: 1.28em; padding: 10% 0; }
.navbarmaskcon a { display: block; margin: 60% 0; text-align: right; }
.navbarmaskcon a > span { position: relative; }
.navbarmaskcon a > span > span { z-index: 2; position: relative; }
.navbarmaskcon a.navactive > span::after { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; background: #1da745; }
.navbarmaskcon a.navsmtwo { margin: 30% 0; font-size: .9em; }
.navbarmaskcon a.navsmtwo.navsmtwo1 { margin-top: -30%; }

















.headerbig { padding-top: 160px; }
.headerswiper { min-height: 390px; }
/*  */
.zhanimg { position: relative; }
.zhantext { position: absolute; top: 20%; left: 7%; }
.zhantext > h2 { position: relative; font-size: 2.14em; margin-bottom: 30px; }
.zhantext > h2 > span { position: relative; }
.zhantext > h2 > span > span { position: relative; }
.zhantext > h2 > span::before { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #1da757; }
.zhantext > p { font-size: .87em; margin-top: 10px; }
/*  */
.pagecon { min-height: 100%; letter-spacing: 1px; }
.pageconbg { background: #004796; }
.pageconbg2 { background: #f5f5f5; }
.pageconpd { padding: 50px 0; }
/*  */
.pageconourys { padding: 65px 0; }
.pageconcomitrvideo { position: relative; width: 100%; margin-top: 40px; }
.pageconcomitrvideo video { width: 100%; }
.pageconcomitrtbox { width: 86%; margin: 0 auto; }
.solutinNav { position: relative; width: 100%; }
.solutinNav.solutinNav2 { margin-top: 30px; margin-bottom: 30px; }
.comitr2stitle { border-bottom: 1px solid #004795; color: #6e6e6e; text-align: center; line-height: 1.2; }
.comitr2stitle > div { position: relative; width: 100%; overflow-x: auto; padding: 0 30px 30px 30px; }
.comitr2stitle > div > p { position: relative; padding: 15px 30px; cursor: pointer; flex-shrink: 0; }
.comitr2stitle > div > p.comitr2stitpnnotext { cursor: not-allowed; color: #aaa; }
.comitr2stitle > div > p.activept { background: #004795; border-radius: 10px; color: #fff; }
.indexiconsanjiao { display: none; position: absolute; bottom: -30px; left: 50%; width: 30px; margin-left: -15px; }
.comitr2stitle > div > p.activept .indexiconsanjiao { display: block; }
.comitr2scon { position: relative; width: 100%; margin: 0 auto; min-height: 1800px; overflow: hidden; }
.comitr2sconitem { width: 90%; background: #004795; margin: 40px auto 0; }
.comitr2sconitem > div:nth-of-type(2) { flex: 1; position: relative; }
.comitr2sconitem > div:nth-of-type(2) { padding: 50px 45px; width: 100%; }
.comitr2sconitem > div:nth-of-type(2) > div > p:nth-of-type(2) { margin-top: 10px; }
.pageconprofa { padding-top: 65px; }
.gsjianjieswiper .swiper-slide> div { padding-bottom: 20px; }
/*  */
.ptitle { font-size: 1.64em; text-align: center; }
.ptitle2 { margin-top: 50px; }
.ptitle > span { position: relative; }
.ptitle > span::after { content: ' '; position: absolute; bottom: -16px; left: 42%; width: 16%; height: 2px; background: #ababab; }
.ptitlecolor { color: #fff; }
.ptitlecolor > span::after { background: #4d7fb6; }
.ptitlecolor2 { color: #fff; }
.ptitlecolor2 > span::after { background: #596570; }
.ptitley { font-size: .6em; text-align: center; opacity: 0.5; margin-top: 40px; }
.ptitley2 { margin-bottom: 50px; }
/*  */
.knowmmorebtn { display: block; margin: 60px auto 0; width: 300px; height: 70px; border-radius: 35px; line-height: 70px; text-align: center; overflow: hidden; color: #666; border: 1px solid #ccc; font-size: 1em; transition: transform .2s; }
.knowmmorebtn:hover { transform: scale(1.05); }
.knowmmorespbtn { color: #fff; border: 1px solid #fff; }
.knowmmorebtn2s { display: block; margin: 20px auto 0; width: 200px; height: 50px; border-radius: 25px; line-height: 50px; text-align: center; overflow: hidden; color: #fff; border: 1px solid #fff; font-size: .8em; transition: transform .2s; }
.knowmmorebtn2s:hover { transform: scale(1.05); }


/*  */
.pcontent { min-height: 100%; padding: 50px 0; letter-spacing: 2px; }
/*  */
.pcontentbox { width: 86%; margin: 0 auto 60px; }
.pcontentbox.pcontentabout { margin-top: 60px; }
.pcontentbox.pcontentrecruit { margin-bottom: 20px; }
.pcontentaboutbg { padding: 45px 0; background: #f5f5f5; margin-top: 60px; }
.pcontentcore { padding-top: 60px; }
.pcontentcore.pcontentcore2 { padding-bottom: 60px; }
/*  */
.pcontitlebig { margin-bottom: 50px; }
.pcontitle { position: relative; font-size: 1.64em; margin-bottom: 70px; }
.pcontitle > span { z-index: 2; position: relative; }
.pcontitle .douhaoimg { position: absolute; top: 0; right: 0; width: 10%; }
.pcontitle .pcontitley { position: absolute; top: 80%; left: 0; width: 100%; color: #fff; -webkit-text-stroke: 1px #f0f0f0; white-space: nowrap; font-size: .72em; }
.pcontitle .pcontitley.pcontitley2 { top: 40%; }
.pcontitle .pcontitley.pcontitley2 > span { display: block; margin-top: .4em; }
.pcontitle .pcontitley.pcontitley3 { color: #f5f5f5; -webkit-text-stroke: 1px #e9e9e9; }
.pcontitle .pcontitmore { position: absolute; top: .5em; right: 0; font-size: .5em; }
.pcontitle .pcontitmore > span { width: 4.5em; }
.pcontitle .pcontitmore > img { width: 20px; }
/*  */
.pcontext { position: relative; font-size: .9em; line-height: 1.8; }
.pcontext.pcontext2 { margin-top: 64px; }
.pcontext.pcontext3 { margin-top: 50px; }
.pcontext.pcontext4 { color: #004796; font-size: 1em; margin-top: 50px; margin-bottom: 15px; }
.pcontext.pcontext6 { color: #fff; }
.pcontext.pcontext7 { font-size: 1.5em; }
.pcontext .spancolor { color: #004796; }
/*  */












.jiejuecasebox > div { margin-top: 40px; }
.pcontitlesolution { color: #004796; font-size: .92em; margin-bottom: 50px; }
.pcontitlesolution > span:nth-of-type(1) { color: #fff; font-size: 4.28em; -webkit-text-stroke: 1px #004796; }
.pcontitlesolution > span:nth-of-type(2) { margin-left: 15px; line-height: 1.5; margin-bottom: 4px; }

.paboutustwo { margin-top: 40px; }
.paboutustwo > div { width: 48.5%; padding: 25px; background: #004796; color: #fff; }
.paboutustwo > div + div { margin-left: 3%; }
.paboutustwo .ptwimg > div { height: 60px; font-size: 1em; margin-bottom: 40px; }
.paboutustwo .ptwimg > div > img { width: 16%; margin-right: 20px; }
.paboutustwo .ptwimg > p { font-size: .78em; margin-bottom: 18px; }


.newsdtbig > div { display: none; }
.newsdtbox { min-height: 460px; }
.newsdtbox2 { margin-top: 50px; }
.newsdtbox3 { margin-top: 50px; }
.newsdtbox > a { width: 48.5%; background: #004796; cursor: pointer; margin-bottom: 20px; }
.newsdtbox > a:nth-of-type(even) { margin-left: 3%; }
.newsdtimg { height: 220px; overflow: hidden; }
.newsdttext { color: #fff; padding: 20px; line-height: 1.5; }
.newsdttext > h4 { text-align: center; font-size: .85em; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newsdttext > p { text-align: center; font-size: .64em; opacity: .6; margin: 10px 0; }
.newsdttext > h5 { font-size: .78em; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.recruitbox { display: none; padding-bottom: 60px; font-size: .85em; }
.recruittable > div { text-align: center;  border-right: 1px solid #6e6e6e; padding: 20px 0; line-height: 1.2; text-align: center; }
.recruittable > div:nth-of-type(1) { width: 20%; }
.recruittable > div:nth-of-type(2) { width: 15%; }
.recruittable > div:nth-of-type(3) { width: 20%; }
.recruittable > div:nth-of-type(4) { width: 20%; }
.recruittable > div:nth-of-type(5) { width: 25%; }
.recruittable > div > p { padding: 0 2px; }
.recruittable > div > p > span { font-size: .8em; }
.recruittitle > div { background: #004795; color: #fff; }
.recruititem > div { color: #6e6e6e; border-bottom: 1px solid #6e6e6e; }
.recruititem > div:nth-of-type(1) { border-left: 1px solid #6e6e6e; }

.fulibig2s { background: #f5f5f5; padding-top: 60px; padding-bottom: 40px; }
.fulibig2sbox { margin-top: 50px; }
.fulibig2sbox > div { width: 178px; height: 178px; border-radius: 50%; overflow: hidden; margin-right: 20px; margin-bottom: 20px; background: #fff; color: #004795; }
.fulibig2sbox > div:nth-of-type(odd) { background: #004795; color: #fff; }
.fulibig2sbox > div:nth-of-type(3n) { margin-right: 0; }
.fulibig2sbox > div > img { width: 80px; margin-bottom: 4px; }
.fulibig2sbox > div > p { font-size: .85em; text-align: center; line-height: 1.1; }
.fulibig2sbox > div > p > span { font-size: .7em; }
.recruitcodebox { padding-top: 50px; margin-top: 60px; border-top: 1px solid #c1c1c1; }
.recruitcodebox > div { width: 50%; padding-bottom: 10px; }
.recruitcodebox > div:nth-of-type(1) { border-right: 1px dashed #c1c1c1; }
.recruitcodebox > div > img { width: 170px; margin: 0 auto 30px; }
.recruitcodebox > div > p { width: 90%; margin: 0 auto; text-align: center; line-height: 1.2; }


.footerbig { background: #0351a0; padding: 5% 0; color: #fff; }
.footertop .logo2 { width: 34%; margin-left: 15%; }
.footertop .footercode { width: 21%; font-size: .78em; margin-right: 15%; text-align: center; }
.footertop .footercode > p { width: 150%; margin-left: -25%; margin-top: 10px; }
.footerbot { position: relative; font-size: .64em; text-align: center; padding-top: 5%; margin-top: 5%; opacity: .5; }
.footerbot::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; } 

.totopbox { display: none; z-index: 20; position: fixed; top: 80%; right: 2%; background: #fff; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 0 6px 0 rgba(0,0,0,.4); cursor: pointer; }
.totopbox > img { width: 50%; margin-top: 2px; }