@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"font1","微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;min-width: 1400px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
@font-face {
	        font-family:font1;
	        src: url("../images/YOUSHEBIAOTIHEI-2.TTF");
        }
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.bj{min-height: 100vh;background: url(../images/bj1.png)  no-repeat center top #031233;background-size: 100% 100%;}
.wznr_title{text-align: center;position: relative;}
.wznr_title h2{/* font-weight: bold; */ font-size: .54rem; line-height: 1.04rem;background: -webkit-linear-gradient(180deg, #f0f8ff, #a5d6ff);
  background: linear-gradient(180deg, #f0f8ff, #a5d6ff);
  -webkit-background-clip: text;display: inline-block;
  background-clip: text;
  color: transparent;letter-spacing: .1rem;}
.logo{position: absolute; /* width: 3.7rem; */ top: .2rem; left: .3rem; height: 0.84rem;}
.logo img{/* width: 100%; */height: 0.6rem;margin-top: 0.12rem;}
.wznr_title p{letter-spacing: .1rem;position: absolute; font-size: .28rem; right: .6rem; top: .5rem; color: #fff;/* font-weight: bold; */}

.gnxq{}
.gnxq_titlt ul{overflow: hidden; padding: 1.25rem 1.4rem 0 1.4rem;}
.gnxq_titlt li{float: left; width: 25%;cursor: pointer;}
.xqbox{padding-bottom: .45rem;}
.xqzz{background: url(../images/d1.png);width: 3.48rem;height: 4.51rem;background-size: 100% 100%; margin: 0 auto;}
.xqzz span{display: block; position: relative; height: 3.3rem;}
.xqzz img{width: 1.7rem; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);opacity: .7;}
.xqzz p{text-align: center; font-size: .36rem; color: #d1e1ff;font-style: italic;font-family: font1;}
.gnxq li.cur .xqbox{background: url(../images/d3.png) no-repeat center bottom;background-size: .62rem .5rem;}
.gnxq li.cur .xqzz{background: url(../images/d2.png);background-size: 100% 100%;}
.gnxq{position: relative;}
.gnxq li.cur img{opacity: 1;}

.gnxqa{display: none;}
.gnxqa ul{overflow: hidden; padding: 0rem 1.4rem 0 1.4rem;}
.gnxqa li{float: left; width: 12.5%;}
.gnxqa ul li:nth-child(1){ animation:fadeInLeft .6s 1;}
.gnxqa ul li:nth-child(2){ animation:fadeInLeft .8s 1;}
.gnxqa ul li:nth-child(3){ animation:fadeInLeft 1s 1;}
.gnxqa ul li:nth-child(4){ animation:fadeInLeft 1.2s 1;}
.gnxqa ul li:nth-child(5){ animation:fadeInLeft 1.4s 1;}
.gnxqa ul li:nth-child(6){ animation:fadeInRight 1.4s 1;}
.gnxqa ul li:nth-child(7){ animation:fadeInRight 1.2s 1;}
.gnxqa ul li:nth-child(8){ animation:fadeInRight 1s 1;}
.gnxqa ul li:nth-child(9){ animation:fadeInRight .8s 1;}
.gnxqa ul li:nth-child(10){ animation:fadeInRight .6s 1;}
.gnxqa span{display: block; width: 1.37rem;height: 1.37rem; position: relative; margin: 0 auto;}
.gnxqa span img{position: absolute;width: 100%; top: 0;left: 0;}
.c1{opacity: 1;}
.c2{opacity: 0;}
.gnxqa a:hover .c1{opacity: 0;}
.gnxqa a:hover .c2{opacity: 1;}
.gnxqa p{margin-top: .25rem; font-family: font1; font-size: .2rem; color: #d1e1ff;text-align: center;}
.gnxq_titlt ul.on1{padding: 1rem 2.4rem 0 2.4rem;}
.gnxq_titlt ul.on1 .xqzz{width: 2.23rem;height: 2.8rem;}
.gnxq_titlt ul.on1 .xqzz span{height: 1.95rem;}
.gnxq_titlt ul.on1 .xqzz img{width: 1.1rem;}
.gnxq_titlt ul.on1 .xqzz p{font-size: .22rem;}
.fhbtn{position: absolute; background: url(../images/fh.png); width: 1.45rem; height: 1.36rem;background-size: 100% 100%;top: 0; left: .3rem;opacity: 0;cursor: pointer;}
.fhbtn.on2{opacity: 1;}