body{font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#fff;background-color:#051353}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,tr,p,select,dl,dt,dd{margin:0;padding:0;outline:none}
a {text-decoration:none}
img{vertical-align:top}
li{list-style:none}
.fl{float:left}
.fr{float:right}
.cs{cursor:pointer}
.overflow1{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.overflow2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.overflow3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{zoom:1}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}
.w1200{width:1200px;margin:0 auto}
.nav{width:100%;height:70px;background:#1C308E;position:sticky;top:0;z-index:9999;}
.nav .w1200{padding-left:20px;position:relative}
.design{position:absolute;z-index:1;top:0;width:160px;height:100%;border-radius:35px}
.design::before{content:"";position:absolute;z-index:1;top:0px;width:271px;height:100%;border-radius:35px}
.design.left{left:-85px;border-top-right-radius:0;border-bottom-right-radius:0;background:linear-gradient(90deg,#0174E0,#1C308E)}
.design.left::before{left:-50px;opacity:0.3;background:linear-gradient(90deg,#0174E0,#1C308E)}
.design.right{right:-85px;border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(90deg,#1C308E,#00AA6D)}
.design.right::before{right:-50px;opacity:0.4;background:linear-gradient(90deg,#1C308E,#00AA6D)}
.nav ul{max-width:85%;position:relative;z-index:2}
.nav ul li{float:left;position:relative;margin:0 25px;font-size:20px;font-weight:bold;color:#FFFFFF;line-height:70px;cursor:pointer}
.nav ul li.act::before{content:"";position:absolute;bottom:12px;left:0;width:100%;height:6px;background:#2EECA5;border-radius:3px}
.nav a{position:relative;z-index:2;margin:5px 30px 0 0;display:inline-block;width:220px;height:60px;text-align:center;line-height:60px;background:#f0d20b;border-radius:30px;font-size:22px;font-weight:bold;color:#000000}
.nav a img{margin-right:14px;width:26px;height:26px;position:relative;top:16px}
.banner{width:100%;display:block}
h1{margin:90px 0 80px 0;font-size:40px;line-height:56px;color:#FFFFFF;font-weight:normal;text-align:center}
.intro{margin:0 auto;width:990px;font-size:18px;color:#FFFFFF;line-height:36px}
.flow{position:relative;margin:0 auto;width:600px;font-size:26px;line-height:40px}
.flow li{position:relative;padding-bottom:40px}
.flow li::before{content:"";position:absolute;z-index:3;left:-50px;top:7px;width:22px;height:22px;background:#55EAEF;border-radius:50%}
.flow li:not(:last-child):after{content:"";position:absolute;z-index:1;left:-40px;top:7px;width:4px;height:100%;background:#566CD0}
.flow li::before{content:"";position:absolute;z-index:2;left:-50px;top:7px;width:22px;height:22px;background:#55EAEF;border-radius:50%}
.flow li p{color:#051353;padding:0 20px;height:40px;background:linear-gradient(90deg,#2DEDA4,#669CFF);border-radius:20px}
.flow li p span:first-child{font-weight:bold;color:#051353}
.flow li h4{margin-top:20px;font-size:30px}
.flow li div{color:#C3C3C3;margin-top:15px}
.cooperate li{display:inline-block;vertical-align:top;font-size:16px;color:#ffffff;margin-bottom:20px}
.cooperate img{width:26px;height:26px;margin-right:5px}
.cooperate li span{display:inline-block;width:calc(100% - 50px)}
.cooperate.copy2 li{width:50%}
.cooperate.copy3 li{width:33.3%}
.cooperate.copy5 li{width:20%;text-align:center;padding:0 18px;box-sizing:border-box;margin-bottom:38px}
.cooperate.copy5 li h3{font-size:24px;font-weight:normal;margin:10px 0}
.cooperate.copy5 li >div{display:inline-block;width:160px;height:160px;padding:6px;background:linear-gradient(to top,#70eaf0,#3785f7);border-radius:50%}
.cooperate.copy5 li>div div{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;border-radius:50%}

.works{margin:0 30px}
.works li{cursor:pointer;float:left;margin:0 14px 20px 0;padding:20px 20px 0 20px;box-sizing:border-box;width:24%;height:310px;background-color:#313F80;border-radius:10px}
.works li:nth-child(4n){margin-right:0}
.works li img{display:block;width:100%;height:200px}
.works li p{margin-top:20px;color:#FFFFFF;font-size:16px}
.news{margin:0 30px}
.news li{cursor:pointer;margin-bottom:20px;padding:20px 0 20px 20px;box-sizing:border-box;width:49%;background-color:#313F80;border-radius:10px}
.news li:nth-child(2n){float:right}
.news li:nth-child(2n-1){float:left}
.news li img{width:200px;height:130px;background:#76787F}
.news li div{margin-left:10px;display:inline-block;width:calc(100% - 240px);font-size:14px;line-height:24px;color:#999999}
.news li div h5{font-size:18px;line-height:40px;margin-bottom:8px;font-weight:normal;color:#FFFFFF}
.works_nav{text-align:center;margin-bottom:65px}
.works_nav button{cursor:pointer;margin:0 10px;width:160px;height:40px;background:#0084F6;border-radius:20px;line-height:40px;border:0;font-size:20px;color:#FFFFFF}
.works_nav button.act{background-color:#fff;color:#000}
.nodata{text-align:center;margin:100px 0 150px 0;display:none}
.nodata p{margin-top:25px;font-size:26px;color:#3CFFCF}
.unit{margin:160px}
.uitem{margin-bottom:30px}
.uitem p{font-size:20px;color:#FFFFFF;line-height:36px;margin-bottom:5px}
.uitem li{float:left;width:187px;height:68px;background:#FFFFFF;border-radius:5px;background-size:contain;background-position:center;background-repeat: no-repeat; margin:0 9px 9px 0}
.contact li{width:50%}
.contact li img{float:left;width:180px;height:180px}
.contact li div{float:right;width:calc(100% - 205px);font-size:20px;color:#FFFFFF;line-height:42px}
.contact li div h3{color:#5BB5EA;margin-bottom:20px;font-weight:normal}
.footer-copy{text-align:center;font-size:14px;padding:100px 0 50px 0;color:#fff}
.footer-copy a{color:#fff}
section{display:none}

/* @media screen and (max-width:767px) {
    .w1080{width:100%;padding-bottom:8rem;;background-position:0 34.68rem}

} */