@-webkit-keyframes mainbarcode {
	0% {
		-webkit-transform:translate3d(0,0,0);
	}
	100% {
		-webkit-transform:translate3d(0,110px,0);
	}
}

@keyframes mainbarcode {
	0% {
		transform:translate3d(0,0,0)
	}
	100% {
		transform:translate3d(0,110px,0)
	}
}

@-webkit-keyframes ScssP1 {
    0% {
        -webkit-transform: scale(.9);
		 opacity:.6;
    }
    100% {
        -webkit-transform: scale(1);
		 opacity:1;
    }
}

@keyframes ScssP1 {
    0% {
        transform: scale(.9);
		opacity:.6;
    }
    100% {
      transform: scale(1);
	  opacity:1;
    }
}


@-webkit-keyframes rughtCss2 {
    0% {   -webkit-transform: translateX(0); }
	50% {   -webkit-transform: translateX(10px) scale(.96); }
    100% {  -webkit-transform: translateX(0); }
}
@keyframes rughtCss2 {
    0% {transform: translateX(0);  }
	50% { transform: translateX(10px) scale(.96); }
    100% { transform: translateX(0); }
}

@-webkit-keyframes rughtCss1 {
    0% {   -webkit-transform: translateX(0); }
	50% {   -webkit-transform: translateX(-10px) scale(.96); }
    100% {  -webkit-transform: translateX(0); }
}
@keyframes rughtCss1 {
    0% {transform: translateX(0);  }
	50% { transform: translateX(-10px) scale(.96); }
    100% { transform: translateX(0); }
}

