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; 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: 100%; height: 100vh; background: #fff; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; min-width: 1200px; overflow: auto; font-size: 16px; }


.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; }
.flexjend { justify-content: end; }
.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; }
.bigft { font-size: 1.1em; }

.w { width: 1200px; margin: 0 auto; }
.pccl { font-size: 16px; color: #000; }

.navbar { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100px; min-width: 970px; font-size: 1.125em; transition: all .4s; }
.navbar.navscroll { background: #fff; box-shadow: 0 0 6px 0 rgba(0,0,0,.4); }
.logo { width: 180px; margin-left: 3%; margin-top: 20px; }
.navbtn { width: 70%; height: 100%; margin-right: 8%; justify-content: flex-end; }
.navbtn > p { position: relative; float: right; }
.navbtn > p + p { margin-left: 6.5%; }
.navbtn > p::after { content: ' '; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 2px; background: #fff; transition: width .2s; }
.navbtn a { position: relative; display: block; height: 100%; line-height: 100px; color: #fff; }
.navbtn > p:hover > a { font-weight: bold; }
.navbtn > p:hover::after { width: 100%; }
.navbtn > p.navactive > a { font-weight: bold; }
.navbtn > p.navactive::after { width: 100%; }
.navscroll .navbtn a { color: #666; }
.navscroll .navbtn > p::after { background: #004796; }
.navscroll .navbtn > p:hover a { color: #004796; }
.navscroll .navbtn > p:hover::after { width: 100%; }
.navscroll .navbtn > p.navactive a { color: #004796; font-weight: bold; }
/*  */
.navbtn > p:hover .navbtnmore { display: block; }
.navbtnmore { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); font-size: .9em; width: 140%; padding: 20px 0; }
.navbtnmore a { line-height: 1.2; padding: 0 15px; text-align: center; padding: 10px 0; border-radius: 4px; }
.navbtnmore a + a { margin-top: 10px; }
.navbtnmore a:hover { background: rgba(255,255,255,.3); font-weight: bold; }
.navbtnmore a.navactivemore { background: rgba(255,255,255,.3); }

.navscroll .navbtn > p.navactive .navbtnmore a.navactivemore { color: #004796; font-weight: bold; }
.navscroll .navbtn > p .navbtnmore a { color: #666; font-weight: normal; }
.navscroll .navbtn > p .navbtnmore a:hover { color: #004796; font-weight: bold; }
.navscroll .navbtn .navbtnmore { background: #fff; box-shadow: 0 0 6px 0 rgba(0,0,0,.4); }
















.headerswiper { min-height: 618px; }
/*  */
.zhanimg { position: relative; }
.zhantext { position: absolute; top: 18.5%; left: 11%; }
.zhantext > h2 { position: relative; font-size: 2.875em; 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: 10px; background: #1da757; }
.zhantext > p { font-size: 1.125em; margin-top: 10px; }
/*  */
.pagecon { min-height: 100%; letter-spacing: 1px; }
.pageconbg { background: #004796; }
.pageconbg2 { background: #f5f5f5; }
/*  */
.pageconourys { padding: 65px 0; }
.pageconcomitrvideo { width: 100%; }
.pageconcomitrvideo video { width: 100%; }
.pageconcomitrtbox { position: relative; padding: 65px 0; }
.pageconcomitr2s { padding: 50px 0 70px 0; }
.solutinNav { position: relative; margin-top: 50px; }
.comitr2stitle { padding-bottom: 20px; border-bottom: 2px solid #004796; color: #6e6e6e; text-align: center; line-height: 1.2; margin-top: 60px; }
.comitr2stitle > div { position: relative; }
.comitr2stitle > div > p { padding: 15px 30px; cursor: pointer; }
.comitr2stitle > div > p.comitr2stitpnnotext { cursor: not-allowed; color: #aaa; }
.comitr2stitle > div > p.activept { background: #004795; border-radius: 10px; color: #fff; }
.indexiconsanjiao { position: absolute; bottom: -20px; left: 0; width: 20px; transition: left .2s; }
.comitr2scon { position: relative; width: 1100px; margin: 0 auto; min-height: 600px; overflow: hidden; }
.comitr2sconitem { background: #004795; margin-top: 40px; }
.comitr2sconitem > div:nth-of-type(1) { width: 420px; }
.comitr2sconitem > div:nth-of-type(2) { flex: 1; position: relative; font-size: .9em; }
.comitr2sconitem > div:nth-of-type(2) > div { padding: 0 50px; width: 100%; }
.comitr2sconitem > div:nth-of-type(2) > div > p:nth-of-type(2) { margin-top: 10px; }
.pageconprofa { padding-top: 65px; }
/*  */
.ptitle { font-size: 2.5em; text-align: center; }
.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: .8em; text-align: center; opacity: 0.5; margin-top: 40px; }
.ptitley2 { margin-bottom: 40px; }
/*  */
.knowmmorebtn { display: block; margin: 60px auto 0; width: 240px; height: 60px; border-radius: 30px; line-height: 60px; text-align: center; overflow: hidden; color: #666; border: 1px solid #ccc; font-size: 1.2em; transition: transform .2s; }
.knowmmorebtn:hover { transform: scale(1.05); }
.knowmmorespbtn { color: #fff; border: 1px solid #fff; }
.knowmmorebtn2s { display: block; margin: 20px auto 0; width: 160px; height: 40px; border-radius: 25px; line-height: 40px; 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: 1px; }
.pcontent2 { padding-bottom: 0; }
/*  */
.pcontentbox.pcontentabout { margin-top: 60px; }
.pcontentaboutbg { padding: 50px 0; background: #f5f5f5; margin-top: 60px; }
.pcontentcore { padding-top: 60px; }
.pcontentcore.pcontentcore2 { padding-bottom: 60px; }
/*  */
.pcontitle { position: relative; font-size: 2em; margin-bottom: 60px; }
.pcontitle.pcontitle2 { margin-bottom: 10px; }
.pcontitle > span { z-index: 2; position: relative; }
.pcontitle .douhaoimg { position: absolute; top: 0; right: 0; width: 74px; }
.pcontitle .pcontitley { position: absolute; top: 40%; left: 0; width: 100%; color: #fff; -webkit-text-stroke: 1px #f0f0f0; white-space: nowrap; font-size: 1.6em; }
.pcontitle .pcontitley.pcontitley2 { top: 40%; }
.pcontitle .pcontitley.pcontitley4 { top: 100%; }
.pcontitle .pcontitley.pcontitley2 > span { display: block; margin-top: .4em; }
.pcontitle .pcontitley.pcontitley3 { color: #f5f5f5; -webkit-text-stroke: 1px #e9e9e9; }
.pcontitle .pcontitmore { position: absolute; top: 0; right: 0; font-size: .5em; }
.pcontitle .pcontitmore::after { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333; display: none; }
.pcontitle .pcontitmore:hover::after { display: block; }
.pcontitle .pcontitmore > img { width: 20px; }
/*  */
.pcontext { position: relative; font-size: 1em; line-height: 1.8; }
.pcontext.pcontext2 { margin-top: 64px; }
.pcontext.pcontext3 { margin-top: 20px; }
.pcontext.pcontext5 { margin-top: 30px; }
.pcontext.pcontext4 { color: #004796; font-size: 1em; margin-top: 20px; margin-bottom: 10px; }
.pcontext.pcontext6 { color: #fff; }
.pcontext.pcontext7 { font-size: 1.5em; }
.pcontext .spancolor { color: #004796; }
/*  */


















.jiejuecasebox > div + div { margin-top: 40px; }
.pcontitlesolution { color: #004796; font-size: .92em; margin-bottom: 50px; margin-right: 35px; }
.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; }
.pcontitlesolution.pcontitlesolution3 > span:nth-of-type(1) { color: #f5f5f5; }



.paboutusimg1 { width: 420px; margin-left: 50px; }
.paboutustwo { margin-top: 20px; }
.paboutustwo > div { width: 40%; color: #fff; }
.paboutustwo.paboutustwosp2 > div { color: #333; }
.paboutustwo > div + div { margin-left: 3%; }
.paboutustwo .ptwimg { font-size: .875em; }
.paboutustwo .ptwimg.ptwimg4 { width: 50%; }
.paboutustwo .ptwimg.ptwimg3 { width: 60%; }
.paboutustwo .ptwimg .ptwimgbox1 { width: 32px; height: 60px; margin-right: 10px; }
.paboutustwo .ptwimg .ptwimgbox2 { width: 36px; height: 60px; margin-right: 10px; padding-top: 8px; }
.paboutustwo .ptwimg .ptwtextbox > p:nth-of-type(1) { font-size: 1.125em; }
.paboutustwo .ptwimg .ptwtextbox > div { margin-top: 10px; }
.paboutustwo .ptwimg .ptwtextbox > div > p { position: relative; padding-left: 1em; box-sizing: border-box; }
.paboutustwo .ptwimg .ptwtextbox > div > p::after { content: ' '; position: absolute; top: 0.3em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.paboutustwo.paboutustwosp2 .ptwimg .ptwtextbox > div > p::after { background: #333; }

.newsdtbig > div { display: none; }
.newsdtbox { min-height: 400px; }
.newsdtbox2 { margin-top: 50px; }
.newsdtbox3 { margin-top: 50px; }
.newsdtbox > a { width: 23.5%; background: #004796; margin-left: 2%; cursor: pointer; transition: transform .2s; }
.newsdtbox > a:hover { transform: scale(1.02); }
.newsdtbox > a:nth-of-type(4n-3) { margin-left: 0; }
.newsdtbox.newsdtbox2 > a { width: 31%; margin-bottom: 24px; }
.newsdtbox.newsdtbox2 > a:nth-of-type(4n-3) { margin-left: 2%; }
.newsdtbox.newsdtbox2 > a:nth-of-type(3n-2) { margin-left: 0; }
.newsdtimg { height: 220px; overflow: hidden; }
.newsdttext { color: #fff; padding: 20px; line-height: 1.5; }
.newsdttext > h4 { text-align: center; font-size: 1.125em; 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: .75em; opacity: .6; margin: 10px 0; }
.newsdttext > h5 { font-size: .875em; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.recruitbox { display: none; padding-top: 35px; padding-bottom: 90px; font-size: 18px; }
.recruittable > div { flex: 1; text-align: center;  border-right: 1px solid #6e6e6e; padding: 20px 0; line-height: 1.2; }
.recruittable > div > p > span { font-size: 14px; }
.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 { padding-bottom: 60px; }
.fulibig2sbox > div { width: 165px; height: 165px; border-radius: 50%; overflow: hidden; margin-right: 20px; background: #fff; color: #004795; }
.fulibig2sbox1 > div:nth-of-type(odd) { background: #004795; color: #fff; }
.fulibig2sbox2 > div:nth-of-type(even) { background: #004795; color: #fff; }
.fulibig2sbox > div > img { width: 80px; margin-bottom: 4px; }
.recruitcodebox { padding-top: 50px; margin-top: 60px; border-top: 1px solid #c1c1c1; }
.recruitcodebox > div { width: 50%; padding-bottom: 40px; }
.recruitcodebox > div:nth-of-type(1) { border-right: 1px dashed #c1c1c1; }
.recruitcodebox > div > img { width: 170px; margin: 0 auto 30px; }
.recruitcodebox > div > p { width: 55%; margin: 0 auto; text-align: center; line-height: 1.2; }


.footerbig { background: #0351a0; color: #fff; }
.footertop { position: relative; }
.footertop .logo2 { position: absolute; top: 45px; left: 0; width: 175px; }
.footertop .footercode { position: absolute; top: 45px; right: 0; width: 120px; font-size: 1em; text-align: center; }
.footertop .footercode > img { width: 100px; margin: 0 auto; }
.footertop .footercode > p { width: 100%; margin: 20px auto 0; }
.footertext { margin-left: 60px; }
.footertext a { color: inherit; }
.footertext > div { position: relative; width: 140px; padding: 60px 0 60px 0; text-align: center; }
.footertext > div::before { content: ' '; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #fff; opacity: 0.1; }
.footertext > div:nth-last-of-type(1)::after { content: ' '; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #fff; opacity: 0.1; }
.footertext > div > p { font-size: 1.125em; padding: 0 5px; position: relative; margin-bottom: 20px; }
.footertext > div > p::before { content: ' '; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #fff; }
.footertext > div > a { font-size: .875em; padding: 0 5px; opacity: .8; }
.footertext a { display: block; }
.footertext > div > p:hover > a { text-decoration: underline; }
.footertext > div > a:hover { text-decoration: underline; }
.footertext > div > a + a { margin-top: 10px; }
.footerbot { position: relative; font-size: .75em; color: #879cc2; text-align: center; padding: 40px 0 40px 0; }
.footerbot::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; opacity: .1; }

.totopbox { display: none; z-index: 20; position: fixed; top: 80%; right: 2%; background: #fff; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 6px 0 rgba(0,0,0,.4); cursor: pointer; }
.totopbox > img { width: 50%; margin-top: 2px; }

