@charset "utf-8";
*{margin:0; padding:0; border:0;}
a{text-decoration:none;}
li{list-style:none;}

html,body{width:100%; height:100%;font-family:"Microsoft YaHei"; overflow:hidden;}
input[type="submit"],select,input[type="button"],input[type="reset"],input[type="date"]{-webkit-appearance: none;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {border-color: #96CCED;background: #E9F5FC !important;color: #1477B4;}
input::-webkit-input-placeholder{ color:#fff;}


.body{width:100%; height:100%; background: url(../images/body.png) no-repeat top center; background-size: 100% 100%; position:relative;}


.bxytop{ width:1020px; height:94px; margin:0 auto;padding-top:15px; position:absolute; z-index:4; left:0; right:0;}
.bxytopz{ float:left;}
.bxytopz img{ width:270px; height:auto;}
.bxynav{ float:right;}
.bxynav ul{ width:auto; height:30px; margin-top:16px; border-bottom:1px solid #8a8a8a;}
.bxynav li{ float:left; height:29px; position:relative;}
.bxynav li a{ color:#fff; padding:0 12px; font-size:12px; }
.bxynav li:hover{ border-bottom:3px solid #d62b24;}
.bxynav li a:hover{ color: #d62b24;}
.bxynav .li{ border-bottom:3px solid #d62b24;}
.bxynav .li a{ color: #d62b24;}
.bxynav dl{ position:absolute; left:-20%; top:32px; width:140%; overflow:hidden; background:#004990; display:none;}
.bxynav dl dd{ width:100%; overflow:hidden; margin-top:5px; margin-bottom:5px; text-align:center;}
.bxynav dl dd a{ color:#009ad6;}
.bxynav dl dd a:hover{ color:#688e00;}
.bxynav dl dd:first-child{ padding-top:5px;}
.bxynav dl dd:last-child{ padding-bottom:5px;}
.bxynav li:hover dl{ display:block;}


.bxya{ width:880px; height:100px; margin:0 auto; position:absolute; left:0; right:0; top:105px; z-index:1;}
.bxya b{ color:#fff; font-size: 28px; position:absolute; left:0; top:0;}
.bxya span{ color:#0080ff; font-size: 12px; position:absolute; left:120px; top:4px;}
.bxya strong{ color:#ec322a; font-size: 12px; position:absolute; left:120px; top:21px; font-weight:normal;}
.bxya p{ color:#6f8193; font-size: 12px; position:absolute; left:0px; top:40px;}


.bxyb{ width:950px; height:580px; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index:3;}
.bxybz{ float:left; width:350px; height:92%; margin-top:8%; position:relative;}
.bxybz ul{ position: absolute;top: 50%;-webkit-transform: translate(0, -50%);}
.bxybz li{ padding-left:33px; height:40px; margin-bottom:70px; cursor:pointer;}
.bxybz li span{ display:block; color:#fff; font-size:22px; line-height:22px;}
.bxybz li p{ color:#6f8193; font-size: 12px; margin-top:3px;}
.bxybz li.on{ padding-left:28px; border-left:5px solid #ec322a;}


.bxyby{ float:right; color:#fff; width:600px; height:92%; margin-top:8%; position:relative;}
.bxyx{ width:470px; height:470px; position: absolute; top: 0%;right: 0; background:url(../images/bxyx1.png) no-repeat center center;}
.bxyx ul{ width:100%; height:100%; position:relative;}
.bxyx li{ width:110px; height:110px; text-align:center; border-radius:100%; background:rgba(34,57,88,0.6); position:relative;}
.bxyx li:hover{ background:#0068b7;}
.bxyx li .lin{ width:70%; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bxyx li .lin b{ display:block; font-size:16px;}
.bxyx li .lin p{ font-size:12px; display:none;}
.bxyx li a{ color:#fff; display:block; width:100%; height:100%;}
.bxyx .li1{ position:absolute; left:175px; top:-28px; z-index:1}
.bxyx .li2{ position:absolute; right:-5px; top:70px; z-index:1}
.bxyx .li3{ position:absolute; right:-5px; bottom:70px; z-index:1}
.bxyx .li4{ position:absolute; left:175px; bottom:-28px; z-index:1}
.bxyx .li5{ position:absolute; left:-5px; bottom:70px; z-index:1}
.bxyx .li6{ position:absolute; left:-5px; top:70px; z-index:1}
.bxyx .li7{ position:absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); text-align:center; width:65%;}
.bxyx .li7 span{background: linear-gradient(to right, #3cbae6, #7583fa);-webkit-background-clip: text;color: transparent; font-size:36px; font-weight:bold; display:block; line-height:36px; text-transform:uppercase;}
.bxyx .li7 p{ font-size:14px; margin-top:10px;}
.bxyx dl{ display:none;}
.bxyx li:hover dl{ display:block;}
.bxyx dd{ width:80px; height:80px; border-radius:100%; background:#fff; border:2px solid #001127;}
.bxyx dd .ddn{ width:81px; height:81px; position:relative; border-radius:100%;}
.bxyx dd .ddn img{ width:100%; height:100%; border-radius:50%;}
.bxyx dd .ddn p{width:70%; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); text-align:center; font-size:12px; display:none;}
.bxyx dd:hover p{ display:block;}
.bxyx dd .ddn:hover{ background:rgba(34,57,88,0.9); }
.bxyx .dd1{ position:absolute; left:12px; top:-88px; z-index:1}
.bxyx .dd2{ position:absolute; left:92px; top:-52px; z-index:1}
.bxyx .dd3{ position:absolute; left:110px; top:32px; z-index:1}
.bxyx .dd4{ position:absolute; left:58px; top:101px; z-index:1}
.bxyx .dd5{ position:absolute; left:-30px; top:101px; z-index:1}
.bxyx .dd6{ position:absolute; left:-85px; top:32px; z-index:1}
.bxyx .dd7{ position:absolute; left:-65px; top:-52px; z-index:1}



.bxyc{ width:100%; overflow:hidden; text-align:center; position:absolute; bottom:10px; z-index:3;}
.bxyc a{ color:#fff; font-size:12px;}
.bxyc a:hover{ text-decoration:underline;}