@charset "utf-8";
/* CSS Document */

/* css 重置start */
html { -webkit-text-size-adjust:none; -webkit-appearance: none;  }
body,div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-style:normal; -webkit-appearance: none;}
input,input[type="submit"], input[type="reset"],input[type="checkbox"],select,textarea {-webkit-appearance: none; appearance: none;  border-radius: 0; }
fieldset,img{border:0; vertical-align:middle;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
:focus { outline: 0;}
sup, sub {font-size: 100%;vertical-align: baseline;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {  font-size: 100%;} /* 使得表单元素在 ie 下能继宿舍承字体大小 */
table { border-collapse: collapse; border-spacing:0;}
caption, th { text-align: left;}
a:link,a:visited,a:hover,a:active{ text-decoration:none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.win_fz{ font-size:.75rem;}
.fz21{ font-size:1.312rem;}
.fz24{ font-size:1.5rem;}
.fz26{ font-size:1.625rem;}
.yuanjiao{border-radius:50%;}
/* css 重置end */


@-webkit-keyframes UpCss {
    0% {
        -webkit-transform: translateY(30%);
		 opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes UpCss {
    0% {
      transform: translateY(30%);
	  opacity:0;
    }
    100% {
      transform: translateY(0);
	  opacity:1;
    }
}

@-webkit-keyframes downCss {
    0% {
        -webkit-transform: translateY(-30%);
		 opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes downCss {
    0% {
      transform: translateY(-30%);
	  opacity:0;
    }
    100% {
      transform: translateY(0);
	  opacity:1;
    }
}

@-webkit-keyframes downUpCss {
    0% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
    50% {
        -webkit-transform: translateY(.1rem);
		 opacity:.5;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes downUpCss {
    0% {
      transform: translateY(0);
	  opacity:1;
    }
    50% {
      transform: translateY(.1rem);
	  opacity:.5;
    }
    100% {
      transform: translateY(0);
	  opacity:1;
    }
}

@-webkit-keyframes scaleCss {
    0% {   -webkit-transform: scale(2);  opacity:0;}
    100% {  -webkit-transform: scale(1);  opacity:1;}
}
@keyframes scaleCss {
    0% {transform: scale(2);   opacity:0;}
    100% { transform: scale(1);   opacity:1;}
}

/*公共样式*/
body{ font-family:'微软雅黑'; font-weight:400; font-size:0.32rem; background:#fff; color:#fff; position:inherit; width:100%;}
.prov{ position:relative; overflow:hidden;}
.ptas{ position:absolute;}
h1{ font-weight:500;margin:0;}
.fzs50 span{float:left; width:200%; margin-left:-50%;  -webkit-transform:scale(0.5);  transform:scale(0.5);}
.cssddd{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.boxCb{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
select::-ms-expand { display:none; }
select {
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}


.header{ height:1.2rem; width:100%; position:fixed; background:#384493; text-align:left; z-index:5;}
.header .h_logo{ float:left; width:2.84rem; height:1.02rem; margin:.1rem .14rem 0 .2rem; padding-left:1.26rem; background: url(../../Images/index/logo.png) no-repeat left top;     background-size: 1.02rem 1.02rem;}
.header .h_logo h1{ color:#fff; font-size:.32rem; padding-top:.14rem; line-height:.42rem; font-weight:400; float:left; width:100%; margin-left:-.14rem;}
.header .h_logo p{ height:.32rem;  overflow:hidden;float:left; width:100%;}
.header .h_logo p span{ line-height:.64rem; font-size:.44rem; margin-top:-.16rem; color:#6cc0fd;}

.header .h5_down{ float:right; width:2.27rem; height:.76rem; margin:.22rem .26rem 0 0;  background: url(../../Images/zhuanti/20190423/down.png) no-repeat; background-size: 100%; }
.header .h5_down span{ }



.ztt{ position:absolute; width:6.92rem; left:50%; margin-left:-3.46rem; height:1.78rem; top:.3rem;}
.ztt1{ background:url(../../Images/zhuanti/20190423/t1.png) no-repeat center top; background-size:100%; }
.ztt2{ background:url(../../Images/zhuanti/20190423/t2.png) no-repeat center top; background-size:100%; }
.ztt3{ background:url(../../Images/zhuanti/20190423/t3.png) no-repeat center top; background-size:100%;}
.ztt4{ background:url(../../Images/zhuanti/20190423/t4.png) no-repeat center top; background-size:100%; }

.more{ width:1.7rem; height:.7rem; position:absolute; left:2.85rem; overflow:hidden;}
.imgBox{ position:absolute; width:5.74rem; height:3.66rem;  background:url(../../Images/zhuanti/20181219/txtk.png); background-size:100%; left:.87rem;}


.zbox{ width:100%; position:relative; float:left; overflow:hidden; padding:0px; margin:0px; }

.ztop{ width:100%; height:10.9rem; margin-top:1.2rem;  background:url(../../Images/zhuanti/20190423/top.jpg) left top; background-size:7.5rem 100%; position:relative; overflow:hidden;}
.ztop .title{ position:absolute; left:.5rem; top:.48rem; width:4.08rem; height:5.67rem;  z-index:2;}
.ztop .logo{ position:absolute; width:2.01rem; height:.74rem; top:.2rem; right:.17rem; z-index:3;}


.zbox1{ height:11.44rem; background:url(../../Images/zhuanti/20190423/bg1.jpg) left top ; background-size:7.5rem 100%;}
.zbox1 ul{ position:absolute; top:2.67rem; left:.56rem; width:auto; height:auto;}
.zbox1 ul a{ float:left; width:2.13rem; height:3.18rem; margin:0 .51rem .69rem .52rem; position:relative; text-align:center;}
.zbox1 ul a div{ position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%;}
.zbox1 ul a div h1{ padding-top:1.85rem; height:.3rem; overflow:hidden; margin:0px; color:#192650;}
.zbox1 ul a div h1 span{ line-height:.6rem; font-size:.44rem; margin-top:-.15rem;}
.zbox1 ul a div p{ height:.28rem; overflow:hidden; color:#2d4182;}
.zbox1 ul a div p span{ line-height:.56rem; margin-top:-.14rem; font-size:.4rem;}
.zbox1 ul a div dd{ width:1.16rem; height:.34rem; margin-top:.08rem; float:left; margin-left:.48rem; background:#2a4294; color:#fff; border-radius:.17rem;}
.zbox1 ul a div dd span{ line-height:.68rem; margin-top:-.17rem; font-size:.44rem;}

.zbox2{ height:12.8rem; background:url(../../Images/zhuanti/20190423/bg2.jpg)  left top ; background-size:7.5rem 100%;}
.b2nav{ position:absolute; top:2.7rem; left:.25rem; padding-left:.28rem; background:url(../../Images/zhuanti/20190423/nav_lk.png) no-repeat left 1.1rem; background-size:7.09rem .25rem; z-index:4;}
.b2nav li{ float:left; width:.8rem; text-align:center; height:auto; margin-top:1.41rem; cursor:pointer;}
.b2nav li.b2Mt0{ margin:0 0 0 .01rem;}
.b2nav li div{ float:left; width:100%; height:.64rem; overflow:hidden; }
.b2nav li div img{ width:.64rem; height:.64rem; transform: scale(0);  -webkit-transform: scale(0);  opacity:0; -webkit-transition: all 0.3s ease-in 0; transition: all 0.3s ease-in 0s;}
.b2nav li:hover div img,.b2nav li.hover div img{  transform: scale(1);   -webkit-transform: scale(1);  opacity:1;}
.b2nav li p{ float:left; width:100%; height:.46rem; overflow:hidden;}
.b2nav li p span{ font-size:.48rem; line-height:.92rem; margin-top:-.23rem;}

.b2Cbox{ position:absolute; top:4.37rem; left:0; width:100%; height:6.24rem; background:url(../../Images/zhuanti/20190423/b2bg.png) no-repeat left top; background-size:100%;}
.b2Cbox .gifBox{ width:1.64rem; height:1.64rem; overflow:hidden; position:absolute;}
.b2Cbox .gifBox1{ top:1.13rem; left:4.88rem;}
.b2Cbox .gifBox2{ top:3.31rem; left:5.14rem;}
.b2Cbox .gifBox i{ position:absolute; left:0; top:0px; height:100%; width:100%; background:url(../../Images/zhuanti/20190423/gk.png) no-repeat left top; background-size:100%;}
.Mname{ position:absolute; top:1.49rem; left:3.84rem; width:.44rem; height:.94rem; background:url(../../Images/zhuanti/20190423/namebox.png) no-repeat left top; background-size:100%;}
.Mname p{ margin:.13rem 15% 0 15%; height:.72rem; overflow:hidden; text-align:center; float:left; width:70%; color:#cadffb;}
.Mname p span{ height:1.44rem; line-height:.48rem; font-size:.44rem; margin-top:-.36rem;}
.MgifBox{ position:absolute; -webkit-transition: all 0.3s ease-in 0; transition: all 0.3s ease-in 0s;}
.MgifBox1{ float:left; margin:1.33rem 0 0 .84rem; width:2.85rem; height:3rem;background:url(../../Images/zhuanti/20190423/b2_m1.png) no-repeat left top; background-size:100%;}
.MgifBox2{ float:left; margin:.91rem 0 0 .71rem; width:3.7rem; height:4.81rem;background:url(../../Images/zhuanti/20190423/b2_m2.png) no-repeat left top; background-size:100%;}
.MgifBox3{ float:left; margin:1.17rem 0 0 1.32rem; width:2.78rem; height:3.53rem;background:url(../../Images/zhuanti/20190423/b2_m3.png) no-repeat left top; background-size:100%;}
.MgifBox4{ float:left; margin:1.25rem 0 0 .05rem; width:4.18rem; height:4.04rem;background:url(../../Images/zhuanti/20190423/b2_m4.png) no-repeat left top; background-size:100%;}
.MgifBox5{ float:left; margin:1.13rem 0 0 .4rem; width:4.65rem; height:4.64rem;background:url(../../Images/zhuanti/20190423/b2_m5.png) no-repeat left top; background-size:100%;}
.MgifBox6{ float:left; margin:1.13rem 0 0 1.13rem; width:3.19rem; height:3.72rem;background:url(../../Images/zhuanti/20190423/b2_m6.png) no-repeat left top; background-size:100%;}
.MgifBox7{ float:left; margin:.61rem 0 0 .9rem; width:4.2rem; height:4.9rem;background:url(../../Images/zhuanti/20190423/b2_m7.png) no-repeat left top; background-size:100%;}
.MgifBox8{ float:left; margin:.77rem 0 0 .9rem; width:3.68rem; height:3.97rem;background:url(../../Images/zhuanti/20190423/b2_m8.png) no-repeat left top; background-size:100%;}


.jnBox{ position:absolute; width:6.89rem; height:1.64rem; top:9.43rem; left:.29rem; background:url(../../Images/zhuanti/20190423/jbox.png) no-repeat left top; background-size:100%;}
.jnBox div{ float:left; width:.76rem; height:.76rem; overflow:hidden; margin:.56rem .13rem 0 .38rem;}
.jnBox p{ float:left; height:1.28rem; overflow:hidden; margin-top:.54rem; width:5.38rem; text-align:left;}
.jnBox p span{ height:2.56rem; line-height:.64rem; margin-top:-.64rem; font-size:.44rem; color:#fff;}

.zbox3{ height:10.72rem; background:url(../../Images/zhuanti/20190423/bg3.jpg)  left top ; background-size:7.5rem 100%;}
.zbox3 a{ position:absolute; top:2.64rem; width:2.21rem; height:3.72rem;}
.zbox3 a.z3a1{ left:.74rem; background:url(../../Images/zhuanti/20190423/b3_1.png) no-repeat left top; background-size:100%;}
.zbox3 a.z3a2{ left:4.52rem; background:url(../../Images/zhuanti/20190423/b3_2.png) no-repeat left top; background-size:100%;}
.zbox3 a.z3a3{ left:2.62rem; top:6.23rem; background:url(../../Images/zhuanti/20190423/b3_3.png) no-repeat left top; background-size:100%;}
.zbox3 a p{ padding-top:2.12rem; height:.34rem; overflow:hidden; padding-left:.8rem;}
.zbox3 a p span{ line-height:.68rem; margin-top:-.17rem; font-size:.44rem; color:#2b3e86; font-weight:bold;}
.zbox3 a.z3a2 p{padding-top:2.15rem;}


.zbox4{ height:7.94rem; background:url(../../Images/zhuanti/20190423/bg4.jpg)  left top; background-size:7.5rem 100%;}
.zbox4 ul{ position:absolute; top:2.56rem; left:.35rem;}
.zbox4 ul a{ width:2.62rem; height:auto; text-align:center; float:left; margin:0 .39rem .28rem .39rem;}
.zbox4 ul a p{ line-height:.5rem; font-size:.26rem; color:#fff;}


.footer{  width:100%; height:auto; padding:.42rem 0 .37rem 0;  overflow:hidden; position:relative; background:#171820; color:#4e4e67; text-align:center;  font-size:.28rem; text-align:center;}
.footer p{ line-height:.38rem; overflow:hidden; float:left; width:100%; }
.footer p span{font-size:.32rem;}
.footer p font{ padding:0px 0.06rem;}
.footer a{color:#4e4e67;}


#pop_win{ z-index:900; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none; }
#pop_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .3; filter: alpha(opacity=70);-moz-opacity: .7; -khtml-opacity: .7; }
#pop_win .pwin_box{ width:7.2rem; background:#427bc2;border-radius:.08rem; height:8.4rem; top:50%; margin-top:-4.2rem; position:absolute; right:-50%; margin-right:-3.6rem; display:inline; }
#pop_win .pwin_box .pwin_exit{ position:absolute; cursor:pointer; top:-1rem; width:.57rem; height:.58rem; background:url(../../Images/zhuanti/20190423/x.png); background-size:100%; right:.28rem; top:.29rem;  z-index:2;}
#pwinifr{ width:100%; height:100%; border:0;}
.pwHtml{ display:none;}
.pwin_tt{ float:left;  width:100%; margin-top:.21rem;  height:.72rem; line-height:.72rem; text-align:center;  font-size:.32rem; color:#fce251; font-weight:bold;} 
#pwin_cont{ width:6.6rem;  float:left; margin:.14rem 0 0 .25rem; display:inline-block; padding:0px 0.24rem .2rem 0px; overflow:hidden; text-align:left; color:#fff; font-size:.24rem; height:6.8rem;  }
#pwin_cont p{  line-height:.38rem; padding:.05rem 0px;  }
#pwin_cont h2{  color:#fce251; font-size:.24rem; font-weight:600; margin:.4rem 0 0 0; font-weight:bold; padding:0px;   }
#pwin_cont h3{ padding-top:.2rem;}
#pwin_cont p.ptt{ padding-top:0px; text-align:center;}
#pwin_cont .pwdv{ width:100%; text-align:center; height:auto; overflow:hidden; font-weight:bold; color:#3c7c5c;}
#pwin_cont .pwdv img{ margin:.1rem 0px;  }
#pwin_cont a{ color:#d4cdff; text-decoration:underline;}
.lcl{ color:#fce251;}
#pwin_cont ul{ float:left; width:100%; margin-top:.4rem;}
#pwin_cont ul li{ width:1.07rem; height:1.07rem; margin-right:.2rem; float:left; margin-bottom:.3rem;}

#pwin_cont table{border-collapse: collapse; border: none; width:100%;margin-top:10px; font-size:.24rem;}
#pwin_cont th{ font-weight:400; border: solid #9dbcff 1px; line-height:.6rem; background-color:#9dbcff;  text-align:center;vertical-align:middle;color:#fff;}
#pwin_cont td{border: solid #9dbcff 1px;  color:#fff;  text-align:center;  line-height:.44rem; }

.cssopt,.cssopts,.cssopd,.cssopds{opacity:0;}
.current.cssopt,.current .cssopts,.jnUtxt li.hover,.sxLul li.hover .sxTxt{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:UpCss;
	animation-name:UpCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}
.quanBox{ opacity:0;}
.current .quanBox{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:scaleCss;
	animation-name:scaleCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}
.current.cssopd,.current .cssopds{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:downCss;
	animation-name:downCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.delay4{
	-webkit-animation-delay:.4s;
	animation-delay:.4s;	
}
.delay6{
	-webkit-animation-delay:.6s;
	animation-delay:.6s;	
}
.delay8{
	-webkit-animation-delay:.8s;
	animation-delay:.8s;	
}
.delay10{
	-webkit-animation-delay:1s;
	animation-delay:1s;	
}
.delay12{
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;	
}
.delay14{
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;	
}
.delay16{
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;	
}

.delay18{
	-webkit-animation-delay:1.8s;
	animation-delay:1.8s;	
}

.delay20{
	-webkit-animation-delay:2s;
	animation-delay:2s;	
}
.delay22{
	-webkit-animation-delay:2.2s;
	animation-delay:2.2s;	
}
.delay24{
	-webkit-animation-delay:2.4s;
	animation-delay:2.4s;	
}

.delay28{
	-webkit-animation-delay:2.8s;
	animation-delay:2.8s;	
}

