@charset "utf-8";/* CSS Document */
html, body{margin:0;padding:0;line-height:1.4;font-weight:400;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:none;}
ul, li{list-style:none;}
.pointer{cursor:pointer;}
.nav-header{height:90px;z-index:101;position:relative;transition:all 0.3s;}
.nav-header.homenav{height:0;}
.nav-header.homenav .nav-hader-content::after{display:none;content:"";position:absolute;left:0;top:100%;width:100%;height:100%;opacity:0;z-index:4;}
.nav-header.pagenav.isall{height:0;}
.nav-header.pagenav .nav-hader-content{border-bottom:1px solid #ebebeb;background-color:#FFFFFF;}
.nav-header.pagenav .nav-hader-content .op-nav .opul .opli a{color:#222222;}
.nav-header.pagenav .nav-hader-content .fullanv .nav-more .buttons{border-left:1px solid #ebebeb;}
.nav-header.pagenav .nav-hader-content .fullanv .nav-more .buttons .buline-box.active .lines{background-color:#FFFFFF;}
.nav-header.pagenav .nav-hader-content .fullanv .nav-more .buttons .lines{background-color:#0067be;}
.nav-header.ondown{opacity:0;}
.nav-header.hohow{opacity:1;}
.nav-header.hohow .nav-hader-content{border-bottom:1px solid #ebebeb;background-color:#FFFFFF;}
.nav-header.hohow .nav-hader-content .op-nav .opul .opli a{color:#222222;}
.nav-header.hohow .nav-hader-content .fullanv .nav-more .buttons{border-left:1px solid #ebebeb;}
.nav-header.hohow .nav-hader-content .fullanv .nav-more .buttons .buline-box.active .lines{background-color:#FFFFFF;}
.nav-header.hohow .nav-hader-content .fullanv .nav-more .buttons .lines{background-color:#0067be;}
.nav-header .nav-hader-content{width:100%;height:90px;position:fixed;top:0;left:0;background-color:transparent;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255, 255, 255, 0.2);box-sizing:border-box;}
.nav-header .nav-hader-content.oshownav{background-color:#0067be;}
.nav-header .nav-hader-content .logo{z-index:5;padding:0 0 0 60px;}
.nav-header .nav-hader-content .logo .toplogo{height:30px;}
.nav-header .nav-hader-content .op-nav{z-index:5;flex:1;}
.nav-header .nav-hader-content .op-nav .opul{display:flex;justify-content:flex-end;height:100%;}
.nav-header .nav-hader-content .op-nav .opul .opli{height:100%;margin:0 30px 0 20px;position:relative;}
.nav-header .nav-hader-content .op-nav .opul .opli a{color:#FFFFFF; font-size:16px; height:100%;}
.nav-header .nav-hader-content .op-nav .opul .opli .dbox{height:100%;}
.nav-header .nav-hader-content .op-nav .opul .opli:hover .dbox a{color:#0067be;}
.nav-header .nav-hader-content .op-nav .opul .opli.active .dbox a{color:#0067be;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box{position:fixed;left:0;top:90px;width:100%;height:0;background-color:#f5f5f5;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box.active{height:110px;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box:hover{height:110px;opacity:1;visibility:visible;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box .opli-box-a{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;margin:0 25px;color:#222222;transition:0.5s all ease;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box .opli-box-a span{font-size:14px;color:#222222;line-height:22px;transition:0.5s all ease;}

.nav-header .nav-hader-content .op-nav .opul .opli .opli-box .opli-box-a:hover span{color:#0067be;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box .opli-box-a:hover .ibox .ii{transform:translateX(-50px);filter:drop-shadow(50px 0 #0067be);-webkit-backdrop-filter:drop-shadow(50px 0 #0067be);-webkit-filter:drop-shadow(50px 0 #0067be);}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box .opli-box-a .ibox{height:40px;line-height:40px;overflow:hidden;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box a i{font-size:36px;color:#CCCCCC;transition:0.5s all ease;}
.nav-header .nav-hader-content .op-nav .opul .opli .opli-box a:hover i{color:#0067be;}

.nav-header .nav-hader-content .fullanv{z-index:5;display:flex;}
.nav-header .nav-hader-content .fullanv .nav-more .buttons{height:100%;width:70px;border:1px solid transparent;}
.nav-header .nav-hader-content .fullanv .nav-more .buttons.active{width:150px;border-left:1px solid #0067be;}
.nav-header .nav-hader-content .fullanv .nav-more .buttons .lines{background-color:#FFFFFF;}
.nav-header .nav-hader-content .fullanv .nav-more .showbox{position:absolute;left:0;top:90px;width:100%;height:0;background-color:#fff;}
.nav-header .nav-hader-content .fullanv .nav-more .showbox.active{height:calc(100vh - 90px);}
.nav-header .nav-hader-content .fullanv .nav-more .showbox.active .container{opacity:1;visibility:visible;}
.nav-header .nav-hader-content .fullanv .nav-more .showbox .container{opacity:0;visibility:hidden;}
.full-list{width:100%; margin-top:30px;}
.full-list li{float:left;width:25%;padding:0 40px;padding-bottom:30px;min-height:350px;border-left:1px solid #e3e3e3;}
.full-list li:nth-child(4){border-right:1px solid #e3e3e3;}
.full-list li:nth-child(5),
.full-list li:nth-child(6){display:none;}

.full-list li h1{padding-bottom:24px;font-size:24px;border-bottom:1px solid #e3e3e3;font-weight:500;display:flex;}
.full-list .divst{padding-top:10px;}
.full-list .divst a{display:block; height:30px; line-height:30px; font-size:16px;position:relative;padding-left:10px;}
.full-list .divst a:before{content:'';display:block;width:4px;height:4px;background:#cccccc;border-radius:50%; position:absolute;left:0; top:50%;}
.full-list i{display:none;}


.navhide{display:block;}
.navshow {display:none;}
.oshownav .navhide{display:none;}
.oshownav .navshow{display:block;}
.flex-center{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.sshow{display:none;}
.container.w1400{max-width:1400px; height:100%;}
.container{width:92%;margin:0 auto;padding:0;max-width:1200px;position:relative;}

.opli-box{opacity:0;visibility:hidden;transition:all 0.3s;}
.opli-box.active {opacity:1;visibility:visible;}
.opli .bot-line{position:absolute;content:"";width:0;overflow:hidden;height:4px;left:50%;bottom:-1px;transform:translate(-50%, 0);background:#0067be;border-radius:2px;}
.opli:hover .bot-line,.opli.active .bot-line {width:100%;}
.buline-box{cursor:pointer;width:30px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;}
.buline-box.active .lines{background-color:#FFFFFF;}
.buline-box.active .line1{transform:translateY(10px) rotate(-45deg);}
.buline-box.active .line3{transform:translateY(-12px) rotate(45deg);}
.buline-box.active .line2{width:0;}
.buline-box .lines{margin:4px 0;height:3px;border-radius:1px;background-color:#0067be;transition:all 0.3s;}
.buline-box .line1{width:30px;}
.buline-box .line2{width:24px;}
.buline-box .line3{width:30px;}

.opendnav{position:relative;top: -8px;width:55px;height:20px;padding:5px;cursor:pointer;}
.opendnav i{font-size:24px; color:#999999;}
.opendnav i{margin:0px 4px;-webkit-transition:0.5s all ease;-webkit-transform-origin:center center;-moz-transition:0.5s all ease;-moz-transform-origin:center center;-ms-transition:0.5s all ease;-ms-transform-origin:center center;transition:0.5s all ease;transform-origin:center center;-o-transition:0.5s all ease;-o-transform-origin:center center;}
.opendnav.active i{color:#0067be;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}


.flex-center{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.flex-align{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.flex-tit{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.flex-mtit{padding-left:8px;}
.lr-tb {display:flex;}
.oshownav .navhide {display:none;}
/**动画时间****/
.time1{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.time2{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.time3{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

@media only screen and (max-width:1200px){
.nav-header{height:auto;background-color:#FFF;}
.nav-header .nav-hader-content{ background-color:#ffffff;height:50px;}
.nav-header .nav-hader-content .logo {padding:20px 0 0 5px; height:25px;}
.nav-header .nav-hader-content .logo .toplogo {height:25px;}
.nav-header .nav-hader-content .op-nav{display:none;}
.nav-header .nav-hader-content .fullanv .nav-more .buttons .lines{background-color:#0067be;}
.nav-header .nav-hader-content .fullanv .nav-more .showbox{top:50px;}
.nav-header .nav-hader-content .fullanv{display:flex;}
.nav-header .nav-hader-content .fullanv .nav-more .buttons.active{width:90px;}
.nav-header .nav-hader-content .fullanv .nav-more .showbox.active{height:calc(100vh);}
.full-list{ margin-top:15px;}
.full-list li{float:none;width:100%;height:100%;min-height:0px;border-bottom:1px solid #e3e3e3;padding:0 30px;padding-top:18px;padding-bottom:10px;border:none;border-bottom:1px solid #e3e3e3;}
.full-list li h1{ margin:0; padding:0; height:35px;line-height:35px;font-size:20px;border:none;display:block;}
.full-list li:last-child{border-right:0;}
.full-list li:nth-child(5),
.full-list li:nth-child(6){display:block;}

.full-list i{display:block;}
.full-list .butlist .divst{height:auto;display:none;transition:0.5s all ease;}
.full-list .butlist.active a{color:#0067be;}
.full-list .butlist.active .divst{ display:inline-block;}
.full-list .butlist.active .divst a{color:#555555;}
 
.full-list .butlist{cursor:pointer;}
.full-list li .hicon{float:right;display:inline-block;text-align:center; cursor:pointer; width:30px; height:30px; overflow:hidden;}
.full-list li .hicon i{font-size:28px;-webkit-transition:0.3s all ease;-webkit-transform-origin:center center;-moz-transition:0.3s all ease;-moz-transform-origin:center center;-ms-transition:0.3s all ease;-ms-transform-origin:center center;transition:0.3s all ease;transform-origin:center center;-o-transition:0.3s all ease;-o-transform-origin:center center;}
.full-list li.active .hicon i{color:#0067be;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
}