@font-face{font-family:Source;src:url(../css/font/SourceHanSansCN-Normal.woff) format("woff");font-display:swap}
@font-face{font-family:Source;src:url(../css/font/SourceHanSansCN-Light.woff) format("woff");font-weight:200;font-display:swap}
@font-face{font-family:Source;src:url(../css/font/SourceHanSansCN-Bold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(../css/font/Montserrat-Regular.woff) format("woff");font-display:swap}
@font-face{font-family:Montserrat;src:url(../css/font/Montserrat-Bold.woff) format("woff");font-weight:600;font-display:swap}


/*@font-face{*/
/*	font-family:"Source";*/
/*	src:url("../css/font/SourceHanSansCN-Normal.otf") format("opentype"); */
/*	font-display:swap;*/
/*}*/

body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:arial,Source; line-height:1;font-weight: normal;letter-spacing: 0;}
body{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
.web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
.hamburger{display: none;}

/* headerwrap */
.headerwrap{width: 100%;position: fixed;top: 0;left: 0;z-index: 11;transition: all .3s;}
.hader{width: calc(100% - 200px);position: relative;margin: auto;background-color: #ffffff;box-sizing: border-box;margin-top: 50px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;box-shadow: 0px 5px 15px 0px rgba(20,48,129,0.06);transition: all .3s;}
.hader .h-logo{display: block;border-right: 1px solid #EBEBEB;padding: 0 45px;box-sizing: border-box;width: 240px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.hader .h-logo img{max-width: 100%;}
/* nav */
.nav{display: flex;display: -webkit-flex;justify-content: space-around;-webkit-justify-content: space-around;width: calc(100% - 576px);}
.nav li{width: auto;position: relative;padding: 0 40px;}
.nav li>a{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;font-size: 18px;color: #666666;line-height: 100px;align-items: center;-webkit-align-items: center;}
.nav li>a::before{content: '';display: block;width: 100%;height: 3px;background-color: #004094;position: absolute;left: 0;bottom: 0;opacity: 0;transition: all .3s;}
.nav li:hover>a::before{opacity: 1;}
.nav li>a>i{margin-left: 10px;font-size: 14px;transition: all .3s;}
.nav li .navdownwrap{width: auto;background-color: #fff;position: absolute;left: 0;top: 100px;border-top: 1px solid #EBEBEB;box-shadow: 0px 5px 15px 0px rgba(20, 48, 129, 0.06);opacity: 0;visibility: hidden;}
.nav li .navdownwrap .navdownitem{padding: 20px 0;}
.nav li .navdownwrap a{display: block;white-space: nowrap;box-sizing: border-box;padding: 0 40px;position: relative;min-width: 260px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;color: #666666;transition: all .3s;margin-bottom: 4px;}
.nav li .navdownwrap a p{font-size: 16px;color: inherit;line-height: 34px;transition: all .3s;}
.nav li .navdownwrap a i{position: absolute;left: 10px;opacity: 0;color: inherit;font-size: inherit;transition: all .3s;}
.nav li .navdownwrap a:hover i{opacity: 1;left: 20px;}
.nav li .navdownwrap a:hover{background-color: #004094;color: #fff;}
.nav li .navdownwrap a:hover p{transform: translateX(20px);}
.nav li:hover .navdownwrap{opacity: 1;visibility: visible;transition: all .3s;}
.nav li:hover>a>i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* h-right */
.h-right{display: flex;display: -webkit-flex;border-left: 1px solid #EBEBEB;box-sizing: border-box;}
.h-right .search{width: 96px;box-sizing: border-box;border-right: 1px solid #EBEBEB;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;transition: all .3s;cursor: default;}
.h-right .search>i{font-size: 18px;cursor: pointer;}
.h-right .search>i.icon-close{display: none;}
.h-right .search>i:hover.icon-close{transform: rotate(360deg);transition: all .5s;}
.h-right .search .search-form{width: 360px;background-color: #fff;position: absolute;right:0;top: 102px;height: 80px;box-sizing: border-box;padding-right: 80px;display: none;}
.h-right .search .search-form input{width: 100%;background-color: transparent;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #222021;border: none;height: 100%;}
.h-right .search .search-form button{width: 80px;height: 100%;position: absolute;right: 0;top: 0;background-color: transparent;border: none;}
.h-right .search .search-form button i{font-size: 18px;}
.h-right .search.show>i.icon-close{display: block;}
.h-right .search.show>i.icon-sousuo-{display: none;}
.h-right .search.show .search-form{display: block;}

.h-right .tl{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 0 40px;white-space: nowrap;}
.h-right .tl p{font-size: 18px;color: #252525;}
.h-right .tl i{width: 30px;height: 30px;background: #004094;border-radius: 50%;margin-right: 15px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;color: #fff;font-size:14px;}

.headerwrap.div2_1{background-color: #fff;box-shadow: 0px 5px 15px 0px rgba(20,48,129,0.06);}
.headerwrap.div2_1 .hader{margin-top: 0;box-shadow: none;}


/* center */
.center{width: 1480px;}
/* bannerwrap */
.bannerwrap{width: 100%;position: relative;background-color: #d3d8de;padding: 300px 0;box-sizing: border-box;overflow: hidden;}
/* banner */
.banner{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin: auto;}
.banner .text{width: 46%;}
.banner .text>p{font-size: 20px;color: #004094;line-height: 26px;text-transform: uppercase;margin-bottom: 30px;font-family: Montserrat;}
.banner .text h4{font-size: 70px;color: #000000;line-height: 90px;font-weight: 600;}
.banner .text h4 span{display: block;color: transparent;text-stroke: 1px #000;-webkit-text-stroke: 1px #000;}
.banner .text text {font-size: 70px;font-weight: bold;stroke: #000;stroke-width: 1px;paint-order: stroke;fill: none;}
.banner .text .font1 {stroke-linejoin: round;}
.banner .text .tomore{display: flex;display: -webkit-flex;margin-top: 60px;}
.banner .text .tomore>div{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.banner .text .tomore>div .box{width: 100px;height: 100px;background-color: rgba(0,64, 148,0.2);border-radius: 50%;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;z-index: 0;}
.banner .text .tomore>div .box::before{content: '';display: block;width: 100%;height: 100%;background-color: #004094;border-radius: 50%;position: absolute;transition: all .5s;transform: scale(0.7);}
.banner .text .tomore>div .box i{position: relative;z-index: 2;color: #FFFFFF;font-size: 20px;}
.banner .text .tomore>div p{font-size: 18px;color: #000000;line-height: 36px;position: relative;margin-left: 20px;text-transform: uppercase;font-family: Montserrat;}
.banner .text .tomore>div p::before{content: '';display: block;width: 0%;height: 2px;background-color: #004094;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.banner .imgbox{width: 53%;margin-top: 30px;}
.banner .imgbox img{width: 100%;}
.banner .text .tomore>div:hover p::before{width: 100%;}
.banner .text .tomore>div:hover .box::before{transform: scale(1);}

/* svg */
.waves {position:absolute;width: 100%;height:320px;min-height:80px;max-height:320px;margin-top: 0;margin-bottom: -8px;left: 0;bottom: 0;width: 100%;}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% {transform: translate3d(-90px,0,0);}100% { transform: translate3d(85px,0,0);}}
.index01wrap .bgimg{position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: auto;height: 360px;opacity: 0.8;filter:grayscale(1) brightness(3);z-index: 0;}



/* index01 */
.index01{position: relative;margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;z-index: 1;margin-top: -260px;}
.index01 .item{width: calc((100% - 3px)/4);box-sizing: border-box;position: relative;background-color: #004094;padding: 80px 50px 100px;transition:all .4s;}
.index01 .item:hover{background-color:#003882;z-index:1;transform:scale(1.04);box-shadow:0px 0px 5px 3px rgba(255,255,255,0.1);}
.index01 .item .bg{position: absolute;top: 0;right: 0;max-width: 100%;max-height: 100%;object-fit: cover;}
.index01 .item .icon{width: 90px;height: 90px;border: 1px solid rgba(255,255,255,0.7);display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 40px;}
.index01 .item .icon img{max-width: 80%;max-height: 80%;}
.index01 .item h3{font-size: 30px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.index01 .item h4{font-size: 16px;color: #FFFFFF;line-height: 30px;margin-bottom: 50px;}
.index01 .item .more{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #FFFFFF;position: absolute;left: 50px;bottom: 80px;border-bottom: 2px solid rgba(255,255,255,0.7);padding: 10px 0;transition: all .5s;}
.index01 .item .more i{color: #fff;font-size: 16px;margin-left: 10px;transition: all .3s;}
.index01 .item:hover .more i{margin-left: 25px;}
/*.index01 .item .more:hover{background-color: #fff;padding: 10px 20px;border-radius: 25px;color: #004094;}*/
/*.index01 .item .more:hover i{color: #004094;}*/

/* index02wrap */
.index02wrap{width: 100%;position: relative;box-sizing: border-box;padding-bottom: 160px;margin-top: 100px;overflow: hidden;}
.index02wrap .bg{width: 100%;bottom: 0;position: absolute;left: 0;z-index: 0;}
.index02{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.index02-l{display: flex;display: -webkit-flex;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.index02-l p{font-size: 24px;color: #004094;writing-mode: vertical-lr;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-top: 70px;line-height: 40px;}
.index02-l p::before{content: '';display: block;width: 3px;height: 30px;background-color: #004094;margin-bottom: 20px;}
.index02-l h3{font-size: 100px;color: #004094;font-weight: 600;writing-mode: vertical-lr;margin-top: 60px;font-family: Montserrat;}
.index02-l h4{font-size: 72px;color: #004094;writing-mode: vertical-lr;font-family: Montserrat;}

/* index02-r */
.index02-rwrap{width:calc(100% - 482px);}
.index02-r{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;width: 100%;}
.index02-r li{width: calc((100% - 160px)/2);margin-bottom: 100px;}
.index02-r li .box{display: flex;display: -webkit-flex;align-items: flex-start;-webkti-align-items: flex-start;padding-bottom: 30px;border-bottom: 1px solid #252525;margin-bottom: 40px;}
.index02-r li .box span{font-size: 100px;color: #004094;font-family: Montserrat;}
.index02-r li .box font{width: 58px;height: 34px;background: #EBEDF0;border-radius: 17px;display: block;text-align: center;line-height: 34px;font-size: 18px;color: #004094;margin-left: 20px;margin-top: 10px;}
.index02-r li .bot{}
.index02-r li .bot h3{font-size: 30px;color: #252525;margin-bottom: 15px;}
.index02-r li .bot p{font-size: 18px;color: #666666;font-family: Montserrat;}
/* morebtn */
.morebtn{width: 246px;height: 60px;background: #004094;border-radius: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;font-size: 20px;color: #FFFFFF;box-sizing: border-box;padding: 0 35px;transition: all .3s;}
.morebtn i{font-size: 20px;color: #FFFFFF;margin-left:16px;transition: all .3s;}
.morebtn:hover{width: 260px;}
.morebtn:hover i{margin-left: 30px;}

/* footer */
footer{width: 100%;background-color: #CED3D9;padding: 120px 100px 0;box-sizing: border-box;}
.footer-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.footer-top-l a{display: block;font-size: 60px;color: #004094;margin-bottom: 50px;font-family: Montserrat;}
.footer-top-l p{font-size: 18px;color: #222021;line-height: 36px;}
.footer-top-l .list{display: flex;display: -webkit-flex;margin-top: 40px;}
.footer-top-l .list p{margin-right: 200px;}
.footer-top-l .list p:last-child{margin-right: 0;}
/* footer-top-r */
.footer-top-r{text-align: right;}
.footer-top-r h3{font-size: 48px;color: #222021;font-family: Montserrat;white-space:nowrap;}
.footer-top-r p{font-size: 18px;color: #222021;line-height: 48px;}
/* .f-link */
.f-link{display: flex;display: -webkit-flex;margin-top: 130px;align-items: center;-webkit-align-items: center;justify-content: flex-end;-webkit-justify-content: flex-end;}
.f-link .a{display: block;margin-right: 10px;position:relative;width: 50px;height: 50px;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;border: 1px solid rgba(0,0,0,0.3)}
.f-link .a:last-child{margin-right: 0;}
.f-link .a i{font-size: 22px;color: #212121;}
.f-link .a .f-ewmshow{width: 100px;position:absolute;left:50%;bottom:56px;margin-left:-52px;background-color:#fff;padding:2px;opacity:0;visibility:hidden;transition:all .3s;border-radius:0;filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));}
.f-link .a .f-ewmshow.f-textshow{width: auto;}
.f-link .a .f-ewmshow.f-textshow p{margin-top: 0;}
.f-link .a .f-ewmshow img{width: 100%;}
/* .f-link .a .f-ewmshow::before{content: '';display: block;border: 6px solid transparent;border-top-color: #fff;position: absolute;left: 50%;bottom: -12px;margin-left: -6px;} */
.f-link .a .f-ewmshow p{font-size: 12px;color: #999;text-align: center;margin:5px 0 0;line-height:14px;font-weight:200;cursor:text;}
.f-link .a:hover .f-ewmshow{opacity:1;visibility: visible;}
/* footer-bot */
.footer-bot{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding: 50px 0;border-top: 1px solid rgba(0,0,0,0.2);margin-top: 60px;}
.footer-bot>div{display: flex;display: -webkit-flex;}
.footer-bot a{font-size: 16px;color: #666666;line-height: 24px;margin-right: 30px;}
.footer-bot a:hover{color: #004094;}
.footer-bot a:last-child{margin-right: 0;}

/* index03wrap */
.index03wrap{width: 100%;position: relative;box-sizing: border-box;padding: 100px 0 160px;background: url(../images/i-bg02.jpg)no-repeat fixed;background-size: cover;overflow: hidden;}
.index03wrap .bg{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
/* bgfont */
.bgfont{width: 100%;overflow: hidden;position: relative;height: 128px;}
.bgfont p{font-size: 150px;color: #004094;opacity: 0.3;text-transform: uppercase;font-family: Montserrat;font-weight: 600;white-space: nowrap;position: absolute;display: inline-block;animation: initial;transition: all .5s;}
/* index03 */
.index03{width: 1200px;box-sizing: border-box;float: right;position: relative;z-index: 1;padding: 120px;}
.index03 .bg02{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;z-index: 0;}
.index03wrap::after{content: '';display: block;clear: both;}
.index03min{width: 100%;position: relative;z-index: 1;}
.index03 .tl{width: 100%;box-sizing: border-box;padding-left: 140px;font-size: 24px;color: #FFFFFF;margin-bottom: 80px;}
.swiper-index03{width: 100%;height: 400px;}
.swiper-index03 .swiper-slide{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;box-sizing: border-box;padding-left: 140px;}
.swiper-index03 .swiper-slide .num{position: relative;width: 100px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: absolute;left: 0;}
.swiper-index03 .swiper-slide .num font{font-size: 18px;color: #FFFFFF;opacity: 0;}
.swiper-index03 .swiper-slide .num::after{content: '';display: block;width: 20px;height: 2px;background-color: #fff;opacity: 0.5;margin-left: 20px;}
.swiper-index03 .swiper-slide h3{font-size: 30px;color: #FFFFFF;font-weight: bold;transition: all .3s;}
.swiper-index03 .swiper-slide .moreline{color: #fff;border-color: #fff;font-size: 16px;margin-left: 50px;opacity: 0;}
.swiper-index03 .swiper-slide .moreline i{color: inherit;}
.swiper-index03>.swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}
.swiper-index03 .swiper-slide:hover h3{font-size: 48px;}
.swiper-index03 .swiper-slide:hover .num font,.swiper-index03 .swiper-slide:hover .moreline{opacity: 1;}


/* index04wrap */
.index04wrap{width: 100%;position: relative;box-sizing: border-box;overflow: hidden;margin-top: 160px;display: flex;display: -webkit-flex;z-index: 0;padding-bottom: 160px;}
.index04wrap::before{content: '';display: block;width: 100%;height: calc(100% - 320px);background-color: #F0F2F5;position: absolute;left: 0;bottom: 0;z-index: 0;}
.index04-l{width: 50%;position: relative;z-index: 1;}
.index04-l img{width: 100%;display: none;height: 100%;object-fit: cover;}
.index04-l img:first-child{display: block;}
/* index04-r'' */
.index04-r{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1480px)/2);padding-left: 140px;display: flex;display: -webkit-flex;flex-flow: column;-webkti-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.index04-r .tl{text-align: right;}
.index04-r .tl h4{font-size: 72px;color: #004094;line-height: 100px;font-family: Montserrat;}
.index04-r .tl h3{line-height: 100px;font-family: Montserrat;font-size: 100px;color: #004094;font-weight: bold;}
.index04-r .tl p{font-size: 24px;color: #004094;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;line-height: 100px;}
.index04-r .tl p::before{content: '';display: block;width: 30px;height: 3px;background-color: #004094;margin-right: 20px;}

/* index04-r-list */
.index04-r-list{width: 100%;}
.index04-r-list li{width: 100%;padding: 30px 0;border-bottom: 1px solid #D8D8DA;}
.index04-r-list li h3{position: relative;box-sizing: border-box;padding-right: 40px;font-size: 24px;color: #212121;line-height: 36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index04-r-list li h3::after{content: '+';font-size: 24px;color: #004094;position: absolute;right: 0;top: 0;line-height: 36px;}
.index04-r-list li .info{width: 100%;margin-top: 30px;display: none;}
.index04-r-list li .info p{font-size: 18px;color: #666666;line-height: 36px;}
.index04-r-list li .info .moreline{margin-top: 40px;}
/* moreline */
.moreline{display: inline-block;font-size: 16px;color: #004094;line-height: 30px;border-bottom: 2px solid rgba(0,64, 148,0.7);font-family: Montserrat;}
.moreline i{font-size: inherit;color: #004094;margin-left: 10px;transition: all .3s;}
.moreline:hover i{margin-left: 20px;}
.index04-r .morebtn{float: right;margin-top: 80px;}
/* .index04-r::after{content: '';display: block;clear: both;} */
.index04-r-list li.active .info{display: block;}
.index04-r-list li.active h3::after{content: '-';}

/* a-bannerwrap */
.a-bannerwrap{position: relative;box-sizing: border-box;padding-top: 270px;padding-left: calc((100% - 1480px)/2);}
.a-bannerwrap .tl{margin-bottom: 60px;position: relative;z-index: 1;}
.a-bannerwrap .tl p{font-size: 30px;color: #333333;line-height: 36px;margin-bottom: 20px;}
.a-bannerwrap .tl h3{font-size: 48px;color: #333333;line-height: 60px;}
/* mbx */
.mbx{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;position: relative;z-index: 1;}
.mbx a,.mbx i{font-size: 16px;color: #999999;line-height: 36px;}
.mbx i{font-size: 14px;margin: 0 4px;}
.mbx a:hover{color: #004094;}
.a-bannerwrap .img{width: 100%;position: relative;z-index: 1;margin-top: 40px;overflow: hidden;}
.a-bannerwrap .img img{width: 100%;}
.a-bannerwrap::before{content: '';display: block;width: 50%;height: 760px;background-color: #E9EBF0;position: absolute;left: 0;top: 0;}

/* about01wrap */
.about01wrap{margin: 160px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position:relative;}
.about-l{width: 44%;}
.about-l img{width: 100%;}
.about01-r{width: 45%;}
.a-tl p{font-size: 24px;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 30px;}
.a-tl p::before{content: '';display: block;width: 30px;height: 3px;background-color: #004094;margin-right: 20px;}
.a-tl h3{font-size: 72px;color: #004094;font-family: Montserrat;}
.about01-r h4{font-size: 22px;color: #666666;line-height: 48px;text-align: justify;margin-top: 60px;}
/* about02wrap */
.about02wrap{width: 100%;position: relative;box-sizing: border-box;padding: 120px 0;padding-left: calc((100% - 1480px)/2);background-color: #E9EBF0;overflow: hidden;}
.about02-top{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: -30px;position: relative;z-index: 1;}
.about02-top .tl h3{margin-bottom: 0;}
.about02-top .pagelist{position: relative;display: flex;display: -webkit-flex;}
.about02-top .pagelist .fac{background-image: none;width: 70px;height: 50px;border-radius: 25px;border: 1px solid #004094;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;}
.about02-top .pagelist .fac.swiper-button-next{background-color: #004094;margin-left: 15px;}
.about02-top .pagelist .fac i{font-size: 24px;color: #054496;}
.about02-top .pagelist .fac.swiper-button-next i{color: #fff;}
.swiper-about02{position: relative;z-index: 0;}
.swiper-about02 .swiper-slide{background-color: #fff;box-sizing: border-box;padding: 50px;transition: all .5s;}
.swiper-about02 .swiper-slide .imgbox{width: 100%;height: 350px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 30px;}
.swiper-about02 .swiper-slide .imgbox img{max-width: 100%;max-height: 100%;}
.swiper-about02 .swiper-slide p{font-size: 24px;color: #666666;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiper-about02 .swiper-slide:hover{background-color: #004094;}
.swiper-about02 .swiper-slide:hover p{color: #FFFFFF;}

/* about03 */
.about03wrap{width: 100%;position: relative;}
.about03{margin: 160px auto 0;position: relative;z-index: 1;}
.about03 .a-tl{margin-bottom: 50px;}
.about03-top{width: 100%;}
.about03 .list{width: 100%;padding: 40px 0;}
.about03 .about03-top .list{border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);}
.about03 .list .tl{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.about03 .list li{width: 100%;box-sizing: border-box;padding-left: 70px;position: relative;margin-bottom: 40px;}
.about03 .list li:last-child{margin-bottom: 0;}
.about03 .list li i{width: 50px;height: 50px;background: #004094;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 24px;color: #fff;position: absolute;left: 0;}
.about03 .list li p{font-size: 16px;color: #666666;line-height: 30px;}
.about03 .list li h4{font-size: 18px;color: #222021;line-height: 36px;}
/* about03-bot */
.about03-bot{width: 100%;display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.about03-bot-l{width: calc(100% - 900px);}
.about03-bot-l .textlist{width: 100%;padding: 130px 0;margin-top: 60px;}
.about03-bot-l .textlist h3{font-size: 30px;color: #FFFFFF;margin-bottom: 40px;}
.about03-bot-l .textlist h4{font-size: 18px;color: #FFFFFF;line-height: 36px;}

/* about03-bot-r */
.about03-bot-r{width: 660px;background-color: #004094;box-sizing: border-box;padding: 70px 80px;}
.about03-bot-r>h3{font-size: 24px;color: #FFFFFF;margin-bottom: 50px;}
.about03-bot-r form{width: 100%;box-sizing: border-box;}
.about03-bot-r form .item{width: 100%;margin-bottom: 20px;}
.about03-bot-r form .item p{font-size: 16px;color: #FFFFFF;line-height: 36px;margin-bottom: 10px;}
.about03-bot-r form .item input,.about03-bot-r form .item textarea{width: 100%;height: 50px;box-sizing: border-box;background-color: transparent;border: none;border-bottom: 1px solid #ffffff;font-size: 18px;color: #fff;outline: none;}
.about03-bot-r form .item input::placeholder,.about03-bot-r form .item textarea::placeholder{color: rgba(255,255,255,0.3);}
.about03-bot-r form .morebtn{background-color: #fff;color: #004094;border: 1px solid #fff;width: 200px;height: 60px;border-radius: 30px;font-size: 20px;padding: 0 30px;margin-top: 50px;}
.about03-bot-r form .morebtn i{color: #004094;}
.about03-bot-r form .morebtn:hover{width: 220px;}
.about03wrap .bg{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 0;height:430px;}

/* ninfo01wrap */
.ninfo01wrap{margin: 40px auto 100px;position: relative;border: 2px solid #EBEDF0;box-sizing: border-box;z-index: 1;padding: 80px 140px;background-color: #fff;}
.ninfo01-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: 50px;}
.ninfo01-top p{font-size: 16px;color: #666666;}
.ninfo01-top p span{color: #333333;}
.ninfo01-top .n-share{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.ninfo01-top .n-share p{margin-right: 10px;}
.ninfo01-top .n-share a{font-size: 20px;color: #212121;margin-right: 20px;}
.ninfo01-top .n-share a:last-child{margin-right: 0;}
.ninfo01-top .n-share a i{font-size: inherit;color: inherit;}
.ninfo01-top .n-share a:hover{color:#004094;}
.ninfo01wrap .tl{font-size: 36px;color: #000000;line-height: 50px;font-weight: bold;margin-bottom: 50px;}
.ninfo01wrap .ninfo01{width: 100%;}
.ninfo01wrap .ninfo01 p{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 30px;}
.ninfo01wrap .ninfo01 img{width: 100%;margin-bottom: 30px;}
/* ninfo-pages */
.ninfo-pages{width: 100%;box-sizing: border-box;border-top: 1px solid #D8D8DA;padding-top: 45px;margin-top: 45px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.ninfo-pages a{font-size: 16px;color: #666666;line-height: 36px;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ninfo-pages a:hover{color: #004094;}

/* ninfo02wrap */
.ninfo02wrap{width: 100%;padding-bottom: 120px;position: relative;}
.ninfo02{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.ninfo02 .tl{box-sizing: border-box;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;padding-top: 200px;}
.ninfo02 .tl h3{font-size: 24px;color: #000000;font-weight: bold;}
.ninfo02-r{width:calc(100% - 300px);display: flex;display: -webkit-flex;}
.ninfo02-r .item{width: calc((100% - 50px)/3);margin-right: 25px;border: 2px solid #EBEDF0;box-sizing: border-box;padding: 50px 70px 160px;position: relative;transition: all .3s;background-color: #fff;}
.ninfo02-r .item:nth-of-type(3n){margin-right: 0;}
.ninfo02-r .item p{font-size: 16px;color: #999999;line-height: 36px;margin-bottom: 30px;}
.ninfo02-r .item p span{color: #333333;}
.ninfo02-r .item h3{font-size: 24px;color: #212121;line-height: 36px;margin-bottom: 30px;font-weight: 600;text-decoration: underline;text-decoration-color: #004094;text-underline-offset: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:72px;}
.ninfo02-r .item h4{font-size: 16px;color: #666666;line-height: 30px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.ninfo02-r .item .tomore{width: 75px;height: 75px;background: #004094;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: absolute;right: 0;bottom: 0;opacity: 0;transition: all .3s;}
.ninfo02-r .item .tomore i{color: #fff;font-size: 20px;}
.ninfo02-r .item:hover .tomore{opacity: 1;}
.ninfo02-r .item:hover h3{text-decoration-color: #212121;}
.ninfo02-r .item:hover{border-color: #004094;}
.ninfo02wrap::before{content: '';display: block;width: 100%;height: calc(100% - 100px);background-color: #E9EBF0;position: absolute;left: 0;bottom: 0;z-index: 0;}

/* news01 */
.news01{margin: 40px auto 120px;position: relative;z-index: 1;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;overflow: hidden;}
.news01 .imgbox{width: calc(100% - 520px);height: 630px;overflow: hidden;}
.news01 .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.news01 .text{width: 500px;box-sizing: border-box;padding: 60px 70px;background-color: #004094;position: relative;}
.news01 .text p{font-size: 18px;color: #FFFFFF;line-height: 36px;margin-bottom: 20px;}
.news01 .text h3{font-size: 30px;color: #FFFFFF;line-height: 48px;text-decoration: underline;text-underline-offset: 6px;margin-bottom: 60px;}
.news01 .text h4{font-size: 18px;color: #FFFFFF;line-height: 36px;}
.news01 .text .moreline{color: #fff;border-color: #fff;position: absolute;bottom: 50px;}
.news01 .text .moreline i{color: #fff;}

/* newssearch */
.newssearch{width: 100%;box-sizing: border-box;position: relative;padding: 90px 0;}
.newssearch .bg{width: 100%;position: absolute;left: 0;top: 0;z-index: 0;height: 100%;object-fit: cover;}
.news-form{width: 1000px;background-color: #fff;height: 76px;border-radius: 38px;display: flex;display: -webkit-flex;overflow: hidden;position: relative;z-index: 1;margin: auto;}
.news-form button{width: 76px;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-color: transparent;border: none;box-shadow: none;}
.news-form button i{font-size:20px;color: #252525;}
.news-form input{width: calc(100% - 76px);box-sizing: border-box;font-size: 16px;color: #252525;background-color: transparent;border: none;outline: none;}

/* neews02wrap */
.neews02wrap{width: 100%;position: relative;overflow: hidden;padding: 100px 0;}
.neews02wrap::before{content: '';display: block;width: 34%;height: 100%;background-color: #F2F4F7;position: absolute;left: 0;top: 0;z-index: 0;}
.neews02{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.neews02-l{width: 196px;}
.neews02-l .a-tl{display: flex;display: -webkit-flex;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;justify-content: flex-end;-webkit-justify-content: flex-end;margin-bottom: 120px;}
.neews02-l .a-tl p,.neews02-l .a-tl h3{writing-mode: vertical-lr;}
.neews02-l .a-tl p{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.neews02-l .a-tl p::before{width:3px;height: 30px;margin: 0;margin-bottom: 20px;}
.neews02-l .links{width: 100%;}
.neews02-l .links a{display: block;position: relative;box-sizing: border-box;padding-right: 30px;font-size: 18px;line-height: 60px;border-bottom: 1px solid #D8D8DA;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.neews02-l .links a i{font-size: inherit;color: inherit;position: absolute;right: 0;}
.neews02-l .links a.active{color: #004094;}

.neews02-r{width: calc(100% - 296px);}
/* neews02-rinfo */
.neews02-rinfo{flex-wrap: wrap;-webkit-flex-wrap: wrap;width: 100%;margin-bottom: 50px;}
.neews02-rinfo .item{margin-bottom: 25px;}

/* news-page */
.n-page{margin:auto;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:40px;height:40px;background:transparent;border: 1px solid #EAEAEA;margin-right: 6px;padding: 0;background-color: transparent;border-radius: 4px;min-width: auto;}
.part  .el-pagination .btn-next{width:40px;height:40px;background:transparent;border: 1px solid #EAEAEA;padding: 0;background-color: transparent;border-radius: 4px;min-width: auto;}
/* .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:14px;content:"<";color: #888888;}
 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:14px;content:">";color: #888888;} */
/* .part  .el-pagination .btn-quickprev{width:40px;height:40px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:40px;height:40px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;} */
.part  .el-pagination .btn-quicknext:before{content:""}
.part .el-pagination__jump{margin-left: 10px;}
.part .el-pagination__editor.el-input{width: 60px;}
.part .el-pagination__editor.el-input .el-input__inner{height: 40px;}
 /* .part  .el-pagination__jump{display:none!important;} */
.el-pager{display: flex!important;display: -webkit-flex!important;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 40px!important;height: 40px!important;background-color: transparent!important;margin-right: 6px!important;line-height: 40px!important;border-radius: 4px!important;border: 1px solid #EAEAEA!important;box-sizing: border-box;min-width: auto;font-size: 12px!important;font-weight: normal!important;}
.el-pager li.active{background-color: #004094!important;color: #fff!important;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{margin-top:0;text-align:center;background-color:transparent;display:flex;display:-webkit-flex;align-items:center;-webkti-align-items:center;justify-content:center;-wbekit-justify-content:center;}
.part .el-pagination .btn-quicknext:before,.part .el-pagination .btn-quickprev:before{content:'...';width:auto;height:auto;position:relative;background-color:transparent;}
.el-pager li.active+li{border-left: 1px solid #EAEAEA;}
.el-pager li:hover{color: #004094;}

/* support01 */
.support01{margin: 40px auto 120px;position: relative;z-index: 1;}
.support01 li{width: 100%;margin-bottom: 30px;background-color: #fff;border-radius: 20px;}
.support01 li .tl{width: 100%;height: 117px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;background: url(../images/support02.png)no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: 0 60px;padding-right: 80px;cursor: pointer;transition: all .3s;}
.support01 li .tl h3{font-size: 24px;color: #333333;line-height: 36px;font-weight: 600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.support01 li .tl i{position: absolute;right: 60px;font-size: 20px;color: #004094;}
.support01 li .tl i.icon-jian{display: none;}
.support01 li .info{width: 100%;box-sizing: border-box;padding: 60px;display: none;}
.support01 li .info p{font-size: 18px;color: #666666;line-height: 36px;}
.support01 li.active{box-shadow: 0px 0px 15px 0px rgba(20,48,129,0.1);}
.support01 li:first-child .info{display: block;}
.support01 li.active .tl i.icon-jian{display: block;}
.support01 li.active .tl i.icon-jia{display: none;}
.support01 li.active .tl{background: url(../images/support01.png)no-repeat;background-size: 100% 100%;}
.support01 li.active .tl h3{color: #fff;}
.support01 li.active .tl i{color: #fff;}

/* downwrap */
.downwrap{margin-bottom: 120px;}
/* down-bot */
.down-bot{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;margin-bottom: 50px;margin-top: 100px;}
.down-bot .list{display: flex;display: -webkit-flex;}
.down-bot .list .el-select{background: #FFFFFF;border-radius: 30px;border: 1px solid #CCCCCC;overflow: hidden;}
.down-bot .list .el-input__inner{border: none;height: 60px;line-height: 60px;font-size: 18px;color: #333333;}
.down-bot .list .el-select .el-input .el-select__caret{color: #333;font-size: 16px;}
.down-bot .list .rest{width: 122px;height: 60px;background: #FFFFFF;border-radius: 30px;border: 1px solid #CCCCCC;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 18px;color: #333;margin-left: 30px;}
.down-bot .list .rest i{color: #333;font-size: 16px;margin-left: 10px;}
.down-bot .list .el-input__inner::placeholder{color:#333;}

/* down01 */
.down01{margin: auto;margin-bottom: 50px;}
.down01 li{width: 100%;position: relative;background: url(../images/support02.png)no-repeat;background-size: 100% 100%;box-sizing: border-box;height: 117px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding-left:60px;box-sizing: border-box;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 30px;transition: all .3s;}
.down01 li .tl{font-size: 24px;color: #333333;font-weight: bold;width: calc(100% - 700px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.down01 li p{width: 120px;text-align: center;font-size: 18px;color: #999999;}
.down01 li .downicon{width: 120px;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-left: 200px;}
.down01 li .downicon i{font-size: 22px;color: #004094;}
.down01 li:hover{background: url(../images/support01.png)no-repeat;background-size: 100% 100%;}
.down01 li:hover .tl,.down01 li:hover p,.down01 li:hover .downicon i{color: #fff;}

.nolist{margin: auto;padding: 100px 50px;text-align: center;position:relative;z-index:1;box-sizing:border-box;}
.nolist p{font-size: 28px;color: #004094;}


/* service */
.service{margin: 40px auto 120px;position: relative;z-index: 1;}
.service li{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 180px;position: relative;}
.service li .text{width: 560px;margin-right: -180px;position: relative;z-index: 1;}
.service li .imglist{width: calc(100% - 380px);display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.service li .imglist02,.service li .imglist04{justify-content: space-between;-webkit-justify-content: space-between;}
.service li .imglist02 .item,.service li .imglist04 .item{width: calc((100% - 10px)/2);margin-bottom: 10px;display: block;}
.service li .imglist .item{overflow: hidden;position: relative;}
.service li .imglist .item img{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 0;transition: all .5s;}
.service li .imglist .item p{width: 100%;box-sizing: border-box;bottom: 30px;padding: 0 30px;text-align: center;font-size: 24px;color: #FFFFFF;position: absolute;left: 0;z-index: 2;}
.service li .imglist .item .hovertext{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: #004094;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;box-sizing: border-box;padding: 0 30px;opacity: 0;transition: all .5s;}
.service li .imglist .item .hovertext>div{width: 100%;text-align: center;}
.service li .imglist .item .hovertext h3{color: #fff;text-align: center;font-size: 24px;line-height: 30px;margin-bottom: 50px;}
.service li .imglist .item .hovertext .moreline{color: #FFFFFF;border-color: #fff;}
.service li .imglist .item .hovertext .moreline i{color: #fff;}
.service li .imglist .item:hover .hovertext{opacity: 1;}

.service li .imglist .item::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;background: url(../images/ser-mask.png)no-repeat;background-size: 100% 100%;}
.service li .imglist .item:hover img{transform: scale(1.1);}
.service li:nth-of-type(2n){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.service li:nth-of-type(2n) .text{margin-right:0;margin-left: -120px;text-align: right;}
.service li:nth-of-type(2n) .a-tl p{justify-content: flex-end;-webkit-justify-content: flex-end;}
/* imglist03 */
.service li .imglist03 .item{width: calc((100% - 20px)/3);margin-right: 10px;}
.service li .imglist03 .item:nth-of-type(3n){margin-right: 0;}
/* imglist01 */
.service li .imglist01 .item{width: 100%;}
/* serinfo-b */
.serinfo-b .bg{width: 50%;height: 760px;position: absolute;right: 0;top: 0;object-fit: cover;}
.serinfo-b .mbx a,.serinfo-b .mbx i{color: #FFFFFF;}

/* serinfowrap */
.serinfowrap{margin: 40px auto 120px;background: #FFFFFF;border: 2px solid #EBEDF0;padding: 120px 140px;box-sizing: border-box;position: relative;z-index: 1;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;}
.serinfo{width: calc(100% - 190px);}

.serinfo-down01 {width: 100%;position: relative;background: url(../images/support02.png)no-repeat;background-size: 100% 100%;box-sizing: border-box;height: 117px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding-left:60px;box-sizing: border-box;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 30px;}
.serinfo-down01 .tl{font-size: 24px;color: #333333;font-weight: bold;width: calc(100% - 500px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.serinfo-down01 p{width: 120px;text-align: center;font-size: 18px;color: #999999;}
.serinfo-down01 .downicon{width: 120px;height: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-left: 100px;}
.serinfo-down01  .downicon i{font-size: 22px;color: #004094;}
.serinfo-down01:hover{background: url(../images/support01.png)no-repeat;background-size: 100% 100%;}
.serinfo-down01:hover .tl,.serinfo-down01:hover p,.serinfo-down01:hover .downicon i{color: #fff;}
/* serinfo-min */
.serinfo-min{width:100%;margin-top: 80px;}
.serinfo-min li{width: 100%;margin-bottom: 80px;}
.serinfo-min li .tl{font-size: 30px;color: #333333;line-height: 36px;font-weight: bold;margin-bottom: 30px;}
.serinfo-min li h4{font-size: 16px;color: #666666;line-height: 30px;}


/* serinfo-r */
.serinfo-r{width: 90px;padding-left: 18px;border-left: 1px solid #DFE1E6;box-sizing: border-box;}
.serinfo-r a{font-size: 16px;color: #333333;line-height: 20px;position: relative;display: block;margin-bottom: 20px;}
.serinfo-r a.active{color: #004094;}
.serinfo-r a::before{content: '';display: block;width: 2px;height: 100%;position: absolute;left: -20px;background-color: #004094;opacity: 0;}
.serinfo-r a.active::before{opacity: 1;}
.serinfo-r.fixed{position: fixed;right: calc(((100% - 1480px)/2) + 140px);top:150px;}
/* .serinfo-r.post{position: absolute;bottom: 200px;right: 100px;} */

/* serinfo-tab */
.serinfo-tab{width: 100%;}
.serinfo-tab table{width: 100%;border-color: #DCDEE2;}
.serinfo-tab table thead{background-color: #DCDEE2;}
.serinfo-tab table td{font-size: 16px;color: #666666;line-height: 24px;box-sizing: border-box;padding:30px;}
.serinfo-tab table thead td{font-weight: bold;text-align: center;padding: 25px 30px;}

/* pro-b */
.pro-b{position: relative;margin: 40px 0;}
.pro-b img{width: 100%;}
/* prowrap */
.prowrap{margin: auto;margin-bottom: 120px;}
.prowrap .down-bot .totals{font-size: 18px;color: #666666;}
.promin{width: 100%;margin-top: 60px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-bottom: 20px;}
.promin .item{width: calc((100% - 70px)/3);margin-right: 35px;border: 2px solid #EBEDF0;box-sizing: border-box;position: relative;transition: all .5s;margin-bottom: 35px;}
.promin .item:nth-of-type(3n){margin-right: 0;}
.promin .item .imgbox{width: 100%;height: 420px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.promin .item .imgbox img{width: auto;height: auto;max-width: 80%;max-height: 80%;transition: all .3s;}
.promin .item:hover .imgbox img{transform: scale(0.96);}
.promin .item .text{width: 100%;box-sizing: border-box;padding: 0 60px 80px;}
.promin .item .text h3{font-size: 24px;color: #333333;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;}
.promin .item .text p{font-size: 16px;color: #999999;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.promin .item .tomore{width: 75px;height: 75px;background: #004094;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: absolute;right: 0;bottom: 0;opacity: 0;transition: all .3s;}
.promin .item .tomore i{color: #fff;font-size: 20px;}
.promin .item:hover .tomore{opacity: 1;}
.promin .item:hover{border-color: #004094;}

/* proinfo01wrap */
.proinfo01wrap{width: 100%;padding: 300px 0;background-color: #E9EBF0;overflow: hidden;}
.proinfo01{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.proinfo01-text{width: 40%;}
.proinfo01-text p{font-size: 24px;color: #666666;line-height: 36px;margin-bottom: 10px;}
.proinfo01-text h3{font-size: 48px;color: #000000;line-height: 60px;font-weight: bold;margin-bottom: 40px;}
.proinfo01-text h4{font-size: 16px;color: #666666;line-height: 36px;}
.proinfo01-text .btnlist{display: flex;display: -webkit-flex;margin-top: 50px;}
.proinfo01-text .btnlist .morebtn{width: 201px;height: 60px;background: #004094;border-radius: 30px;padding: 0 30px;margin-right: 20px;justify-content: center;-webkit-justify-content: center;border: 1px solid #004094;box-sizing: border-box;}
.proinfo01-text .btnlist .morebtn:last-child{margin-right: 0;}
.proinfo01-text .btnlist .morebtn i{margin: 0;font-size: 24px;margin-right: 16px;}
.proinfo01-text .btnlist .morebtn:first-child{background-color: transparent;color: #004094;}
.proinfo01-text .btnlist .morebtn:first-child i{color: #004094;}
/* proinfo01-img */
.proinfo01-img{width: 45%;}
.proinfo01-img .swiper-slide{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;height: auto;}
.proinfo01-img .swiper-slide img{max-width: 100%;max-height: 100%;display:block;}
.proinfo01-pagination{width: 100%;position: relative;margin-top: 80px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.proinfo01-pagination .swiper-pagination-bullet{width: 14px;height: 14px;border: 1px solid #131313;box-sizing: border-box;margin-right: 18px;opacity: 1;background-color: transparent;}
.proinfo01-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.proinfo01-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #004094;border-color: #004094;}

/* proinfo02 */
.proinfo02{margin: -150px auto 100px;position: relative;z-index: 1;display: flex;display: -webkit-flex;}
.proinfo02 .item{width: calc((100% - 10px)/3);background-color: #004094;box-sizing: border-box;padding: 65px 40px;margin-right: 5px;}
.proinfo02 .item:last-child{margin-right: 0;}
.proinfo02 .item .tl{width: 100%;position: relative;box-sizing: border-box;padding-right: 80px;margin-bottom: 50px;}
.proinfo02 .item .tl h3{font-size: 24px;color: #FFFFFF;line-height: 36px;}
.proinfo02 .item .tl img{max-width: 76px;position: absolute;right: 0;top: 0;}
.proinfo02 .item h4{font-size: 16px;color: #FFFFFF;line-height: 30px;opacity: 0.7;}

/* proinfo03 */
.proinfo03{width: 100%;box-sizing: border-box;padding-left: calc((100% - 1480px)/2);margin-bottom: 100px;overflow: hidden;}
.pin-tl{font-size: 36px;color: #000000;font-weight: bold;margin-bottom: 50px;} 
/* proinfo03min */
.proinfo03min{width: 100%;}
.proinfo03min .swiper-slide{position: relative;height: auto;overflow: hidden;}
.proinfo03min .swiper-slide .bg{width: 100%;object-fit: cover;transition: all .5s;height: 100%;}
.proinfo03min .swiper-slide p{position: absolute;left: 0;width: 100%;padding: 0 30px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;bottom: 40px;font-size: 24px;color: #FFFFFF;line-height: 30px;font-weight: bold;transition: all .5s;}
.proinfo03min .swiper-slide .hovertext{width: 100%;height: 100%;background-color: rgba(0,64, 148,0.95);position: absolute;top: 0;left: 0;z-index: 1;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;text-align: center;opacity: 0;transition: all .5s;}
.proinfo03min .swiper-slide .hovertext>div{width: 100%;box-sizing: border-box;padding: 0 30px;}
.proinfo03min .swiper-slide .hovertext img{max-width: 70px;max-height: 70px;margin: auto;margin-bottom: 80px;}
.proinfo03min .swiper-slide .hovertext h3{font-size: 24px;color: #FFFFFF;font-weight: bold;margin-bottom: 30px;}
.proinfo03min .swiper-slide .hovertext h4{font-size: 16px;color: #FFFFFF;line-height: 30px;}
.proinfo03min .swiper-slide:hover .bg{transform: scale(1.1);}
.proinfo03min .swiper-slide:hover .hovertext{opacity: 1;}
.proinfo03min .swiper-slide:hover p{opacity: 0;}

/* proinfo04 */
.proinfo04{margin: 100px auto;}
.proinfo04-min{width: 100%;margin-top: 30px;}
.proinfo04-min li{width: 100%;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0.2);padding: 35px 0;display: flex;display: -webkit-flex;}
.proinfo04-min li h3{width: 25%;font-size: 16px;color: #333333;line-height: 30px;font-weight: bold;}
.proinfo04-min li h4{font-size: 16px;color: #666666;line-height: 24px;width: 75%;}
.proinfo04-min img{max-width: 100%;width:100%;}

/* proinfo05 */
.proinfo05{margin: 80px auto;}
.proinfo05min{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.proinfo05min .item{width: calc((100% - 24px)/4);margin-right: 8px;margin-bottom: 8px;border: 2px solid #EBEDF0;box-sizing: border-box;padding: 40px;}
.proinfo05min .item:nth-of-type(4n){margin-right: 0;}
.proinfo05min .item h3{font-size: 24px;color: #333333;line-height: 30px;font-weight: bold;margin-bottom: 50px;}
.proinfo05min .item .bot{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-end;-webkit-align-items: flex-end;}
.proinfo05min .item .bot p{font-size: 16px;color: #999999;line-height: 30px;}

/* proinfo06wrap */
.proinfo06wrap{width: 100%;box-sizing: border-box;padding: 80px 0;background-color: #E9EBF0;overflow: hidden;position:relative;}
.proinfo06{margin: auto;}
.proinfo06 .tl h3{font-size: 48px;color: #000000;font-weight: bold;margin-bottom: 20px;}
.proinfo06 .tl h4{font-size: 16px;color: #666666;line-height: 30px;}
.proinfo06-form{width: 100%;margin-top: 50px;}
.proinfo06-form .inputlist{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.proinfo06-form .inputlist input,.proinfo06-form textarea{width: calc((100% - 100px)/3);margin-right: 50px;box-sizing: border-box;background-color: transparent;border: none;border-bottom: 1px solid #000;height: 60px;margin-bottom: 20px;font-size: 18px;color: #000;outline: none;}
.proinfo06-form .inputlist input:nth-of-type(3n){margin-right: 0;}
.proinfo06-form textarea{width: 100%;margin: 0;line-height: 50px;resize: none;}
.proinfo06-form button{width: 201px;height: 60px;background: #004095;border-radius: 30px;border:none;float: right;margin-top: 40px;}
.proinfo06::after{content: '';display: block;clear: both;}

/*abpos*/
.abpos{width: 100%;height: 100px;position: absolute;top: -150px;z-index:-1;}







@media (max-width: 1680px) {
	.hader{width: calc(100% - 100px);}
	.nav li>a{font-size: 16px;line-height: 90px;}
	.nav li{padding: 0 30px;}
	.hader .h-logo{width: 220px;padding: 0 40px;}
	.nav{width: calc(100% - 534px);}
	.h-right .tl{padding: 0 30px;}
	
	/* .center */
	.center{width: 1340px;}
	
	.bannerwrap{padding: 250px 0;}
	.banner .text h4{font-size: 64px;line-height: 80px;}
	.banner .text .tomore{margin-top: 50px;}
	.banner .text .tomore>div .box{width: 90px;height: 90px;}
	.banner .text .tomore>div .box::before{transform: scale(0.8);}
	
	.index01 .item{padding: 60px 40px 80px;}
	.index01 .item .more{bottom: 40px;left: 40px;}
	.index01 .item .icon{width: 86px;height: 86px;margin-bottom: 30px;}
	.index01 .item h3{font-size: 24px;}
	.index02-l p{font-size: 20px;}
	.index02-l p::before{width: 2px;}
	.index02-l h3{font-size: 80px;}
	.index02-l h4{font-size: 60px;}
	.index02-r li .box{padding-bottom: 20px;margin-bottom: 30px;}
	.index02-r li .box span{font-size: 80px;}
	.index02-r li .box font{font-size: 16px;margin-left: 12px;line-height: 30px;height: 30px;width: 52px;}
	.index02-r li .bot h3{font-size: 26px;margin-bottom: 12px;}
	.index02-r li .bot p{font-size: 16px;}
	.index02-r li{margin-bottom: 70px;}
	
	.index04-r .tl h4{font-size: 64px;line-height: 80px;}
	.index04-r .tl h3{font-size: 80px;line-height: 80px;}
	.index04-r .tl p{line-height: 90px;font-size: 20px;}
	.index04wrap::before{height: calc(100% - 250px);}
	.index04-r{padding-right: calc((100% - 1340px)/2);padding-left: 80px;}
	.index04-r-list li{padding: 25px 0;}
	.index04-r-list li h3{font-size: 22px;}
	.index04-r-list li .info{margin-top: 20px;}
	.index04-r-list li .info p{font-size: 16px;line-height: 30px;}
	.index04-r-list li .info .moreline{margin-top: 20px;}
	.morebtn{height: 54px;width: 220px;font-size: 18px;padding: 0 30px;}
	.morebtn i{font-size: 18px;margin-left: 12px;}
	.morebtn:hover{width: 240px;}
	
	.nav li .navdownwrap{top: 90px;}
	.h-right .search .search-form{top: 92px;height: 70px;padding-right: 70px;}
	.h-right .search .search-form button{width: 70px;}
	.h-right .tl p{font-size: 16px;}
	
	footer{padding: 80px 100px 0;}
	.footer-top-l a{font-size: 50px;margin-bottom: 40px;}
	.footer-top-r h3{font-size: 40px;}
	.footer-top-r p{font-size: 16px;line-height: 40px;}
	.footer-top-l p{font-size: 16px;line-height: 30px;}
	.footer-top-l .list{margin-top: 30px;}
	.f-link{margin-top: 100px;}
	.footer-bot{margin-top: 50px;padding: 35px 0;}
	
	.a-bannerwrap{padding-left: calc((100% - 1340px)/2);padding-top: 250px;}
	.a-bannerwrap .tl p{font-size: 22px;line-height: 30px;}
	.a-bannerwrap .tl h3{font-size: 40px;line-height: 50px;}
	.a-bannerwrap .tl{margin-bottom: 40px;}
	.a-bannerwrap .img{margin-top: 30px;}
	
	.about01wrap{margin: 120px auto;}
	.about01-r h4{font-size: 20px;line-height: 44px;margin-top: 50px;}
	.a-tl h3{font-size: 60px;}
	.a-tl p{font-size: 20px;margin-bottom: 20px;}
	
	.about02wrap{padding: 100px 0;padding-left: calc((100% - 1340px)/2);}
	.swiper-about02 .swiper-slide p{font-size: 20px;}
	.swiper-about02 .swiper-slide{padding: 40px;}
	
	.about03{margin: 120px auto 0;}
	.news01 .text{padding: 50px;}
	.news01 .text h3{font-size: 26px;line-height: 46px;margin-bottom: 50px;}
	.news-form{height: 70px;}
	.ninfo02-r .item{padding: 50px 40px 120px;}
	.ninfo02-r .item p{margin-bottom: 20px;line-height: 30px;}
	.ninfo02-r .item h3{font-size: 22px;}
	.ninfo02-r .item h4{line-height: 28px;}
	.ninfo02-r .item .tomore{width: 70px;height: 70px;}
	
	.ninfo01wrap{padding: 80px 120px;}
	.ninfo01wrap .tl{font-size: 32px;}
	.ninfo02-r .item .tomore{width: 70px;height: 70px;}
	
	
	.promin .item .imgbox{height: 400px;}
	.promin .item .text{padding: 0 50px 70px;}
	.promin .item .tomore{width: 70px;height: 70px;}
	.promin .item .text h3{font-size: 22px;line-height: 26px;}
	.promin .item .text p{font-size: 14px;}
	
	.proinfo01wrap{padding: 250px 0;}
	.proinfo01-text p{font-size: 20px;}
	.proinfo01-text h3{font-size: 40px;line-height: 50px;margin-bottom: 30px;}
	.proinfo01-text .btnlist .morebtn{height: 54px;}
	.proinfo03{padding-left: calc((100% - 1340px)/2);}
	.proinfo03min .swiper-slide .hovertext img{margin-bottom: 50px;}
	.proinfo03min .swiper-slide .hovertext h3{margin-bottom: 20px;}
	.proinfo04-min li{padding: 30px 0;}
	
	.pin-tl{font-size: 32px;margin-bottom: 40px;}
	.proinfo05min .item{padding: 30px;}
	.proinfo05min .item h3{font-size: 22px;margin-bottom: 40px;line-height: 30px;}
	
	.proinfo06 .tl h3{font-size: 40px;}
	.proinfo06-form button{height: 54px;width: 180px;}
	.proinfo06-form button:hover{width: 210px;}
	
	.service li .imglist .item .hovertext h3{margin-bottom: 30px;}
	.service li .text{width: 440px;margin-right:-120px;}
	.service li .imglist{width: calc(100% - 320px);}
	.service li{margin-bottom: 100px;}
	
	.serinfowrap{padding: 100px;}
	.serinfo-min li .tl{font-size: 26px;}
	
	.f-link .a{width: 46px;height: 46px;}
	.f-link .a i{font-size: 20px;}
	.serinfo-r.fixed{right: calc(((100% - 1340px)/2) + 100px);}
	
	.down-bot .list .el-input__inner{height: 54px;line-height: 54px;}
	.down-bot .list .rest{height: 54px;}
	
	.footer-top-l .list p{margin-right: 100px;}
	
}



@media (max-width: 1460px) {
	.hader{width: 1200px;}
	.hader .h-logo{padding: 0 25px;width: 200px;}
	.h-right .tl{padding: 0 25px;}
	.h-right .search{width: 80px;}
	.nav{width: calc(100% - 474px);}
	.nav li{padding: 0 25px;}
	.nav li>a{line-height: 80px;}
	.h-right .search .search-form{top: 82px;}
	
	
	.center{width: 1200px;}
	.bannerwrap{padding: 220px 0 280px;}
	.banner .imgbox{width: 50%;}
	.banner .text>p{font-size: 18px;}
	.banner .text h4{font-size: 56px;line-height: 76px;}
	.banner .text .tomore{margin-top: 30px;}
	.index01 .item{padding: 50px 35px 60px;}
	.index02-r li{width: calc((100% - 80px)/2);}
	.index03{width: 1000px;padding: 80px 100px;}
	
	.index04wrap{margin-top: 120px;padding-bottom: 120px;}
	.index04-r .morebtn{margin-top: 50px;}
	.index04-r{padding-right: calc((100% - 1200px)/2);}
	
	.a-bannerwrap{padding-left: calc((100% - 1200px)/2);}
	.about01-r h4{font-size: 18px;line-height: 40px;}
	.about02wrap{padding-left: calc((100% - 1200px)/2);}
	.about03-bot-r{width: 600px;padding: 60px 50px;}
	.about03-bot-l{width: calc(100% - 700px);}
	.ninfo02-r .item{padding: 40px 35px 80px;}
	.ninfo02-r .item .tomore{width: 64px;height: 64px;}
	
	.ninfo01wrap{padding: 80px 100px;}
	
	.serinfo-r.fixed{right: calc(((100% - 1200px)/2) + 80px);}
	.serinfowrap{padding: 80px;}
	
	.a-bannerwrap .tl h3{font-size: 36px;}
	.a-bannerwrap .tl p{font-size: 20px;}
	
	.promin .item .imgbox{height: 320px;}
	.promin .item .text{padding-bottom: 64px;}
	.promin .item .tomore{width: 64px;height: 64px;}
	.proinfo02 .item .tl h3{font-size: 20px;line-height: 34px;}
	.proinfo02 .item .tl{padding-right: 70px;margin-bottom: 30px;}
	.proinfo02 .item .tl img{max-width: 60px;}
	
	.proinfo03{padding-left: calc((100% - 1200px)/2);}
	.proinfo06 .tl h3{font-size: 34px;}
	.proinfo05min .item h3{font-size: 20px;}
	
	.swiper-index03 .swiper-slide h3{font-size: 26px;}
	.swiper-index03{height: 360px;}
	.swiper-index03 .swiper-slide:hover h3{font-size: 36px;}
	
	footer{padding: 80px 80px 0;}
	.footer-bot{padding: 25px 0;}
	
	.nav li .navdownwrap{top: 80px;}
	.h-right .search .search-form{height: 60px;padding-right: 60px;}
	.h-right .search .search-form button{width: 60px;}
	
	
	
	
	
	
}