body{background:#fff;font-family: "Source Han Sans CN", "Microsoft YaHei", "PingFangSC", Helvetica, "Helvetica Neue", Arial, sans-serif;}
ul,ol,li{list-style: none;padding:0;margin:0;}
#page-header{position:absolute;top:0;right:0;left:0;z-index: 998; transition:all ease 0.6s;height:120px;overflow: visible;}
#page-header img{width:100%;height:auto;}
#logo{float:left;}
#logo img{transition:all ease 0.6s; transform-origin:left top 0;}
body.light{background: #F6F7FA;}

#bannervideo{height:45vw;}
#bannervideo video{width:100%;height:100%;}
#bannervideo .swiper-container{width:100%;height:100%;}
#bannervideo .swiper-slide{position: relative;overflow: hidden;}
#bannervideo .swiper-slide .slide-inner,
#bannervideo .swiper-slide .slide-inner .bg{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background-size: cover;transition:all 50s ease-out;}
#bannervideo .swiper-slide.swiper-slide-active .slide-inner .bg{transform:scale(1.4);}

#bannervideo .banner-pagination{
    position:absolute;
    bottom:5%;
    right:5%;
    height:20px;
    width:100px;
    z-index: 20;
    text-align: right;
    left:auto;
}

.banner-pagination  span{
    border-radius: 4px;
    transition: all ease 0.5s;
    margin:0px 4px;
    background:rgb(255,255,255);
}
.banner-pagination .swiper-pagination-bullet-active{
    width:40px;border-radius: 4px;
}

.iconmenu {text-align: center;}
.iconmenu .menu{display: inline-block;margin:0px 65px;text-align: center;font-size: 16px;color:#666677;line-height: 42px;position:relative; transition:all 0.5s ease;cursor: pointer;}
.iconmenu .menu.cur{color:#3470E9;}
.iconmenu .menu img{transition:all 0.5s ease;}
.iconmenu .menu::after{content:'';height:2px;width:0;position: absolute;bottom:0;left:50%;transform:translateX(-50%);background:#3470E9;transition:all 0.5s ease;}
.iconmenu .menu.cur::after{width:50px;}
.iconmenu .menu.cur img{transform: translateY(-10px);}
.iconmenu .menu:hover{color:#3470E9;}
.iconmenu.noicon .menu{margin:0 10px;}

.graycontainer{background:#F7F9FE;}
.graycontainer.topshadow{background:#F7F9FE url(../images/graybg.png) left top repeat-x;}
.graycontainer.pgray{padding-top:1px;}
.graycontainer.pgray .nytitle2{margin-top:0;}

.coverbg{background-position:center center;background-repeat:no-repeat;background-size:cover;}



.bluecontainer{background:#fff url(../images/blue-gredient-bg.png) left top repeat-x;position:relative;}
.containerbg{position:absolute;left:0;right:0;top:0;bottom:0;background-position:center bottom;background-repeat:no-repeat;z-index:0;}

.bowen{position:relative;}
.bowen img{backdrop-filter:blur(5px);}
.bowen:before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/bowen.svg) center bottom no-repeat;background-size:auto 75%;}

h4{font-size: 26px;color:#444;line-height: 1.8em;}
p{font-size: 16px;color:#666;line-height: 1.5em;margin-bottom: 1.5em; text-align: justify;}
.abality{margin:20px 0px;}
.abality p{margin-right: 15%;}
.simple-list{color:#444;}
.simple-list li{margin:0.5em 0px;}
.simple-list li:before{content:'';display: inline-block;width:5px;height:5px;border-radius: 50%;background:#3470E9;margin-right: 8px;transform:translateY(-3px);}
.cell{}

.works-list{display:flex;flex-wrap:wrap;justify-content: flex-start;padding-bottom:2.4%;}
.works-list li{width:calc(100% / 3 - 15px);margin-bottom:3%;background:#fff;margin-right:15px;}
.works-list li footer{ font-size:20px;color:#666;padding:20px 20px 30px 20px;}
.works-list li .imgbox{border-radius:0px;}

.tag-title{font-size:20px;font-weight:bold;color:#0940a4;margin-bottom:1rem;}

.works-list.cols4 li{width:calc(25% - 15px);}
.works-list.cols5 li{width:calc(20% - 15px);}
.works-list.cols6 li{width:calc(100%/6 - 15px);}
.works-list.cols2 li{width:calc(50% - 15px);}

.tag_menus{margin-top:70px;font-size:18px;line-height:2em;}
.tag_menus li{border-bottom:1px solid #efefef;margin-right:20%;padding:6px 15px; position:relative;transition:all ease 0.5s;overflow:hidden;}
.tag_menus li:after{content:'';display:block;width:100%;height:3px;position:absolute;z-index:0;left:-100%;bottom:0;transition:all ease 0.5s;background:#f67c0a;}
.tag_menus a{color:#666;}
.tag_menus a:hover{color:#007AFF;}
.tag_menus li.cur{color:#fff;font-weight:bold;background: #11429b;}
.tag_menus li:hover:after,
.tag_menus li.cur:after{left:0;}
.tag_menus li.cur:before{content:'';display:block;width:4px;height:4px;background:#f67c0a;position:absolute;left:3px; top:50%;transform:translateY(-50%);}

#logos{text-align: center;margin-bottom: 40px;}

a.morebtn{display: block;width:120px;height:36px;border-radius: 5px;text-align: center;color:#fff;line-height: 36px;background: #F67C0A;margin:2em 0;box-shadow: 0 2px 2px rgba(0, 0, 0 , .04);text-decoration: none;position: relative; overflow: hidden;transition:all ease 0.5s;}
a.morebtn::after{content:'';width:200%;height: 100%; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.2), transparent);transform: rotate(45deg);position: absolute;left:-150%;top:0;transition: none;}
a.morebtn:hover::after{left:100%;transition: all ease 1.5s;}
a.morebtn.light{background:#fff;color:#3470E9;}
a.morebtn:hover{box-shadow: 0 5px 15px rgba(0, 0, 0 , .2);transform: translateY(-3px);}

.ipd{border-radius: 16px;background:#fafafa;border:1px solid #eee;padding:35px;padding-bottom:258px;transition:all 0.5s ease;position:relative;box-shadow: 0px 2px 2px rgba(0, 0, 0 , .04);}
.ipd img{width:250px;height:auto;position: absolute;bottom:35px;left:35px;}
.ipd.large{padding-bottom: 35px;}
.ipd.large p{margin-right:250px;}
.ipd.large img{position: absolute;bottom:35px;right:35px;left:auto;}
.ipd.green{background: #EDFCF3; border-color: #E3EDE7;}
.ipd.green a.morebtn{background:#38B866;}
.ipd.blue{background: #F1F9FF; border-color: #DFE6ED;}
.ipd.blue a.morebtn{background:#1CA1F8;}
.ipd.large a.morebtn{margin-bottom: 0em;}
.ipd.large:first-child{margin-bottom: 15px;}
.ipd p{font-size: 15px;}
.ipd:hover{box-shadow: 5px 10px 25px rgba(0, 0, 0 , .06);transform: translateY(-10px);}

div.no-left-padding{padding-left:0;}

footer.idx-news{border-radius: 6px;background:#fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);margin:0px 15px;margin-top: -50px;position: relative; z-index: 10;padding:20px 15px;}
footer.idx-news h2{font-size: 20px;line-height: 1.5em;}
footer.idx-news h2 a{color:#333;text-decoration: none;;}
footer.idx-news h2 a:hover{color:#3470E9;}
footer.idx-news .date{display:block;font-size: 16px;color:#9A9B9B;margin-bottom: 0.6em;}

.idxlist li{padding:18px 30px 1px 30px;background: #fff url(../images/goleft.svg) 25px 22px no-repeat;border-radius: 6px;margin-bottom: 15px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);}
.idxlist li a{font-size: 18px;color:#333;line-height: 1.5em;font-weight: bold;margin-bottom: 0.5em;display: block;text-decoration: none;}
.idxlist li a:hover{color:#3470E9;}
.idxlist p{font-size: 14px;color:#666;}

#index-news .idxlist{background:#fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);padding:12px;border-radius:5px;}
#index-news .idxlist li{margin:0;padding:10px 10px 10px 30px;border-bottom:1px solid #EFEFEF; position:relative;box-shadow:none;background:none; }
#index-news .idxlist li:before{content:'';display:block;width:4px;height:4px;border-radius:50%;position:absolute;left:15px;top:20px;background:#007AFF;}
#index-news .idxlist li a{font-size: 16px;font-weight: normal;margin:0;}
#index-news .idxlist p{margin:0;color:#999;margin-top:5px;}
#index-news .idxlist li:last-child{border:0;}

#company{padding-bottom:60px;}


#main-menu{float:right;width:85%;text-align: right;margin-right:-25px;margin-top: -5px;;transition:all ease 0.6s;padding-top:20px;}
#main-menu a{display: inline-block;padding:30px 25px 15px 25px;font-weight: 400; position: relative;font-size: 18px;color:#fff;text-decoration: none;background-image: -moz-linear-gradient(left,#1cfffc,#1cfffc);
    background-image: linear-gradient(90deg,#1cfffc,#1cfffc);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) 100%;
    background-size: 0 2px;transition: background-size cubic-bezier(0.22,1,0.36,1) 0.6s;text-align: center;overflow:visible;}
#main-menu a:hover,
#main-menu a.cur{color:#1cfffc;background-position: 25px 100%;background-size: calc(100% - 50px) 2px;}
#main-menu span{display: block;color:#999;text-align: center;font-weight: 400;}

#main-menu .sub{position:absolute;left:0;top:200%;display:inline-block;left:50%;transform:translateX(-50%);display:flex;padding:20px 10px;background:rgba(0,0,0,0.2);border-radius:5px;overflow:hidden;max-height:0;transition:all ease 0.5s;opacity:0;backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);flex-direction: column;}
#main-menu .sub li{display: inline-block; padding:5px;text-align:center;}
#main-menu .sub img{width:120px;display:none;}
#main-menu .sub a{text-align:center;display:inline-block;padding:6px 0px;font-size:15px;min-width:100px;font-weight:250;}

#main-menu li:hover .sub{height:auto;opacity:1;top:100%;max-height:400px;}

#main-menu #contactBtn{width:187px;height:46px;text-align: center;color:#fff;background-image: linear-gradient(90deg, #1CB373, #54E763);
    background-repeat: no-repeat;
    background-size:150% 100%;background-position:50% center;transition:all ease 0.5s;
    border-radius: 30px;margin-left:120px;font-size:20px;transform:translateY(-9px)}
#main-menu #contactBtn:hover{
        background-position:0px center;
    }

#main-menu li{display: inline-block;position:relative;}


.nybanner{height:28.5vw;max-height:520px;background: #002B4E url(../images/Shape.svg) 70% 20% no-repeat;color:#fff;overflow: visible;}
.nybanner .mainpanel{padding-top:15%;}
.nybanner h2{font-size: 48px;margin-bottom: 0.3em;}
.nybanner p{font-size: 24px;color:rgba(255,255,255,0.8);font-weight: 300;}

#aboutbanner{background:url(../images/contactbanner.png) center center no-repeat;background-size:cover;}

.nybanner.details{max-height: 400px;text-align: center;position:relative;}
.nybanner.details h1{font-size: 36px;margin:0 auto;margin-bottom:0.6em;max-width:70%;}
.nybanner.details .date{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:1.5em;}

.nybanner.details .breancrumb{text-align:left;color:rgba(255,255,255,0.7);margin-bottom:3em;}
.breancrumb{font-size:14px;}
.breancrumb a{color:#9497A1;}
.breancrumb span{padding:0px 5px;color:#9497A1;font-size:12px;}

.whitepaper {display: flex;flex-wrap: wrap;justify-content: space-around;margin-bottom:45px;}
.whitepaper li{width:18%;box-shadow:1px 1px 5px rgba(0,0,0,0.25);position:relative;padding-top:24%;cursor:pointer;}
.whitepaper li h5{ position:absolute;left:15%;right:25%;top:30%;font-size:22px;color:#797b85;font-weight:400;z-index:5;transition:all ease 0.5s;}
.whitepaper li:before{content:'';display: block;position: absolute;left:0;right:2px;top:0px;bottom:1px;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,0.1);z-index:1;transition:all ease 0.3s;}
.whitepaper li:after{content:'';display: block;position: absolute;left:0;right:4px;top:0px;bottom:2px;background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,0.1);z-index:2;transition:all ease 0.3s;}
.whitepaper li .logo{display:block;width:50px;height:30px;background:url(../images/logo-blue.png) center center no-repeat;background-size:cover;position:absolute;left:15%;top:12%;z-index:5;}
.whitepaper li .version{display: block;position: absolute;left:15%;bottom:12%;color:#ccc;font-size: 12px;z-index: 5;}
.whitepaper li .download{display: block;position: absolute;right:15%;bottom:15%;z-index: 5;width:24px;height:24px;background:url(../images/down.svg) center center no-repeat;background-size:cover;transition:all ease 0.5s;opacity:0;}

.whitepaper li:hover .download{opacity:1;bottom:12%;}
.whitepaper li:hover:before{right:6px;}
.whitepaper li:hover:after{right:12px;}
.whitepaper li:hover h5{color:#3470E9;}


.nybanner.details .mainpanel{margin-top:0;padding-top:0;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);}


.details article {margin:0 auto;max-width:80%;line-height:1.8em;}
.details article p{margin-bottom:1.5em;line-height:1.8em;}
.details article img{max-width: 100%;height: auto;}

.details.anli .mainpanel{display:flex;padding:3% 0;}
.side-content{width:55%; text-align:center;margin-right:5%;}
.side-content img{display:block;margin-bottom:1em;height:auto;width:100%;}

.details.anli h4{font-size:18px;color:#0940a4;}
.details.anli .detail{margin-bottom:1.5em;padding-bottom:1em;border-bottom:1px solid #dfdfdf;}

.light .nybanner{height:20vw;max-height: 400px;}
.light .nybanner .mainpanel{padding-top:10%;}

.mainpanel.nycell{padding-top: 40px;overflow:hidden;padding-left:10px;padding-right:10px;}
.nytitle{font-size: 32px;font-weight: 700;color:#444;margin-bottom: 35px;}
.nytitle.light{color:#fff;}
.nytitle::after{content:'';width:8px;height:8px;display: inline-block;background:#3470E9;margin-left:6px;transform: translateY(3px);}
.nytitle2{font-size: 32px;font-weight: 700;text-align:center;color:#444;margin-bottom: 30px;}

.darkbg .nytitle2{color:#fff;}
.fixedbg{background-attachment: fixed;}

.submenus{background:#fff;}
.submenus .mainpanel{border-bottom:1px solid #ddd;display:flex;}
.submenus  a{display: inline-block;line-height: 65px;padding:0px 10px;margin-right: 32px;font-size: 16px;color:#666;text-decoration: none;position:relative;transition:all ease 0.5s;overflow:hidden;}
.submenus  a.cur,
.submenus  a:hover{color:#fff;background:#0940a4;}
.submenus  a:after{content:'';display:block;width:100%;height:3px;bottom:0;left:-100%;transition:all ease 0.5s;background:#f67c0a;z-index:0; position:absolute;}
.submenus  a.cur:after,
.submenus  a:hover:after{left:0;}

.submenus.fixed{position: fixed;top:0;width:100%;z-index: 999;box-shadow: 0px 3px 15px rgba(0, 0, 0 , .1);}
.submenus.fixed .mainpanel{border:0;}

.about-intro{position:relative;}
.about-intro img{width:50%;height:auto;border-radius:6px;}
.about-intro .introbox{width:55%;padding:3% 4%;background:rgba(255,255,255,0.9);box-shadow: 0px 1px 10px rgba(0, 0, 0 , .12);position:absolute;right:0;top:50%;transform:translateY(-50%);line-height: 2em;font-size: 16px;color:#444;border-radius: 6px;text-align: justify;}

#culture{background:url(../images/snowmountain.jpg) center center no-repeat;background-size: cover;padding:40px 0px;margin-top:70px; background-attachment:fixed;}
#culture .about-culture {margin:100px 0px;color:#fff;display: flex;justify-content: space-evenly;}
.about-culture h5{font-size:18px;margin-bottom: 0.7em;font-weight: 300;}
.about-culture h4{font-size:27px;line-height: 1.9em;color:#fff;display: inline-block;}
.about-culture div{border-right:1px solid rgba(255,255,255,.3);display: inline-block;padding:0px 35px;}
.about-culture div:last-child{border:0;}

.about-team{}
.team-intro{width:100%;max-width: 870px;margin-bottom: 2em;line-height: 2em;text-align: justify;}
.team{display: flex;justify-content: space-between;margin-bottom: 70px;flex-wrap:wrap;}
.team a{text-decoration: none;}
.team li{width:18%;margin-bottom:2%;}
.team li .imgbox{padding-top: 135%;}
.team li .imgbox img{top:0;transform:none;}
.team li h4{font-size: 24px;line-height: 1.2em;margin-top: 0.6em;}
.team li h6{font-size:14px ;}

#ny-banner{margin-top: 92px;height: 265px;margin-bottom: 50px; background-position: center top;background-repeat: no-repeat;}

#events{background-image: url(../images/road1.png),url(../images/dark-blue-bg1.png);background-position:center bottom,left top;background-repeat:no-repeat ,repeat-x;background-size:100% auto,auto auto; position:relative;height:35vw;max-height:800px;min-height:400px;padding-top:50px;}
#events::before{content:'';display: block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/road.svg) center bottom no-repeat ;background-size:100% auto;z-index: 0;}
#events::after{content:'';display: block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/road-1.svg) center bottom no-repeat ;background-size:100% auto;z-index: 1;}
#events.e1::after{background-image:url(../images/road-1.svg);}
#events.e2::after{background-image:url(../images/road-2.svg);}
#events.e3::after{background-image:url(../images/road-3.svg);}
#events.e4::after{background-image:url(../images/road-4.svg);}

#events .mainpanel{position: relative;}

#events .event-list{margin:20px 0px 0px 0px;position: relative;z-index: 10;width:38%;min-width: 300px;padding-top:35px;}
.event-list .event-cell{background:#fff;border-radius: 5px;overflow: visible;position:relative; padding:25px 15px 15px;}
.event-cell .date{position: absolute;left:15px;top:-30px;font-size: 36px;color:#E10303;font-weight: bold;display: block;}
.event-cell h3{font-size: 24px;line-height: 1.8em;color:#444;font-weight: 600;}
.event-cell li{font-size: 16px;color:#444;;}

.slider-nav {margin-top:20px;position:absolute;z-index: 11; right:15px;top: 35px;}
.slider-nav div{width: 36px;height:36px;border-radius: 50%;display: inline-block;margin-left: 15px;background:#f7f8fa url(../images/Arrow.svg) center center no-repeat;cursor: pointer;transition:all ease 0.5s;background-size:14px auto;}
.slider-nav div:hover{background-color: #333;background-position: 2px center;}
.slider-nav div.right{transform:rotate(180deg);}

#glory{margin-top: 50px;}
.grcontent{padding:40px 0px;}
.grlist{display: flex;justify-content: flex-start;flex-wrap: wrap}
.grlist li{color:#666;padding:12px 0px;width:45%;border-bottom:1px solid rgba(0, 0, 0 , .1);margin:0 2.5%; position:relative;cursor:default;transition:all ease 0.3;}
.grlist li::after{content:'';width:100%;height:0;background:#4E6483;position: absolute;left:0;bottom:0;transition:all ease 0.3s;z-index: 0;}
.grlist li::before{position: relative;z-index: 5;transition:all ease 0.3s;}
.grlist li:hover,
.grlist li.cur{color:#fff;}
.grlist li:hover::before,
.grlist li.cur::before{background:#fff;margin-left:8px;}
.grlist li:hover::after,
.grlist li.cur::after{height:100%;}
.grlist li span{display: inline-block;position: relative;z-index: 5;;}

.grcontent .imgbox img{max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);width: auto;border-radius:5px;}

#call2action{background:#fff url(../images/ctbg.jpg) center center no-repeat;height:260px; display:none;}
#call2action h3{font-size:32px;color:#373B46;padding-top:80px;margin-bottom:25px;}

#focus-news{background:#fff;box-shadow: 0px 2px 10px rgba(0, 0, 0 , .05);border-radius: 5px;margin-top: 30px;;overflow: hidden;z-index: 10;position: relative;display: flex;justify-content: space-between;margin-bottom: 30px;}
#focus-news .imgbox{margin-left:-15px;border-radius:0;padding-top: 64%;}
#focus-news .info{padding:15px 50px 10px 15px;}
#focus-news .btime{position:relative; margin-bottom: 15px;left:0;}
#focus-news h2{font-size: 24px;line-height: 1.5em;}
#focus-news h2 a{color:#333;text-decoration: none;}
#focus-news h2 a:hover{color:#3470E9;}
#focus-news p{font-size: 14px;line-height:1.5em;color:#666;}

#focus-news .fimg{width:45%;}
#focus-news .info{width:52%;}

.news{background:#F6F7FA;}
.news .mainpanel{top:-100px; position:relative;}

.details .mainpanel{margin-top: 40px;}

.pbanner{height:500px;background-repeat:no-repeat;background-size:cover;background-position:right center;position:relative;}
.pbanner:before{content:'';display:block;position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;background:url(../images/topbg.svg) left top no-repeat; background-size:auto 100%;}
.pbanner .mainpanel{padding-top: 170px;position:relative;}
.pbanner h1{margin-bottom: 0.6em;font-size: 48px;line-height: 1em;color:#fff;}
.pbanner p{width:40%;min-width: 370px;margin-bottom: 1.5em;;position: relative; z-index: 10; color:#fff;}

.pbanner.solution{background:#3152A6 url(../images/sobg.png) center top no-repeat ;}
.pbanner.solution h1,
.pbanner.solution p{color:#fff;}
.pbanner.solution img{top:130px;right:50px;width:300px;height:auto;z-index: 1;}

.pbanner.albanner h1{padding-top:130px;}

.anchor{height:1px;}

/**产品*/
.pintro{width:86%;margin:0 auto;text-align: justify;font-size: 16px;line-height: 1.5em;color:#444;margin-bottom:5%;}
.darkbg  .pintro{color:#ffffff;}

.feature-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.feature-list li{width:calc(100% / 3 - 15px);padding:30px 25px;background:#fff;box-shadow: 0px 2px 10px rgba(0, 0, 0 , .18);margin-bottom: 36px;border-radius: 6px; }
.feature-list li p{color:#666;line-height: 1.5em;;}
.feature-list li h4{font-size: 24px;color:#333;font-weight: normal;background:url(../images/mi.svg) left center no-repeat;padding-left:1em;}
.feature-list2 li{width:calc(100% / 3 - 15px);padding:30px 25px;position:relative;padding-left:80px;background:#fff;margin-bottom: 36px;border-radius: 6px;}
.feature-list2 li img{position: absolute;left:20px;top:35px;width:40px;height:auto;}
.feature-list2 li h4{font-size: 24px;color:#2658B8;font-weight: bold;}
.feature-list2 li li,
.feature-list li li{width:100%;padding:0em 0;box-shadow:none;margin:0;font-size: 14px;margin-bottom:0.5em;}
.simpleco li{line-height:1.5em;color:#666;margin-bottom:0.5em;}
.simpleco li:before,
.simpleco li:before{content:'';display: inline-block;width:5px;height:5px;border-radius: 50%;background:#3470E9;margin-right: 8px;transform:translateY(-3px);}
.al-co{padding-left:50px;}
.al-co h4{font-size: 20px;}

.hoverline li{position:relative;overflow:hidden;}
.hoverline li:after{content:'';display:block;width:0;height:3px;background:#007AFF;transition:all ease 0.5s;position:absolute;left:0;bottom:0;z-index:10;}
.hoverline li:hover:after{width:100%;}



.feature-list.cols4 li,
.feature-list2.cols4 li{width:calc(100% / 4 - 15px);}

.feature-list.cols2 li,
.feature-list2.cols2 li{width:calc(100% / 2 - 15px);}

.feature-list.cols4 li li,
.feature-list2.cols4 li li,
.feature-list.cols2 li li,
.feature-list2.cols2 li li{width:100%;}

.img-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.img-list li{width:47.5%;}

.pco .img-list li{background:#fff; box-shadow:0px 2px 6px #00000012;width:calc(100% / 3 - 15px);float:none;margin:0;margin-bottom:3.5%;position:relative;}
.pco .img-list .imgbox{padding-top:45%;border-radius:0;}
.pco .img-list h4{margin:2% 5%;font-size:24px;}
.pco .img-list .simpleco{margin:0 5%;padding-bottom:1.5em;color:#666;}

.pco .img-list .imgbox:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:#00000025;z-index:10;transition:all ease 0.5s;}
.pco .img-list li:hover .imgbox:after{opacity:0;}
.pco .img-list li .imgbox img{transition:all ease 1.5s;}
.pco .img-list li:hover .imgbox img{transform:translateY(-50%) scale(1.1);}

.pco .img-list.cols2 li{width:calc(100% / 2 - 15px);}
.pco .img-list.cols4 li{width:calc(100% / 4 - 15px);}

.icon-list{display:flex;flex-wrap:wrap;justify-content: flex-start;}
.icon-list li{text-align:center;width:calc(100%/5 - 16px);padding: 2% 1.5% 1.5% 1.5%;margin:8px;background:#fff;border-radius:6px;}
.icon-list li img{width:36px;height:auto;margin-bottom:15px;}
.icon-list li h5{font-size:16px;color:#666;font-weight:normal;}

.cell-content{text-align:center;}
.cell-content p{text-align: inherit;}

.feature-list2{display: flex;flex-wrap: wrap;justify-content: space-between;}
.feature-list2 p{line-height: 1.5em;color:#666;;}

#num-blocks{margin-bottom: 30px;text-align: center;display: flex; justify-content: center;}
#num-blocks .num-cell{height:70px;position:relative;display: inline-block;width:25%;border-right:1px solid  #D9D9D9;margin-left:20px;}
#num-blocks .num-cell:last-child{border:0;}
.num-cell img{position:absolute;left:15px;top:20px;}
.num-cell .num{font-size:36px;color:#333;position:absolute;left:50px;top:0;font-weight:bold;color:#333; }
.num-cell .dw{font-size: 24px;color: #333;position:absolute;top:0;left:137px;}
.num-cell .dw.small{font-size: 16px;left:95px;top:5px;}
.num-cell .co{font-size: 14px;color:#5E6168;position:absolute;left:50px;top:47px;}

a.more{color: #3470E9;;display: inline-block;padding-bottom:2px;text-decoration: none;}
a.more::after{content:'';display: inline-block;width: 9px;;height:17px;background:url(../images/goleft.svg) left center no-repeat;margin:-5px 0px 0px 5px;transition:all ease 0.5s;}
a.more:hover::after{margin-left:10px;}
a.more.down::after{width:17px;background-image:url(../images/down.svg);background-size:cover;margin-left:8px;}

.index-title{font-size: 32px;color:#373B46;margin-bottom: 30px;font-weight: bold;text-align: center;padding-top: 40px;}
.index-title span.intro{display: block;font-size: 18px;color:#666;font-weight: normal;line-height: 2em;}

.index-title.sm{font-size: 24px;text-align: left;}

.line-title{font-size:18px;color:#3470E9;padding-left:0px;margin-bottom:1em;}
.logos{margin-left:-10px;width:calc(100% + 10px);height:auto;}



.txt-list li{border-bottom:1px solid rgba(162,197,229,0.3);padding-bottom:35px;margin-bottom: 25px; }
.txt-list li h5{color:#fff;margin-bottom: 15px;font-size: 22px;line-height: 30px;font-weight: normal;}
.txt-list li a{text-decoration: none;}
.txt-list li a:hover h5{color:#E33131;text-decoration: underline;}
.txt-list li p{font-size: 14px;color:#A2C5E5;line-height: 1.5em;margin-bottom: 0;}
.txt-list li:last-child{padding-bottom: 20px;border:0;}

.img-list li{width:calc(100% / 3 - 18px);float:left;margin-right: 27px;background:#fff;transition:all ease 0.5s;}
.img-list li:last-child,
.img-list li:nth-child(3){margin-right: 0;;}
.img-list .imgbox{width:100%;height:0;padding-top:56%;position:relative;overflow:hidden;background:#ccc;}
.img-list .imgbox img{position: absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);}
.img-list .news-cat{font-size: 12px;color:#2E387B;margin:15px 20px 10px 20px;}
.img-list h5{margin:0px 20px;color:#333;font-size: 20px;line-height:1.3em ;font-weight: normal;}
.img-list .time{font-size: 12px;color:#AEAEAE; margin:10px 20px 15px 20px;}
.img-list a{text-decoration: none;}

.img-list li:hover h5{color:#E33131;}
.img-list h6{margin:15px 20px;font-size: 14px;color:#444;line-height: 1.2em;font-weight: normal;height:36px;overflow:hidden;}
.content-right .img-list li{margin-bottom: 50px;}


#sub-menu-container{z-index: 999;position:fixed;top:135px;left:0;right:0;transition:all ease 0.6s;}
#sub-menu{height:40px;line-height: 40px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22.4%, rgba(0, 0, 0, 0.2) 100%), #1356BB;box-shadow: 0px 1px 0px rgba(45, 205, 205, 0.6), 10px 15px 30px rgba(0, 0, 0, 0.25);border-radius: 20px;color:#fff;padding:0px 40px; text-align: right;}
#sub-menu h3{font-size: 18px;font-weight: normal;float:left;width:20%;font-weight: normal;text-align: left;line-height: 40px;margin:0;}
#sub-menu a{display: inline-block;padding:0 16px;font-size:14px;opacity: 0.8;color:#fff;line-height: 39px;background:url(../images/jiao2.png) center 40px no-repeat; transition:all ease 0.4s;}
#sub-menu a.cur{opacity: 1;background-position:center bottom;}

.fixed #sub-menu-container{top:81px;}

#page-title{position:relative;height:170px;overflow: visible;}
#page-title .breadcrum{top:110px;left: 30px;position:absolute;z-index: 10;font-size: 18px;color:rgba(255,255,255,0.8);}
#page-title .breadcrum a{color:rgba(255,255,255,0.6);}
#page-title h2{font-size: 40px;color:#fff;position:absolute;font-weight:bold;z-index: 10;left:30px; top:150px;}
#page-title .enbg{font-size:175px;text-shadow: 1px 0 0 #E33131,0 1px 0 #E33131,-1px 0 0 #E33131,0 -1px 0 #E33131; position:absolute;top:0px;left:-100px;z-index: 0;color:F1F3F6;line-height: 1em;opacity: 0.6;font-weight: bold;white-space:nowrap;}

.light #page-title .breadcrum{color:#999;}
.light #page-title .breadcrum a{color:#666;}
.light #page-title h2{color:#333;}

#page-title.nobgtitle{margin-top: 120px;}

#main-content.notitle-content{margin-top: 280px;}
 

#page-title.nobg{margin-top:120px ;height: auto;}
#page-title h1{text-align: center;padding-top: 65px;font-size:32px;color:#2E387B;margin-bottom:10px;}
#page-title .time{text-align: center;font-size:16px;color:#5E6168;}

#content-banner{text-align: center;position:relative;margin-bottom: 70px;margin-top:90px;}

#main-content{position: relative;overflow:visible;}
#logo3d{position:absolute;top:-450px;left:30px;}
.content-wrapper{padding:0px 35px;}
.content-right{padding-left:50px;}
.content-txt{font-size: 16px;line-height: 1.8em;color:#444;}
.content-right #num-blocks{margin-top: 30px;}
h5.sub-title{font-size: 20px;color:#000;margin-bottom: 1em;}
h5.sub-title:before{content:'';display: inline-block;width:10px;height:4px;background:#E33131;margin-right:12px ;transform:translateY(-5px);}
h5.sub-title a{color:#000;}
h5.sub-title a:hover,
h5.sub-title a.cur{color:#E33131;}

.gray-line{height:1px;border-top:1px solid #D9D9D9;margin:60px 0px;}
.gray-line.noline{border:0;margin-top: 0px;}
.gray-line.thin{margin:40px 0px;}

.imgtxt-list li{margin-top: 60px;}
.imgtxt-list li:last-child{margin-bottom: 0;}
.imgtxt-list img{float:left;width:300px;height:230px;margin-right: 40px;}
.imgtxt-list h5{font-size: 18px;margin:0px 0px 20px 0px;padding-top:25px;font-weight: bold;;}
.imgtxt-list p{color: #666;line-height: 1.8em;}

.content-txt li{color:#666;line-height: 2em;}
.content-txt li::before{display: inline-block;content:'';width:4px;height:4px;border-radius: 2px;background:#666;margin-right: 10px;transform:translateY(-4px);}
.content-txt h5{font-size: 18px;color:#444;margin:50px 0px 22px 0px;}
.content-txt h2{font-size: 24px;color:#2E387B;margin-bottom: 1.5em;}

.content-txt h5.nomargintop{margin-top: 0;}

.news-list li{margin-bottom: 30px;position:relative;background:#fff;border-radius: 5px;box-shadow: 0px 2px 10px rgba(0, 0, 0 , .05);padding:20px 25px;padding-left:110px;}

.news-list li a{text-decoration: none;}

.news-list li a h5{font-size:22px;color:#333;margin: 15px 0px;font-weight: 600;margin-bottom: 15px;;}
.news-list li p{font-size: 16px;color:#666;line-height: 1.5em;margin-bottom: 30px;}
.news-list li a:hover{color: #3470E9;}
.news-list li a:hover h5{color: #3470E9;}
.news-list li .btime{left:25px;top:38px;}


.btime{position: absolute;top:0px;left:-71px; width:53px;height:55px;overflow:hidden;background: linear-gradient(180deg, #f3f4f6 0%, #f3f4f6 100%);border-radius: 6px;text-align: center;color:#fff;font-size: 14px;box-shadow: 0px 1px 5px rgba(0, 0, 0 , .1);}
.btime em{font-size: 26px;font-style: normal;color:#393c42;}
.btime footer{position: absolute;left:0;bottom:0;right:0;height:18px;line-height: 18px;background: linear-gradient(180deg, #c70b0b 0%, #c70b0b 100%);}


#pager{padding:20px 0px 60px 0px;text-align: right;}
#pager a{display: inline-block;height:42px;width:42px;line-height: 42px;color:#5E6168;font-size: 16px;border-radius: 21px;border:1px solid #ccc;text-decoration: none;margin:0 5px; transition:all ease 0.4s;text-align: center;}
#pager a.cur,
#pager a:hover{color:#fff;background:#08B257;border-color: #08B257;}

#title-border{border-top:2px solid #D6D7DF;margin:20px 0px 80px 0px;}


.contact-co{margin-bottom: 70px;font-size: 16px;color:#444;}
.contact-co .col-3{font-weight: bold;padding-left: 10px;}
.contact-co div{border-top:1px solid #D9D9D9;padding:20px 0px;}

#details{margin:60px 100px 100px 100px;}
#details img{max-width: 100%;}
.control-bar {text-align: center;margin-top: 40px;}
a.main-btn{display: inline-block; background:#2E387B;color:#fff;font-size: 16px;padding:8px 25px;border-radius: 6px;text-decoration: none;}
a.main-btn:hover{background:#072146;}

.zoomify { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.zoomify.zoomed { cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; position: relative; z-index: 1501; }
.zoomify-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index: 1500; background: rgba(0, 0, 0 , .3); opacity: 0; }
.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }

#footer{margin:0 -15px;}
#footer img{width:100%;height:auto;}

#page-header .light{display: none;;}
#page-header{height:120px; padding:0px 4%;/*background: linear-gradient(180deg, rgba(1, 4, 53, 0.49) 14.06%, rgba(1, 4, 53, 0.00) 100%);*/}
#page-header.nobg{background:none;}
.fixed #page-header #logo img{display: none;}
.fixed #page-header{background:#fff; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.10);}
.fixed #page-header #logo img.light{display: block;}

#page-header #logo{margin-top: 35px;}

#main-menu {width:calc(100% - 280px);}


.mainpanel{width:92%;max-width: 1400px;margin:0 auto;}
.mainpanel img{max-width: 100%;}

#key-ablility{padding-bottom:30px;}

.fadeInUp{opacity:0;transform:translateY(150px);transition:transform ease 0.5s,opacity ease 0.5s;}
.inview .fadeInUp{opacity:1;transform:translateY(0px);}

.fadeIn{opacity:0;transition:opacity ease 0.5s;}
.inview .fadeIn{opacity:1;}

.ability{width:100%;height:0;padding-top:20%;position:relative;background:#040C27;margin-bottom:20px;transition:all ease 0.5s;overflow:hidden;}
.bg-img{position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0.7;z-index:1;transition:all ease 0.5s;}
.abtext{position:absolute;z-index:10;left:8%;right:8%;top:50%;transform:translateY(-50%);color:#fff;transition:all ease 0.5s;}
.ability.tr .abtext{display:flex;flex-direction: column; align-items: flex-end;}


.ability h5{font-size: 20px;font-weight: normal;display:none;}
.ability h3{font-size: 40px;margin-bottom:12px;}
.ability h3 a{color:#fff;text-decoration:none;}
.ability .coverlink{display:none;}
.ability .shortline{width:40px;height:2px;background:#fff;display:block;margin-bottom:15px;transition:all ease 0.5s;}
.ability .ades{max-width:45%;max-height:0px;overflow:hidden;transition:all ease 0.5s;font-weight:200;opacity:0;}

.ability .ab-cover{position:absolute;top:70%;right:5%;opacity:0;max-width:45%; transition:all ease 0.5s;transition-delay:0.2s;position:absolute;z-index:5;backdrop-filter:blur(5px);}
.ability:hover .ab-cover{top:50%;transform:translateY(-50%);opacity:1;transition-delay:0s;}

.ability.tr .ab-cover{right:auto;left:5%;}
.ability.tr .ades{display:flex;flex-direction: column; align-items: flex-end;}

#key-ablility.focus .ability{padding-top:8%;}
#key-ablility.focus .shortline{display: none;}
.ability:hover .ades{max-height:250px;opacity:1;}
#key-ablility.focus .ability:hover{padding-top:32%;}
#key-ablility.focus .ability:hover .bg-img{opacity:0.4;}
#key-ablility.focus .ability:hover .shortline{display: block; width:150px;}



.index-title a.morebtn{float:right;font-size:14px;margin:0;}



.moreBtn{display: inline-block;width:auto;height:42px;line-height: 42px;font-size: 16px;padding:0px 30px;color:#fff;border-radius: 21px;background:#f17221;margin-top:20px;transition:all ease 0.5s;}
.moreBtn:hover{background:#df6011;color:#fff;text-decoration: none;padding-left: 40px;}

#num-blocks{width:50%;background:#fff;border-radius: 6px;box-shadow: 0px 2px 15px 0px rgba(54, 26, 9, 0.22);border-right: 4px solid #F17221;border-left: 4px solid #F17221; position:absolute;z-index: 10;left:30%;bottom:-60px;padding:15px;text-align: center; }



.newslist{margin-left: 30px;border-top: 1px solid #ccc;margin-bottom: 35px;}
.newslist li{height:140px;border-bottom: 1px solid #ccc; position: relative;padding-right: 80px;overflow:hidden;padding-left: 30px;line-height: 140px;font-size: 18px;}
.newslist li::after{content:'';display: block;width:36px;height:36px;background:url(../images/left-arrow.svg) center center no-repeat;right:30px;top:50%;position:absolute; transform: translateY(-50%);z-index: 5;transition: all ease 0.5s;}
.newslist li a{color:#444;text-decoration: none;display: block;position: relative;z-index: 5;transition:all ease 0.5s;}
.newslist li a span{color:#1D459A;float:left;padding-right: 30px;font-weight: bold;}
.newslist .bg{position: absolute;left:0;right:0;top:0;bottom:0;background-size:cover;background-position: center center;opacity: 0;z-index: 0;transition: all ease 0.5s;background-color: rgb(160, 181, 227);}
.newslist li:hover .bg{opacity: 0.2;}
.newslist li:hover::after{right:10px;}
.newslist li:hover a{color:#F17221;font-weight: bold;}





.indtitle{text-align: center; position: absolute;left:0%;top:50%;transform: translate(0,-50%);display: inline-block;width:100%;z-index: 1;transform-origin: 50% 50%;transition: all ease 0.5s;}
.indtitle img{display: block;margin:0 auto;max-width: 50%;}
.indtitle img:last-child{margin-top:4%;max-width: 60%;}

.indswiper{width:50%;height:50%;border-radius: 50%;overflow: hidden;position: relative;top:25%;z-index: 9;opacity: 0;transform: scale(0.3);transition: all ease 0.5s;}
.indswiper .swiper-wrapper{height:100%;}
.indswiper .swiper-slide{width:100%;height:100%;border-radius: 50%;overflow: hidden;position: relative;}
.indswiper .indbg{position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;z-index: 0;background-position: center center;background-repeat: no-repeat;}
.indswiper .indbg::after{content:'';display: block;position:absolute;left:0;right:0;top:0;bottom:0;background: linear-gradient(326deg, #F17221 22.28%, rgba(241, 114, 33, 0.00) 71.25%);;}
.indswiper .indtxt{position:absolute;z-index:5;bottom:27%;left:0%;text-align: center;font-style: normal;width:100%}
.indswiper .indtxt h4{font-size: 55px;font-weight: 600;color:#fff;}
.indswiper .indtxt span{font-size: 22px;color:#fff;display: block;text-transform: none;}
.indswiper .indtxt img{width:72px;height:auto;margin-bottom: 20px;;}
.indswiper .swiper-slide::after{content:'';display: block;width:40px;height:40px;border-radius: 50%;position: absolute;background:#fff url(../images/left-arrow.svg) center center no-repeat; background-size: 50% auto; bottom:12%;left:50%;transform:translate(-50%,20px);opacity: 0; transition: all ease 0.5s;transition-delay: 0.5s;}
.indswiper .swiper-slide.cur::after{transform:translate(-50%,0px);opacity: 1; }
.indswiper .swiper-slide.cur .indbg{animation: izoomin 60s ease;}

.shown .indtitle{opacity: 0;transform: translate(0,-50%) scale(0.2);}
.shown .indswiper{opacity: 1;transform: scale(1);}



.cocntainer h3.subtitle{font-weight: bold;color:#1D459A;background:url(../images/subbg.svg) left center no-repeat;padding-left:30px;}

.datashow{display: flex;justify-content: space-between;margin-top: 70px;}
.dataitem{width:30%;border-bottom: 1px solid #D9D9D9;padding-bottom: 6px;position: relative;}
.dataitem span.title{display: block;font-size: 14px;color:#000;margin-bottom: 10px;;}
.dataitem h4{font-size: 36px;color:#333;}
.dataitem h4 i{font-style: normal;}
.dataitem h4 span{display: inline-block;font-size: 14px;color:#666;transform:translateY(-2px);}
.dataitem img{position:absolute;right:0;bottom:18px;width:24px;height:auto;}

.inview .datashow{animation: fadeInDown 1.6s ease }

#maincontent .fluid-container{margin:0px -10px 0px -10px;}

#team{background:#EEF0F5 url(../images/teambg.png) center center no-repeat;padding:55px 0px 20px 0px;}
.info-list{color:#444;font-size: 16px; backdrop-filter: blur(5px);}
.info-list .row {margin:0;}
.info-list .row div{padding:0.8em 1em;border-bottom: 1px solid #DFDFDF;font-weight: 600;background:rgba(255,255,255,0.9);}
.info-list .row  .info-name{text-align: right;color:#666;font-weight: 100;font-weight: normal;border-right:1px solid #dfdfdf;}

.info-list .row div.even{background:rgba(247, 248, 250, 0.90);}
#team .subtitle{margin-bottom: 60px;}


.inview .culture-item{opacity: 1;transform: none;}

.glory{background:url(../images/glory.png) center top no-repeat;min-height: 690px;}
.glory-smlist{display: flex;}
.glory-smlist li{width:25%;text-align: center;height:72px;position:relative;cursor:default;margin-right:4%;}
.glory-smlist li h5{font-size: 24px;color:#f17221;}
.glory-smlist li p{color: #444;font-size: 16px; text-align: center;}
.glory-smlist li::after,
.glory-smlist li::before{content:'';display: block;position:absolute;left:0;top:0;background:url(../images/maizi.svg) left center no-repeat;width:72px;height:72px; transform-origin: 50% 100%;transition:all ease 0.5s;}
.glory-smlist li::after{left:auto;right:0;transform: scaleX(-1);}
.glory-smlist li:hover::before{transform:rotate(-20deg);}
.glory-smlist li:hover::after{transform:rotate(20deg) scaleX(-1);}

.glory-list{background: linear-gradient(180deg, #A9B6C9 0.29%, #C3CEDE 35.26%, rgba(231, 236, 242, 0.98) 70.31%, rgba(236, 240, 245, 0.98) 99.48%);min-height:500px;padding: 55px 0px 50px 0px;}

.glory-item ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.glory-item li{width:33%;position:relative;height:0;padding-top: 30%;overflow: visible;margin-bottom:-50px;}
.glory-item li:after{content:'';display: block;position:absolute;bottom:0;left:-17%;bottom:5%;width:140%;height:0;padding-top: 40%;background:url(../images/rytaizi.png) center bottom no-repeat;background-size:100% auto; z-index: 0;}
.glory-item img{position:absolute;width:68%;left:10%;bottom:32%;z-index: 2;}
.glory-item h5{position: absolute;bottom:5%;font-size: 16px;left:0;right:0;text-align: center;z-index: 2;padding-right:12%;}
.transBtn{position:absolute;width:58px;height:58px;background:url(../images/leftbtn.png) center center no-repeat;cursor: pointer; left:0px;top:calc(50% - 29px); z-index: 10;transition:all ease 0.5s;opacity: 0.7;}
.transBtn:hover{opacity: 1;}
.transBtn.right{left:auto;right:0px;transform:scaleX(-1)}
.transBtn.swiper-button-disabled{cursor:default;opacity: 0;}

.road{background:url(../images/eventbg.png) center top no-repeat;height: 650px;}
#maincontent .road{margin-top: -30px;padding-top: 30px;}
#maincontent .road .container{position:relative;height:calc(100% - 30px);overflow: visible;}
#timeline{position:absolute;bottom:85px;left:-125px;}
#timeline circle{fill:#F17221;visibility: hidden;}
#timeline  .line{stroke: #f17221;stroke-width: 1.5px;}
.roadtime{width:260px;background:url(../images/roadtime.svg) left bottom no-repeat;padding-bottom:60px;position:absolute;top:70px;left:calc(50% - 130px);opacity: 0;}
.roadtime span{display: inline-block;font-weight: bold;font-size: 160px;background: linear-gradient(180deg, #FAFAFA 51.63%, rgba(250, 250, 250, 0.58) 99.04%); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1em;}

.roadlist{margin-top: -30px;}
.roadlist span{display: block;}
.rdclass{text-align: right; padding-right: 18px;border-right:1px solid #dfdfdf;overflow: visible;position: relative;padding-top:30px;}
.rdclass .rdtime{font-size: 28px;color:#F17221;line-height: 1.2em;}
.rdclass .rdname{font-size: 24px;color:#1D459A;font-weight: bold;}
.rdco{padding-left: 40px;}
.rdclass::after{content:'';width:2px;height:60px;background:#f17221;position:absolute;right:-1px;top:30px;display: block;}
.rdco{padding-bottom:20px;padding-top:30px;}
.rdco span{display: block;font-weight: bold;color:#1D459A;overflow: visible;position: relative;margin-bottom: 10px;}
.rdco span::before{content:'';width:20px;height:1px;background:#dfdfdf;position:absolute;left:-40px;top:11px;}
.rdco span::after{content:'';width:5px;height:5px;background:#95a1bb;border-radius:50%;position:absolute;left:-20px;top:9px;}
.rdco p{line-height: 1.8em;}
.rdco div{margin-bottom: 20px;}
.roadlist li{transition:all ease 0.5s;}
.roadlist li:nth-child(even){background: rgba(238, 240, 245, 0.4);}
.roadlist li:hover{background: rgba(238, 240, 245, 0.7);}
.roadlist .row.inview{animation:fadeInUp 1s ease;}

/*news*/
#hotnews .swiper-container{background:#F3F4F6;}
.imgBox{position: relative;width:100%;height:0;padding-top:60%;overflow:hidden;display: block;;}
.imgBox img{width:100%;height:auto;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.hotnews-item{margin:30px 20px 10px 20px;}
.hotnews-item span{display: block;}
.hotnews-item .top{color:#1D459A;margin-bottom:15px ;font-weight: bold;}
.hotnews-item h2{font-size: 24px;line-height: 1.2em;margin-bottom: 1em;;}
.hotnews-item p{font-size: 14px;line-height:1.5em ;margin-bottom:1.5em;color:#666;}
.hotnews-item .time{font-size: 14px;color:#999;margin-bottom: 0.5em;}
.hotnews-item .moreBtn{margin-left: -3px;}
#hotnews .banner-pagination{text-align: center;margin:30px;}



#hotnews .newslist{margin-left:0;margin-top:0px ;}

#pager{padding:20px 0px 60px 0px;text-align: center;}
#pager a{display: inline-block;height:36px;width:36px;line-height: 36px;color:#5E6168;font-size: 16px;border-radius: 5px;border:1px solid #AEAEAE;text-decoration: none;margin:0 5px; transition:all ease 0.4s;}
#pager a.cur,
#pager a:hover{color:#fff;background:#2E387B;border-color: #2E387B;}

.rect-news,
.img-news{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rect-news li,
.img-news li{width:32%;height: 0;padding-top: 21%;position:relative;background: #F3F4F6;margin-bottom: 2%;transition:all ease 0.5s;}
.rect-news .item{position: absolute;left:35px;right:35px;top:25px;height:auto;}
.rect-news .time{display:block;color:#999;font-size: 14px;margin-bottom: 1.5em;transition:all ease 0.5s;}
.rect-news h2,
.img-news h2{font-size: 24px;line-height: 1.2em;margin-bottom: 1em;;transition:all ease 0.5s;}
.rect-news p{font-size: 14px;line-height:1.5em ;margin-bottom:1.5em;color:#666;transition:all ease 0.5s;}
.rect-news .textmore,
.img-news .textmore{display: inline-block;font-size:14px;color:#1D3C9A;padding:7px 26px 7px 0px;background:url(../images/right.svg) 90% center no-repeat ; border-radius: 25px; transition:all ease 0.5s;}
.rect-news li:hover,
.img-news li:hover{background:#f17221;}
.rect-news li:hover .time,
.rect-news li:hover h2,
.rect-news li:hover p,
.img-news li:hover h2{color:#fff;}
.rect-news li:hover .textmore,
.img-news li:hover .textmore{background-color:#fff;padding-left:15px;padding-right:30px;}

.img-news li{padding-top: 32%;}
.img-news .imgBox{position:absolute;width:100%;height:0;padding-top:66% ;left:0;top:0;}
.img-news .imgBox img{position:absolute;left:0;width:100%;height: auto;top:50%; transform:translateY(-50%);}
.img-news .imgBox:after{content:'';display: block;width:60px;height:60px;background:url(../images/playbtn.png) center center no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 5;background-size: 100% 100%;}
.img-news .imgBox::before{content:'';display: block;position: absolute;z-index: 1;left:0;right:0;bottom:0;top:0;background:rgba(0, 0, 0 , .1);}
.img-news footer{position:absolute;left:30px;right:30px;bottom:25px;}







.cert-list{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 60px;}
.cert-list li{width:18.5%;height: 0;padding-top: 24%;position:relative;background: #F3F4F6;margin-bottom: 2%;transition:all ease 0.5s;background: var(--3333, linear-gradient(180deg, rgba(243, 244, 246, 0.18) 0%, rgba(221, 224, 231, 0.72) 100%));border:1px solid #1D3C9A;overflow: visible;margin-right:1.5%;margin-bottom: 35px;transition: all ease 0.5s;cursor: pointer;}
.cert-list .certicon{position:absolute;font-size: 52px;color:#fff;left:30px;top:20px;z-index: 10;transition: all ease 0.5s;}
.cert-list .certicon path{stroke-width:1px;stroke:#1D3C9A;transition: all ease 0.5s;}
.cert-list h5{position: absolute;left:30px;right:30px;top:105px;font-size: 20px;line-height: 1.5em;color:#1D3C9A;font-weight: bold;z-index: 10;transition: all ease 0.5s;}
.cert-list .shape::before{content:'';position:absolute;width:90%;height:0;padding-top: 80%;background:url(../images/logoshape.svg) center center no-repeat;background-size:85% auto;transform:rotate(5deg);left:-15%;bottom:-10%;display: block;z-index: 0;;transition: all ease 0.5s;}
.cert-list li::after{content:'';display: block;position:absolute;width:75px;height:75px;background:url(../images/cert-jiao.svg) right bottom no-repeat;right:-2px;bottom:-2px;}
.cert-list .shape{position:absolute;display: block;z-index: 0;left:0;right:0;top:0;bottom:0;overflow: hidden;;}

.cert-list li:hover{background:#1D3C9A;}
.cert-list li:hover .certicon{color: #f17221;}
.cert-list li:hover .certicon path{stroke: none;}
.cert-list li:hover h5{color:#fff;}
.cert-list li:hover .shape::before{width:80%;opacity: 0.2;transform:rotate(15deg); left:-20%;bottom:-15%;}

/* tech produce*/
#maincontent  #videoheader{margin-top: -30px;position: relative;height:0;padding-top: 21%;}
#videoheader .fluid-contaner{position: absolute;z-index: 10;padding-top: 30px;;top:0;left:0;right:0;}
#videobanner{width:100%;position:relative;z-index: 0;top:0;position:absolute;}
#videobanner video{width:100%;height:auto;}
#maincontent  #videoheader::after{content:'';display: block;left:0;right:0;top:0;bottom:0;background:url(../images/bannerbg.png); position: absolute;z-index: 5;opacity: 0.3;}

.imgco-list{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;}
.imgco-list li{width:22.5%;margin-right:3.33%;margin-bottom: 15px;}
.imgco-list li:nth-child(4),
.imgco-list li:nth-child(8),
.imgco-list li:nth-child(12),
.imgco-list li:nth-child(16){margin-right: 0;}
.imgco-list .box{position:relative;width:100%;height:0;padding-top: 65%;margin-bottom: 15px;overflow: hidden;border-radius: 6px;;}
.imgco-list .box img{position:absolute;width:100%;height:auto;left:0;top:50%;transform: translateY(-50%);transition: all ease 0.5s;}
.imgco-list .box:hover img{transform:scale(1.1) translateY(-50%);}
.imgco-list h5{text-align: center;color:#444;line-height:1.5em;height:3em;overflow: hidden;font-weight: normal;font-size: 16px;}

/*works*/
.work_style{text-align: center;margin-bottom: 45px;}
.style{display: inline-block;height:46px;padding:0px 80px 0px 25px;margin:0px 10px;position: inherit;border-radius: 23px;border:1px solid #1D3C9A;position: relative;cursor:default;overflow: visible;z-index: 100;min-width: 180px;text-align: left;}
.style h4{font-size: 16px;color:#999;line-height: 46px;}
.style::after{content:'';display: block;position:absolute;right:18px;top:20px;width:11px;height:8px;background:url(../images/jiao.svg) center center no-repeat;}
.style .option{position:absolute;left:0;right:0;top:102%;height:auto;transition:all ease 0.5s;text-align: left;background:#fff;border-radius: 15px;padding:25px 20px 15px 20px;box-shadow: 5px 5px 30px rgba(0, 0, 0 , .1);font-size:14px;color:#999;opacity: 0;visibility: hidden;top:200%;}
.style .option a{font-size: 18px;line-height: 1.5em;display: block;padding:6px 0px;}
.style:hover{background:#f7f8fa;overflow: visible;}
.style:hover .option{opacity:1;top:102%;visibility: visible;}
.style h4 span.cur{color:#1D3C9A;}

.work-list{margin-bottom: 30px;width:100%;height:0;padding-top: 40%;position: relative;margin-bottom: 40px;;}
.work-list li{position:absolute;height:0;overflow: hidden;}
.work-list li h4{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.4) 100%);padding:30px 20px 15px 20px;font-size: 18px;color:#fff;line-height: 1.4em; position:absolute;left:0;right:0;bottom:0;margin:0;}
.work-list li h4::after{content:'';display: block;position:absolute;right:20px;bottom:18px;width:20px;height:20px;background:url(../images/left-arrow-white.svg) right center no-repeat;z-index: 10;}

.work-list.inview{animation:fadeInUp 1s ease;}

.work-list li img{position:absolute;z-index: 0;height:100%;width:auto;top:50%;left:50%;transform: translate(-50%,-50%); transition: all ease 1s;}
.work-list li:first-child{width:52%;height:0;padding-top:40% ;left:0;top:0;}
.work-list li:nth-child(2){width:calc(48% - 20px);padding-top: 20%;right:0;top:0;}
.work-list li:nth-child(2) img{width:100%;height:auto;}
.work-list li:last-child{bottom:0;right:0;padding-top: calc(20% - 20px);width:calc(24% - 20px);}
.work-list li:nth-child(3){bottom:0;left:calc(52% + 20px);padding-top: calc(20% - 20px);width:calc(24% - 20px);}

.work-list:nth-child(odd) li:nth-child(2){width:52%;height:0;padding-top:40% ;right:0;top:0;}
.work-list:nth-child(odd) li:nth-child(2) img{height:100%;width:auto;}
.work-list:nth-child(odd) li:nth-child(1){width:calc(48% - 20px);padding-top: 20%;left:0;top:0;}
.work-list:nth-child(odd) li:nth-child(1) img{width:100%;height:auto;}
.work-list:nth-child(odd) li:nth-child(3){bottom:0;left:0;padding-top: calc(20% - 20px);width:calc(24% - 20px);}
.work-list:nth-child(odd) li:nth-child(4){bottom:0;right:calc(52% + 20px);padding-top: calc(20% - 20px);width:calc(24% - 20px);}

.work-list li:hover img{transform:translate(-50%,-50%) scale(1.3);transition: all linear 10s;}

/*contact*/
#contact{padding-top:30%;height:0;position:relative;min-height: 420px;}
#contact .mainpanel{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
#map{position:absolute;left:0;right:0;bottom:-35px;top:0;z-index: 0;}
.contact-info{width:40%;min-width:450px;border-radius:5px;background:#fff;color:#444;position: absolute;top: 50%;transform: translateY(-50%); z-index: 10;padding:30px 40px;}
.contact-cell{margin-top: -20px;}
.contact-cell div{line-height:27px;font-size: 16px;color:#444;margin-bottom: 10px; ;}
.contact-cell span{display: block;font-size: 14px;color:#666;}


/*service*/
.strongTitle.green{color:#0FA36A;border-color: #0FA36A;}

#customer{background: url(../images/partbg.png) left top no-repeat,linear-gradient(180deg, #DADFEA 0%, rgba(238, 240, 245, 0.59) 100%);background-size: 100% 100%;padding-top:45px;}

.cus-list{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;}
.cus-list li{width:22.5%;margin-bottom:25px;margin-right:3.333%;border-radius: 15px;background:#fff;box-shadow: 0px 20px 60px 0px rgba(91, 101, 137, 0.25); text-align: center;height:0;padding-top:8% ;position: relative;}
.cus-list li img{position: absolute;left:50%;top:50%;max-width: 80%;max-height: 80%; transform: translate(-50%,-50%);}
.cus-list li:nth-child(4),
.cus-list li:nth-child(8),
.cus-list li:nth-child(12),
.cus-list li:nth-child(16){margin-right: 0;}

#newwork{padding-top: 45px; background:url(../images/netbg.jpg) center top no-repeat;}

#sermap{position:relative;width:100%;padding-top: 85%;height:0;margin:-30px 0px 0px 0px;}
#sermap img,
#sermap svg{position:absolute;left:0;top:0;}

#sermap svg{max-width: 100%;height:auto;}
#sermap svg circle{transform-origin: center center;}
#sermap svg circle:nth-child(odd){animation: alphain linear 1s infinite; }

.serinfo{border-radius: 15px;background:#1D3C9A;padding:30px 55px;color:#fff;width:85%;line-height: 1.5em;position:absolute;right:15px;bottom:20%;}
.serinfo h4{margin-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.17);padding-bottom: 10px;}


.white-wrapper{padding-top:80px;background:#fff;position:relative;}
.imgbox{width:100%;height:0;padding-top: 60%;border-radius: 6px;overflow: hidden;position: relative;;}
.imgbox img{width:100%;height:auto;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.intitle{font-weight: bold;color:#1D3C9A;}
.intitle span{display: block;font-size: 16px;color:#999;font-weight: normal;}

#index-news{padding-bottom:40px;}

#index-news .imgbox{border:0;border-radius:0;}
#index-news .idx-news{border-radius:0px 0px 5px 5px;margin:0;padding-top:40px;}
#index-news .idx-news h5.title a{font-size: 16px;color:#444;}
#index-news .idx-news h5.title a:hover{color:#007bff;}
#index-news .idx-news .btime{left:auto;top:-30px;}


@keyframes ring{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
  }
@keyframes wring{
    0% {transform: translateY(-10px);opacity: 0;}
    50%{transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(10px);opacity: 0;}
  }

  @keyframes izoomin{
    from {transform:scale(1);}
    to {transform:scale(2);}
  }
  @keyframes izoomin2{
    from {transform:scale(1);}
    to {transform:scale(1.4);}
  }
  @keyframes alphain{
    0% {opacity: 0.05;}
    50% {opacity: 0.3;}
    100% {opacity: 0.05;}
  }
  @keyframes clipshow{
    0% {height: 0;}
    100% {height: 428px;}
  }


@media only screen and (max-width: 1024px) {
    
}