body{ background:#fff; font-size:16px;}
.infoImg{background:url("../../Images/index0706/info.png") no-repeat;}
.zbox{ width:100%; min-width:1200px; position:relative; height:auto; overflow:hidden;}

.top{ background:url("../../Images/index0706/bg1.jpg") no-repeat center top; height:auto;}
.top .sy{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; background:url("../../Images/index0706/sy.png") no-repeat right 482px;}
.top .w1200{ height:960px; z-index:4; position:relative;}
.top .logo{ width:210px; position:absolute; left:54px; top:26px; z-index:6;}
.top .spBut{ position:absolute; top:204px; left:806px; width:82px; height:82px; }
.top .spBut i{background:url("../../Images/yuyue/pyq.png") no-repeat center center; float:left; width:100%; height:100%; -webkit-animation:z 10s linear infinite;animation:z 10s linear infinite;}
.top .spBut span{ width:100%; position:absolute; z-index:2; top:2px; left:-1px;-webkit-animation:slMinCss 2s linear infinite;animation:slMinCss 2s linear infinite}
.top canvas{ position:absolute; left:0px; top:0px; width:100%; height:960px;}

.gohome{ position:absolute; right:27px; top:28px; width:139px; height:45px; line-height:44px; text-indent:52px; text-align:left; color:#417d4a; background-position:right -166px; z-index:3;}
.gohome:hover{ color:#5fa469;}

.downBox{ position:absolute; left:238px; top:688px; width:730px; height:263px; background:url("../../Images/index0706/dbg.png") no-repeat center top;}
.downBox .deBox{ float:left; width:128px; height:128px; margin:61px 0 0 86px; position:relative; z-index:2; background:#677882;}
.downBox .deBox img{ width:124px; float:left; margin:2px;}
.downBox .deBox i{position:absolute; height:15px; width:134px; background:url("../../Images/index0706/sm.png") no-repeat center top;  top:0; left:50%; margin-left:-67px; display:none\9;-webkit-animation:mainbarcode 2.5s linear infinite;animation:mainbarcode 2.5s linear infinite}
.downBox .deTxt{ float:left; width:18px; margin:79px 0 0 5px; font-size:14px; text-align:center; line-height:16px; color:#677e9d;  }
.downBox .deBut{ float:left; margin:61px 0 0 25px; width:198px;}
.downBox .deBut a{ float:left; width:100%; margin-bottom:14px; height:58px;}
.downBox .deBut a.iosBut{ background-position:left top;}
.downBox .deBut a.azBut{ background-position:left -60px; }
.downBox .deBut a:hover{opacity: .9; filter:alpha(Opacity=90);}

.downBox .lbbut{ float:left; margin:56px 0 0 12px; width:154px; height:138px; background:url("../../Images/index0706/4.png") no-repeat; position:relative;}
.downBox .lbbut i{background:url("../../Images/index0706/3.png") no-repeat; position:absolute; left:28px; top:17px; width:107px; height:103px; -webkit-animation: slMinCss 1s linear infinite; animation: slMinCss 1s linear infinite;}
.downBox .lbbut span{background:url("../../Images/index0706/2.png") no-repeat; position:absolute; right:-12px; top:-3px; width:41px; height:144px; -webkit-animation: cssDd 2.2s linear infinite; animation: cssDd 2.2s linear infinite; }

.ptt{ position:absolute; width:837px;}
.ptt1{ top:36px; left:202px;}
.ptt2{ top:21px; left:147px;}
.ptt3{ top:22px; left:202px;}
.ptt4{ width:871px; top:130px; left:161px;}

.zbox2{ background:url("../../Images/index0706/bg2.jpg") no-repeat center top; }
.zbox2 .w1200{ height:1168px; }
.zbox2 ul{ position:absolute; left:52px; top:352px; background:url("../../Images/index0706/t.png") no-repeat left top;}
.zbox2 ul li{ float:left; height:312px; width:170px; margin-right:63px; margin-bottom:30px; color:#fff;}
.zbox2 ul li.l6{ clear:both;  margin-left:112px;}
.zbox2 ul li p{ line-height:20px; padding-top:250px;}

.zbox3{ background:url("../../Images/index0706/bg3.jpg") no-repeat center top;}
.zbox3 .w1200{ height:1074px; }
.tsbox{ width:1030px; height:667px; position:absolute; top:309px; left:50%; margin-left:-515px;  background:url("../../Images/index0706/tbg.png") no-repeat left top;}
.tsbox .tscont{ position:relative; float:left; overflow:hidden; width:920px; height:500px; margin:82px 0 0 59px;}
.tsbox .tscont i{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;  background:url("../../Images/index0706/x.png") no-repeat center center;}
.tsbox .tscont ul{ position:absolute; width:10000px; left:0;  top:0; height:100%;}
.tsbox .tscont ul li{ width:920px; float:left; height:100%;}
.tsbox .tpage{ width:103px; height:71px; position:absolute; top:285px; z-index:8;}
.tsbox .tspage{ left:-120px; background-position:right -71px; -webkit-animation: rughtCss1  1s linear infinite; animation: rughtCss1  1s linear infinite;}
.tsbox .txpage{ right:-120px; background-position:right top; -webkit-animation: rughtCss2  1s linear infinite; animation: rughtCss2  1s linear infinite;}
.tsnav{ position:absolute; left:0; top:650px; width:100%; text-align:center;}
.tsnav a{ padding:10px 10px; margin:0 11px; font-size:0; background-position:-82px bottom;}
.tsnav a.hover{ padding:10px 10px; margin:0 11px; background-position:-42px bottom;}

.zbox4{ background:url("../../Images/index0706/bg4.jpg") no-repeat center top; }
.zbox4 .w1200{ height:1176px;  }
.zbox4 .nav{ position:absolute; top:327px; left:104px;}
.zbox4 .nav a{ float:left; width:98px; line-height:36px; margin-right:13px; font-size:20px; color:#6b8dbc;}
.zbox4 .nav a:hover{ color:#52bbc6;}
.zbox4 .nav a.hover{ background:url("../../Images/index0706/k.png") no-repeat;}
.zbox4 .u1{ position:absolute; left:50%; top:742px; margin-left:-740px; background:url("../../Images/index0706/u1.png") no-repeat; width:271px; height:29px;}
.zbox4 .u2{ position:absolute; left:50%; top:504px; margin-left:544px; background:url("../../Images/index0706/u2.png") no-repeat; width:319px; height:70px;}

.zy_show{ position:absolute; height:660px; left:0; top:422px; width:1200px; background:url("../../Images/index0706/zbg.png") no-repeat;}
.zy_show .zy_info{ position:relative; float:left; margin-top:50px; height:520px; width:100%;}
.zy_show .zy_info li{ float:left; width:100%; height:520px; position:relative; display:none;}
.zy_show .zy_info li h2{ position:absolute; top:13px; left:1062px; padding-top:106px; line-height:42px; width:60px; height:298px; background:url("../../Images/index0706/nbg.png") no-repeat; margin:0; color:#557fa0; font-size:36px; font-weight:500;}
.zy_show .zy_info li div{ position:absolute; top:102px; left:974px; color:#748aa7; font-size:20px; font-weight:400; }
.zy_show .zy_info li div p{ float:left; width:22px; padding:0 10px; line-height:22px; border-left:solid 1px #748aa7;}
.zy_show .zy_info li i{ position:absolute;}
.zy_show .zy_info li i.z1{ width:636px; top:-91px; left:286px;}
.zy_show .zy_info li i.z2{ width:780px; top:-107px; left:200px;} 
.zy_show .zy_info li i.z3{ width:648px; top:-100px; left:274px;}
.zy_show .zy_info li i.z4{ width:635px; top:-100px; left:289px;}
.zy_show .zy_info li i.z5{ width:634px; top:-91px; left:256px;}
.zy_show .zy_info li i.z6{ width:743px; top:-89px; left:267px;}
.zy_show .zy_info li i.z7{ width:674px; top:-90px; left:196px;}
.zy_show .zy_info li i.z8{ width:647px; top:-111px; left:255px;}
.zy_info li.current i{
	opacity:1;
	filter:alpha(Opacity=100);
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:ScssP1;
	animation-name:ScssP1;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.4s;
	animation-duration:.4s;
}

.zyPage{ position:absolute; top:312px; width:47px; height:39px; z-index:6;}
.zyPageS{ background-position:right -270px; left:222px; -webkit-animation: rughtCss1  1s linear infinite; animation: rughtCss1  1s linear infinite;}
.zyPageN{ background-position:right -306px; right:227px; -webkit-animation: rughtCss2  1s linear infinite; animation: rughtCss2  1s linear infinite;}
.zyPageS:hover{ left:217px;}
.zyPageN:hover{ right:222px;}

.zy_show .zy_sx{ position:absolute; top:50px; height:520px; left:0; width:260px; overflow:hidden; z-index:2;}
.zy_show .zy_sx li{ float:left; width:100%; height:100%; display:none; position:relative;}
.zy_show .zy_sx li.current,.zy_show .zy_info li.current{ display:block;}
.zy_show .zy_sx li .zyName{ position:absolute; left:70px; top:63px;}
.zy_show .zy_sx li .zySx{ position:absolute; width:200px; left:31px; top:311px;}
.zy_show .zy_sx li .zyTt{ position:absolute; width:38px; height:204px; left:180px; top:71px; padding-top:8px; line-height:29px; background:url("../../Images/index0706/txt.png") no-repeat; font-size:20px; color:#7694bd; font-weight:400;}
.zy_show .zy_sx li .zyTt font,.zy_show .zy_sx li .zyTt i{ float:left; width:100%;}
.zy_show .zy_sx li .zyTt i{background:url("../../Images/index0706/tx.png") no-repeat center center; height:14px;}

.zbox5{ background:url("../../Images/index0706/bg5.jpg") no-repeat center top; }
.zbox5 .w1200{ height:813px;}
.zbox5 i{ position:absolute; width:220px; top:323px;}
.zbox5 i.wx_info{ left:312px;}
.zbox5 i.wb_info{ left:646px;}
.zbox5 i span{ position:absolute; border:solid 1px #7c98bf; width:102px; top:5px; right:-15px;}
.zbox5 ul{ position:absolute; left:263px; top:548px;}
.zbox5 ul a{ float:left; width:301px; height:89px; margin-right:69px; background: url("../../m/Images/index0702/dbut.png") no-repeat left top;}
.zbox5 ul a img{ float:left; margin:31px 0 0 78px; position:relative;}
.zbox5 ul a.yjsy_down img{ margin:32px 0 0 68px;}
.zbox5 ul a:hover img{-webkit-transform: scale(.99); transform: scale(.99);}

.footer{ background:none; position:absolute; left:0; width:100%; bottom:0px;}

.pop_box .pop_bg{width: 100%;height: 100%; background: #000; opacity: .3; filter: alpha(opacity=30); }
#pop_code .pop_cont{ text-align:center; width:892px;  height:625px; top:50%; color:#515151; margin-top:-312px; font-size:16px; position:absolute; right:-50%; margin-right:-446px; display:inline; background:url("../../Images/index0706/pbg.png");  }
#pop_code i{ float:left; width:100%; margin:171px 0 33px 0;}
#pop_code .code{ float:left; margin:0 0 34px 183px; height:50px; font-size:20px;}
#pop_code .code div{ float:left; width:411px; height:100%;  background: url("../../Images/index0706/lk.png"); }
#pop_code .code div font{ line-height:50px; float:left; padding:0 2px 0 32px; color:#ff6344;}
#pop_code .code div span{ font-size:22px; color:#646464; float:left; line-height:50px;}
#pop_code .code a{ float:left; line-height:50px; margin-left:17px; width:100px; color:#fff; background:#ea6f57; border-radius:5px;}

#pop_code .codetxt{ text-align:left; clear:both; float:left; margin-left:138px;}
#pop_code .codetxt p{ color:#646464; float:left; width:100%;}
#pop_code .codetxt p font{ float:left; width:22px; text-align:center; line-height:22px; margin:5px 8px 0 0; background-position:left bottom; color:#fff;}
#pop_code .codetxt span{ line-height:34px; float:left; }

.subnav{ width:126px; height:580px;  position:fixed; top:50%; margin-top:-290px; right:20px; z-index:50; }
*html .subnav{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
.subnav div{ float:left;  width:52px; margin-left:37px; height:auto; }
.subnav div a{width:100%; height:52px; float:left; margin-bottom:5px;}
.subnav div a.sbut_sina{ background-position:-228px top;}
.subnav div a.sbut_weixin{background-position:-228px -57px;}
.subnav div a:hover{opacity: .9; filter: alpha(opacity=90);}
.subnav i{ float:left; width:100%; height:10px; background:url("../../Images/index0706/top.png") no-repeat 45px top;}
.subnav i.ftop{ height:52px; cursor:pointer;}
.subnav i.ftop:hover{ margin-top:3px;}

.subnav li{ width:100%; float:left; height:126px; margin-top:-42px; background:url("../../Images/index0706/6.png");}
.subnav li:hover{ -webkit-transform: translateY(-5px);transform: translateY(-5px);}
.subnav li.sub_l1{margin-top:0; }
.subnav li a{ width:100%; float:left; line-height:126px; color:#82ace5; font-size:18px; }
.subnav li a:hover,.subnav li a.hover,.subnav li.active a{  color:#d18a4b; }