@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

@-webkit-keyframes downup{
  0{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-20px,0)}
  100%{transform:translate3d(0,0,0)}
}
@-ms-keyframes downup{
  0{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-20px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes downup{
  0{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-20px,0)}
  100%{transform:translate3d(0,0,0)}
}

/* index */
.index{ position: relative; width: 1920px; height: 960px; overflow: hidden; margin: 0 auto; background: url("../images/index.jpg"/*tpa=http://www.zzx2.top/images/index.jpg*/) no-repeat center bottom;}
.index .cloud{ position: absolute; top: 50px; width: 400px; height: 266px;}
.index .cloud1{ left: 100px; background: url("../images/cloud2.png"/*tpa=http://www.zzx2.top/images/cloud2.png*/) no-repeat 0 0;
	-webkit-animation: downup 3s linear infinite;
	-o-animation: downup 3s linear infinite;
	-ms-animation: downup 3s linear infinite;
	animation: downup 3s linear infinite;
}
.index .cloud2{ right: 100px; background: url("../images/cloud1.png"/*tpa=http://www.zzx2.top/images/cloud1.png*/) no-repeat 0 0;
	-webkit-animation: downup 2.5s linear infinite;
	-o-animation: downup 2.5s linear infinite;
	-ms-animation: downup 2.5s linear infinite;
	animation: downup 2.5s linear infinite;
}
.index .hover, .index .nav{ position: absolute; top: 0px; left: 0; width: 100%; height: 100%;}
.index img{ display: block; width: 1920px; height: 960px; display: none;}
.index .nav a{ position: absolute; bottom: 0px; height: 698px;}
.index .n1{ left: 0; width: 459px;}
.index .n2{ left: 459px; width: 501px;}
.index .n3{ right: 458px; width: 502px;}
.index .n4{ right: 0; width: 458px;}

/* page */
.page{ overflow: hidden;}

.wrap{ width: 1200px; height: 960px; margin: 0 auto;}
.tip_pic{ margin: 20px 12px 0 -9px;}
.content{ width: 876px; padding-top: 28px;}
.page_nav{ width: 111px; height: 785px; margin-right: -66px; padding-top: 175px; background-color: rgba(255,255,255,0.7);}
.page_nav a{ display: block; background: url("../images/page_nav.png"/*tpa=http://www.zzx2.top/images/page_nav.png*/) no-repeat;}
.page_nav a.c{ height: 58px; background-position: 0 0;}
.page_nav a.c:hover, .page_nav a.c.on{ background-position: -111px 0;}
.page_nav a.x{ height: 72px; background-position: 0 -58px;}
.page_nav a.x:hover, .page_nav a.x.on{ background-position: -111px -58px;}
.page_nav a.q{ height: 71px; background-position: 0 -130px;}
.page_nav a.q:hover, .page_nav a.q.on{ background-position: -111px -130px;}
.page_nav a.d{ height: 51px; background-position: 0 -201px;}
.page_nav a.d:hover, .page_nav a.d.on{ background-position: -111px -201px;}
.go_index{ display: block; width: 34px; height: 116px; margin: 0 67px 0 19px; background: url("../images/go_indx.png"/*tpa=http://www.zzx2.top/images/go_indx.png*/) no-repeat;}
.page_c .go_index{ background-position: 0 0;}
.page_x .go_index{ background-position: -34px 0;}
.page_q .go_index{ background-position: -68px 0;}
.page_d .go_index{ background-position: -102px 0;}
.sub_nav{ width: 648px; padding: 30px 0 15px 0;}
.sub_nav a{ float: left; display: block; margin: 0 12px 13px 0; width: 150px; height: 48px; line-height: 48px; text-align: center; background: url("../images/sub_nav.png"/*tpa=http://www.zzx2.top/images/sub_nav.png*/) no-repeat; font-size: 18px;}
.page_c .sub_nav a{ background-position: 0 0; color: #ff88c7;}
.page_c .sub_nav a:hover, .page_c .sub_nav a.on{ background-position: 0 -48px; color: #FFF;}
.page_x .sub_nav a{ background-position: -150px 0; color: #9eb555;}
.page_x .sub_nav a:hover, .page_x .sub_nav a.on{ background-position: -150px -48px; color: #FFF;}
.page_q .sub_nav a{ background-position: -300px 0; color: #e48a5e;}
.page_q .sub_nav a:hover, .page_q .sub_nav a.on{ background-position: -300px -48px; color: #FFF;}
.con_text{ position: relative; width: 756px; line-height: 37px; font-size: 18px;}
.con_text .text{ height: 640px;}
.con_text .text img{display:block;margin:auto;}
.vertical-track{ width: 4px; right: 0;}
.page_c .vertical-track{ background-color: #ebaed0;}
.page_x .vertical-track{ background-color: #c7dd83;}
.page_q .vertical-track{ background-color: #eab093;}
.vertical-handle{ width: 8px; margin-left: -2px;}
.page_c .vertical-handle{ background-color: #ee64af;}
.page_x .vertical-handle{ background-color: #9eb555;}
.page_q .vertical-handle{ background-color: #e98558;}
.page_c .con_text{ color: #79576a;}
.page_x .con_text{ color: #5b6735;}
.page_q .con_text{ color: #aa5a33;}
.con_text li{ position: relative; padding-left: 1em;}
.con_text li span{ position: absolute; top: 7px; left: 0; width: 21px; height: 21px; background: url("../images/con_text.png"/*tpa=http://www.zzx2.top/images/con_text.png*/) no-repeat;}
.page_c .con_text li span{ background-position: 0 0;}
.page_x .con_text li span{ background-position: -21px 0;}
.page_q .con_text li span{ background-position: -42px 0;}
.d_nav{ width: 712px;}
.d_nav a{ float: left; margin: 0 60px 28px 0; width: 296px; height: 60px; padding-top: 80px; text-align: center; color: #165872;}
.d_nav a.n1{ background: url("../images/n1.png"/*tpa=http://www.zzx2.top/images/n1.png*/) no-repeat 0 0;}
.d_nav a.n2{ background: url("../images/n2.png"/*tpa=http://www.zzx2.top/images/n2.png*/) no-repeat 0 0;}
.d_nav a.n3{ background: url("../images/n3.png"/*tpa=http://www.zzx2.top/images/n3.png*/) no-repeat 0 0;}
.d_nav a.n4{ background: url("../images/n4.png"/*tpa=http://www.zzx2.top/images/n4.png*/) no-repeat 0 0;}
.d_nav a.n5{ background: url("../images/n5.png"/*tpa=http://www.zzx2.top/images/n5.png*/) no-repeat 0 0;}
.d_nav a.n6{ background: url("../images/n6.png"/*tpa=http://www.zzx2.top/images/n6.png*/) no-repeat 0 0;}
.d_nav a.n7{ background: url("../images/n7.png"/*tpa=http://www.zzx2.top/images/n7.png*/) no-repeat 0 0;}
.d_nav a.n8{ background: url("../images/n8.png"/*tpa=http://www.zzx2.top/images/n8.png*/) no-repeat 0 0;}
.prompt{ position: relative; width: 984px; height: 691px; background: url("../images/prompt.png"/*tpa=http://www.zzx2.top/images/prompt.png*/) no-repeat 0 0; color: #756d69; display: none;}
.close{ position: absolute; top: 3px; right: 5px; width: 24px; height: 24px; background: url("../images/close.png"/*tpa=http://www.zzx2.top/images/close.png*/) no-repeat 0 0;}
.prompt h2.tit{ padding: 40px 0; text-align: center; font-weight: normal; font-size: 30px;}
.prompt_text{ position: relative; width: 826px; height: 517px; padding-left: 111px; line-height: 37px; font-size: 18px;}
.prompt_text img{display:block;margin:10px auto;}
.prompt_text li{ position: relative; padding-left: 1em;}
.prompt_text li span{ position: absolute; top: 7px; left: 0; width: 21px; height: 21px; background: url("../images/con_text.png"/*tpa=http://www.zzx2.top/images/con_text.png*/) no-repeat 0 0;}
.prompt .vertical-track{ background-color: #d0d0d0;}
.prompt .vertical-handle{ background-color: #878787;}

.popTab{width: 822px; margin: 0 auto;}
.popTab a{ float: left; display: block; width: 150px; height: 48px; line-height: 48px; text-align: center; background: url("../images/sub_nav.png"/*tpa=http://www.zzx2.top/images/sub_nav.png*/) no-repeat -450px -48px; font-size: 18px; color: #FFF; margin-right: 12px;}
.popTab a.on,.popTab a:hover{ background-position: -450px 0; color: #9eb555;color:#5aabc1;}
.listShow{display: none;}