html,body{width:100%;height:100%;overflow: hidden;}

/*头部*/
header{position: fixed;width:100%;z-index:999;-webkit-transition:all 0.8s;transition: all 0.8s;background:rgba(0,96,173,0);border-bottom: 1px solid rgba(255,255,255,.2);}
header:hover{background:rgba(0,0,0,.3);}
header .con{padding:0px;margin:0px auto;height:100px;position: relative;}
header .con .nav_left{width:360px;position: absolute;left:30px;top:0px;height:100%;}
header .con .logo{float:left;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left;text-align:left;font-size:0px;overflow: hidden;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;}
header .con .logo img{width:100%;display:block;}

header .con .nav{height:100%;padding:0px 320px;}
header .con .nav ul{height:100%;text-align: center;display:flex;display:-webkit-flex;flex-wrap: nowrap;justify-content: center;}
header .con .nav ul li{display:inline-block;height:100%;position: relative;margin:0px 15px;}
header .con .nav ul li > a{color:#fff;display: inline-block;font-size:18px;position: relative;height:100%;line-height:100%;display:flex;-webkit-display:flex;align-items:center;-webkit-align-items:center;animation-duration:0.5s;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;}
header .con .nav ul li > a:hover{color:#ff7019;}

header .con .nav ul li.on > a{color:#ff7019;;}
header .con .nav ul li.on > a:hover{color:#ff7019;}

header .con .nav ul li.on::after{content:"";width:100%;border-bottom:2px solid #ff7019;position: absolute;left:50%;bottom:-1px;transform:translate(-50%,0px);}
header .con .nav ul li::after{content:"";width:0%;border-bottom:2px solid #ff7019;position: absolute;left:50%;bottom:-1px;transition:all 0.5s;-webkit-transition:all 0.5s;transform:translate(-50%,0px);}
header .con .nav ul li:hover::after{width:100%;}

header .con .nav ul li:hover a{color:#ff7019;}
header .con .nav ul li:last-child::after{display:none;}
header .con .nav ul li:last-child:hover::after{display:none;}
header .con .nav ul li .indexNav{display:block;width:18px;overflow:hidden;cursor: pointer;height:100%;display:flex;display: -webkit-flex;align-items:center;align-content: center;flex-wrap: wrap;}
header .con .nav ul li .indexNav span{display:block; width:18px; height:2px;background: #f69625;margin:2px 0px;transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}
header .con .nav ul li .indexNav span:nth-child(1){margin-top:2px;}
header .con .nav ul li .indexNav span:nth-child(2){width:14px;}
header .con .nav ul li .indexNav:hover span:nth-child(2){width:18px;}

header .con .nav ul li .showbox{position: absolute;width:130px;left:50%; top:101px;box-sizing: border-box;-webkit-box-sizing: border-box;height:auto;text-align:left;display:none;background: rgba(0,0,0,.5);transform: translate(-50%,0px);}
header .con .nav ul li .showbox dl{width:100%;display: inline-block; vertical-align: top; padding:0px;margin-right:2%;}
header .con .nav ul li .showbox dl dt{width:100%;overflow:hidden;}
header .con .nav ul li .showbox dl dt a{width:100%;height:38px;line-height:38px;overflow: hidden;text-align:center;color:#dcdcdc;display:block;padding:0px;margin:0px;font-size:14px;}
header .con .nav ul li .showbox dl dt a:hover{background:#FF7019;color:#fff;}
header .con .nav ul li .showbox dl dd{width:100%;overflow:hidden;}
header .con .nav ul li .showbox dl dd a{width:100%;height:38px;line-height:38px;overflow: hidden;text-align:center;color:#dcdcdc;display:block;padding:0px;margin:0px;font-size:14px;}
header .con .nav ul li .showbox dl dd a:hover{background:#FF7019;color:#fff;}

header .con .nav ul li:last-child{flex-shrink:0px;width:18px;}
header .con .nav ul li:last-child{margin:0px;padding:0px;}

header .con .nav_right{width:320px;position:absolute;right:30px;top:0px;}

header .con .tb_pls{float: left;height:100px;padding-top:15px;padding-right:10px;}
header .con .tb_pls a{display:block;}
header .con .tb_pls img{height:70px;}

header .con .search{float:left;height:100px;line-height:100px;position:relative;width:30px;margin-left:30px;}
header .con .search .searchbox{width:0px;float: left;overflow: hidden;position:absolute;left:0px;display:block;z-index:999;}
header .con .search .searchbox.on{animation:myww 0.3s forwards;-webkit-animation:myww 0.3s forwards;transform-origin:left center;}

@keyframes myww { 0%{width:0px;transform: scale3d(0, 0, 0);} 100%{width:300px;transform: scale3d(1, 1, 1);} }
@-webkit-keyframes myww {0%{width:0px;} 100%{width:300px;transform: scale3d(1, 1, 1);}}

header .con .search .searchbox .input{width:100%;height:50px;border:1px solid #DDDDDD;padding:0px 20px;padding-left:40px;box-sizing: border-box;-webkit-box-sizing: border-box;font-size:16px;}
header .con .search .searchbox .btn{width:50px;height:50px;position: absolute;left:0px;top:25px;border:0px;background: transparent;font-family:'iconfont' !important;font-size:20px;cursor: pointer;}
header .con .search .searchbtn{font-family:'iconfont' !important;color:#fff;font-size:22px;cursor: pointer;font-weight:100;}
header .con .search .searchbtn i{font-style:normal;}
header .con .search .searchbtn.red i{color:#BF0008;}
header .con .user{float:right;font-size:16px;color:#fff;text-align:center;display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;height:100px;width:100px;align-content:center;}
header .con .user p{width:100%;overflow: hidden;line-height:25px;}
header .con .user span{padding:0px 10px;}
header .con .user a{color:#fff;text-transform: uppercase;}
header .con .user a:hover{color:#ff7019}
header .con .user a.active{color:#ff7019}

header .con .nav ul li:nth-child(1) > a{animation-delay:0s;}
header .con .nav ul li:nth-child(2) > a{animation-delay:0.1s;}
header .con .nav ul li:nth-child(3) > a{animation-delay:0.2s;}
header .con .nav ul li:nth-child(4) > a{animation-delay:0.3s;}
header .con .nav ul li:nth-child(5) > a{animation-delay:0.4s;}
header .con .nav ul li:nth-child(6) > a{animation-delay:0.5s;}
header .con .nav ul li:nth-child(7) > a{animation-delay:0.6s;}


.index_nav_con{position:fixed;left:0px;top:101px;width:100%;height:calc(100% - 101px);height:-webkit-calc(100% - 101px);background:rgba(0,0,0,.8);color:#fff;display:none;}
.index_nav_con ul{width:100%;height:100%;overflow: hidden;}
.index_nav_con ul li{width:20%;overflow: hidden;height:100%;border-right: 1px solid rgba(255,255,255,.2);float: left;box-sizing:border-box;-webkit-box-sizing:border-box;padding:35px;}
.index_nav_con ul li .tt{width:100%;overflow: hidden;font-size:24px;}
.index_nav_con ul li .cc{width:100%;overflow: hidden;padding-top:20px;}
.index_nav_con ul li .cc a{display:block;width:100%;height:35px;line-height:35px;color:#fff;font-size:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_nav_con ul li .cc a:hover{color:#FF7019;}
.index_nav_con .close{display:block;width:40px;height:40px;color:#fff;position:absolute;right:10px;top:10px;font-family:'iconfont' !important;font-size:20px;border-radius:100%;text-align: center;line-height:40px;}


header.on1{background:rgba(0,0,0,.8);}
header.on1:hover{background:rgba(0,0,0,.8);}

header.on.on1{background:rgba(0,0,0,.8);}
header.on.on1:hover{background:rgba(0,0,0,.8);}

header.on{background:#0060AD;border-bottom: 1px solid rgba(255,255,255,.2);}
header.on:hover{background:#0060AD;}
header.on .con .nav ul li > a{color:#fff;}
header.on .con .search .searchbtn{color:#fff;}
header.on .con .user{color:#fff;}
header.on .con .user a{color:#fff;}
header.on .con .user a.active{color:#ff7019}

.mainer{width:100%;height:100%;overflow: hidden;position: relative;background:#1B3373;}
.videobg{width:100%;height:100%;object-fit:fill;-webkit-object-fit:fill;}

/* .registerbox{width:750px;overflow: hidden;position: absolute;left:50%;top:50%;z-index:99;transform:translate(-50%,-50%);}
.registerbox .tit{width:100%;overflow: hidden;text-align:center;margin-bottom:20px;}
.registerbox .tit h2{font-size:30px;color:#fff;letter-spacing:2px;font-weight:500;}
.registerbox .con{width:100%;overflow: hidden;border-radius:10px;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;padding:60px;}
.registerbox .con ul{width:100%;overflow: hidden;}
.registerbox .con ul li{width:100%;overflow:hidden;position: relative;margin-bottom:30px;}
.registerbox .con ul li span{width:100px;height:50px;overflow:hidden;position: absolute;left:0px;top:0px;line-height:50px;font-size:16px;}
.registerbox .con ul li span font{color:red;}
.registerbox .con ul li div{padding-left:110px;overflow: hidden;position: relative;font-size:14px;}
.registerbox .con ul li div .input{width:100%;height:50px;line-height:50px;border:1px solid #BFBFBF;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0px 20px;}
.registerbox .con ul li div .input1{width:calc(100% - 180px);height:50px;border:1px solid #BFBFBF;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0px 20px;}
.registerbox .con ul li div .code{width:180px;height:52px;display: block;position: absolute;right:0px;top:0px;background:#BFBFBF;color:#fff;text-align: center;line-height:52px;}
.registerbox .con ul li div .recode{color:#0060AD;}
.registerbox .con ul li div .recode:hover{color:#0060AD;text-decoration:underline;}
.registerbox .con ul li div label{vertical-align:middle;}
.registerbox .con ul li div .chk{margin-right:10px;}
.registerbox .con ul li div label a{color:#0060AD;}
.registerbox .con ul li div label a:hover{color:#0060AD;text-decoration:underline;}
.registerbox .con ul li div .btn{width:50%;height:52px;line-height:52px;border:0px;padding:0px;background:#BFBFBF;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;}
.registerbox .con ul li:nth-child(3){margin-bottom:20px;}
.registerbox .con .tag{width:100%;border:1px solid #BFBFBF;border-radius:5px;padding:15px;box-sizing:border-box;-webkit-box-sizing: border-box;position:relative;font-size:14px;}
.registerbox .con .tag .pic{width:30px;position:absolute;left:15px;top:15px;font-family:'iconfont' !important;font-size:20px;line-height:30px;color:#4EBFEA;}
.registerbox .con .tag p{padding-left:30px;overflow: hidden;color:#666666;line-height:30px;} */

.registerbox{width:400px;overflow: hidden;position: absolute;left:50%;top:50%;z-index:99;margin-left:-225px;margin-top:-265px;}
.registerbox .tit{width:100%;overflow: hidden;text-align:center;margin-bottom:10px;}
.registerbox .tit h2{font-size:30px;color:#fff;letter-spacing:2px;font-weight:500;}
.registerbox .con{width:100%;overflow: hidden;border-radius:5px;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;padding:50px 40px;padding-top:40px;padding-bottom:0px;position: relative;}
.registerbox .con .tab_code{background:url("../images/login_tab_code.png") no-repeat center top;position:absolute;right:10px;top:10px;width:70px;height:70px;background-size:cover;}
.registerbox .con .tab_login{background:url("../images/login_tab_login.png") no-repeat center top;position:absolute;right:10px;top:10px;width:70px;height:70px;background-size:cover;}

.registerbox .con ul{width:100%;overflow: hidden;}
.registerbox .con ul li{width:100%;overflow:hidden;position: relative;margin-bottom:15px;}
.registerbox .con ul li .input{width:100%;height:40px;line-height:40px;border:1px solid #BFBFBF;float: left;font-size:15px;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0px 15px;margin:0px;}
.registerbox .con ul li .input::-webkit-input-placeholder {color:#aab2bd;}

.registerbox .con ul li .btn{width:100%;height:52px;line-height:52px;border:0px;padding:0px;background:#0060AD;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:2px;}

.registerbox .con ul li .tis{position: absolute;right:0px;width:auto;color: #999;height:100%;}
.registerbox .con ul li .tis span{padding-right:10px;}
.registerbox .con ul li .tis img{height:30px;margin-top:0px;margin-right:5px;}
.registerbox .con ul li .tis .btn{height:100%;line-height:100%;border-radius:0px;padding:0px 10px;font-size:14px;}

.registerbox .con ul li div{width:100%;overflow: hidden;line-height:40px;font-size:13px;color:#666;}
.registerbox .con ul li div a.r{color:#999;float: right;}
.registerbox .con ul li div a.r:hover{text-decoration: underline;color:#0060AD;}
.registerbox .con ul li div label .chk{margin-right:10px;vertical-align:middle;}
.registerbox .con ul li div span{float: left;}
.registerbox .con ul li div span.r{float: right;}
.registerbox .con ul li div span.r a{color:#0060AD;}
.registerbox .con ul li div span.r a:hover{text-decoration: underline;}
.registerbox .con ul li:last-child div{padding-top:5px;}

.registerbox .con .wecode{width:100%;overflow: hidden;padding-bottom:20px;}
.registerbox .con .wecode .bt{width:100%;overflow:hidden;text-align:center;font-size:18px;}
.registerbox .con .wecode .tp{width:100%;padding:40px 0px;text-align: center;}
.registerbox .con .wecode .tp img{height:180px;padding:5px;border:1px solid #eee;}
.registerbox .con .wecode .tt{width:100%;overflow: hidden;font-size:13px;color:#999;}
.registerbox .con .wecode .tt span{float: left;}
.registerbox .con .wecode .tt span.r{float: right;}
.registerbox .con .wecode .tt span.r a{color:#0060AD;}
.registerbox .con .wecode .tt span.r a:hover{text-decoration: underline;}



.loginbox{width:400px;overflow: hidden;position: absolute;left:50%;top:50%;z-index:99;margin-left:-225px;margin-top:-200px;}
.loginbox .tit{width:100%;overflow: hidden;text-align:center;margin-bottom:20px;}
.loginbox .tit h2{font-size:30px;color:#fff;letter-spacing:2px;font-weight:500;}
.loginbox .con{width:100%;overflow: hidden;border-radius:5px;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;padding:50px 50px;padding-top:50px;padding-bottom:10px;position: relative;}
.loginbox .con .tab_code{background:url("../images/login_tab_code.png") no-repeat center top;position:absolute;right:10px;top:10px;width:70px;height:70px;background-size:cover;}
.loginbox .con .tab_login{background:url("../images/login_tab_login.png") no-repeat center top;position:absolute;right:10px;top:10px;width:70px;height:70px;background-size:cover;}

.loginbox .con ul{width:100%;overflow: hidden;}
.loginbox .con ul li{width:100%;overflow:hidden;position: relative;}
.loginbox .con ul li .input{width:100%;height:45px;line-height:45px;border:1px solid #BFBFBF;float: left;font-size:15px;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0px 15px;margin:0px;}
.loginbox .con ul li .input::-webkit-input-placeholder {color:#aab2bd;}
.loginbox .con ul li:first-child{margin-bottom:20px;}

.loginbox .con ul li .btn{width:100%;height:52px;line-height:52px;border:0px;padding:0px;background:#0060AD;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:2px;}

.loginbox .con ul li div{width:100%;overflow: hidden;line-height:40px;font-size:13px;color:#666;}
.loginbox .con ul li div a.r{color:#999;float: right;}
.loginbox .con ul li div a.r:hover{text-decoration: underline;color:#0060AD;}
.loginbox .con ul li div label .chk{margin-right:10px;vertical-align:middle;}
.loginbox .con ul li div span{float: left;}
.loginbox .con ul li div span.r{float: right;}
.loginbox .con ul li div span.r a{color:#0060AD;}
.loginbox .con ul li div span.r a:hover{text-decoration: underline;}
.loginbox .con ul li:last-child div{padding-top:5px;}

.loginbox .con .wecode{width:100%;overflow: hidden;padding-bottom:20px;}
.loginbox .con .wecode .bt{width:100%;overflow:hidden;text-align:center;font-size:18px;}
.loginbox .con .wecode .tp{width:100%;padding:40px 0px;text-align: center;}
.loginbox .con .wecode .tp img{height:180px;padding:5px;border:1px solid #eee;}
.loginbox .con .wecode .tt{width:100%;overflow: hidden;font-size:13px;color:#999;}
.loginbox .con .wecode .tt span{float: left;}
.loginbox .con .wecode .tt span.r{float: right;}
.loginbox .con .wecode .tt span.r a{color:#0060AD;}
.loginbox .con .wecode .tt span.r a:hover{text-decoration: underline;}

.loginbox .fast{width:80%;overflow: hidden;display: flex;margin:0px auto;justify-content: space-between;text-align:center;margin-top:10px;}
.loginbox .fast a{line-height:40px;font-size:14px;}
.loginbox .fast a span{display:block;font-family:'iconfont' !important;width:50px;height:50px;border-radius:50px;text-align:center;line-height:50px;font-size:25px;color:#fff;}
.loginbox .fast a:nth-child(1) span{background:#60BB89;}
.loginbox .fast a:nth-child(2) span{background:#2599E3;}
.loginbox .fast a:nth-child(3) span{background:#14C563;font-size:27px;}

/*底部*/
footer{width:100%;overflow: hidden;background-color:rgba(20,20,20,0.7);height:90px;text-align:left;color:#fff;position: absolute;left:0px;bottom:0px;display:flex;align-items:center;justify-content: center;flex-wrap: wrap;text-align: center;align-content:center;}
footer p{width:100%;overflow:hidden;line-height:32px;font-size:15px;}
footer a{color:#fff;}
footer a:hover{text-decoration:underline;color:#fff;}


/*图标*/
@font-face {
    font-family:'iconfont';
    src:url('font/iconfont.eot');
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('font/iconfont.woff') format('woff'),
    url('font/iconfont.ttf') format('truetype'),
    url('font/iconfont.svg#iconfont') format('svg');
  }