/*
*
ÎļþÃû£ºÒ³Ãæ¿ò¼Ü²¼¾ÖÑùʽ
´´½¨ÈË£º*
´´½¨Ê±¼ä:201501011
*
*/
body { background:url(/images/banner2.jpg) no-repeat center;}

.banner { background:url(/images/banner.jpg) no-repeat center; height:567px;  }
.banner .pic {
	position: absolute;
	top: 300px;
	left: 20%;
}
.banner .pic {
	-webkit-animation: bounceInDown 1s .2s ease both;
	-moz-animation: bounceInDown 1s .2s ease both;
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-1000px)
}
60% {
opacity:1;
-webkit-transform:translateY(10px)
}
80% {
-webkit-transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity:0;
-moz-transform:translateY(-1000px)
}
60% {
opacity:1;
-moz-transform:translateY(10px)
}
80% {
-moz-transform:translateY(-5px)
}
100% {
-moz-transform:translateY(0)
}
}

.banner .into {
	position: absolute;
	top: 400px;
	left: 41%;
	margin-left: -280px;
}
.banner .into {
	-webkit-animation: fadeInLeft 1s 1s ease both;
	-moz-animation: fadeInLeft 1s 1s ease both;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}

.arrow {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -200px;
}
.arrow {
	-webkit-animation: fadeOutUp 2s 0.5s ease-in-out infinite;
	-moz-animation: fadeOutUp 2s 0.5s ease-in-out infinite;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:0;
-webkit-transform:translateY(0)
}
30% {
opacity:.6;
-webkit-transform:translateY(-4px)
}
40% {
opacity:1;
-webkit-transform:translateY(-4px)
}
80% {
opacity:.8;
-webkit-transform:translateY(-4px)
}
90% {
opacity:.5;
-webkit-transform:translateY(-10px)
}
95% {
opacity:0;
-webkit-transform:translateY(-12px)
}
100% {
opacity:0;
-webkit-transform:translateY(-18px)
}
}
.c_pic { width:1110px; height:548px; margin:auto; background:#f4f4f4; margin-top:80px; margin-bottom:80px;}
.c_pic ul {}
.c_pic ul li { float:left; width:290px; font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;padding:40px;}
.c_pic ul li:hover { background:#25522d;color:#FFFFFF}
.c_pic ul li h2 { }
.c_pic ul li h1 { font-size:30px; line-height:80px; font-weight:100}
.c_pic ul li p {font-size:16px; line-height:36px;}

#zh { background:#d3e8d6; height:auto; }
.zhnl { width:1110px; height:768px; margin:auto; margin-bottom:30px;}
.zhnl h1 { line-height:70px; font-size:30px; font-weight:100; text-align:center;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.zhnl h2 { text-align:center; height:30px;}
.zhnl ul li { background:#e6f4e8; border:1px solid #FFFFFF; height:285px; margin-top:30px;}
.zhnl ul li:hover {background:#ffffff;}
.zhnl_c1 { float:left; width:600px; padding:40px;}
.zhnl_c2 { cursor:pointer; float:right; margin-top:20px; margin-right:40px; background:url(/images/picaa_03_1.png) no-repeat; width:351px; height:155px; line-height:155px;}
.zhnl_c2:hover {  background:url(/images/picaa_03_2.png) no-repeat; width:351px; height:155px; line-height:155px;}
.zhnl_c2 .fonta { color:#e89b00; margin-left:150px;font-size:30px; text-align:center;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.zhnl_c2 .fonta a {color:#e89b00;}
.zhnl_c2 .fonta a:hover {color: #ffffff}
.zhnl_c1 h3 { font-size:30px; line-height:80px; font-weight:100; width:500px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.zhnl_c1 p {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}

.zhnl_c3 { float:right; width:600px; padding:40px;}
.zhnl_c4 { cursor:pointer; float:left; margin-top:20px;  margin-right:40px; background:url(/images/picaa_06_1.png) no-repeat; width:351px; height:155px; line-height:155px;}
.zhnl_c4:hover {background:url(/images/picaa_06_2.png) no-repeat; width:351px; height:155px; line-height:155px; color:#990000;}
.zhnl_c4 .fontb { color:#53c9ed; margin-left:150px;font-size:30px; text-align:center;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.zhnl_c4 .fontb a {color:#53c9ed;}
.zhnl_c4 .fontb a:hover {color: #ffffff}
.zhnl_c3 b { font-size:30px; line-height:80px; font-weight:100; width:500px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; text-align:right; padding:0; margin:0;}
.zhnl_c3 p {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;text-align:right}

.aboutus {width:1110px; height:500px; margin:auto; margin-bottom:30px; margin-top:30px;}
.aboutus h1 { line-height:70px; font-size:30px; font-weight:100; text-align:center;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.aboutus h2 { text-align:center; height:30px;}
.aboutus b { float:left;width:330px}
.aboutus p { float:right;font-size:16px; line-height:40px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; width:750px}

.foot {background:#1e4a29; height:auto;}
.foot p { color:#57a46b; text-align:center;font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; padding-top:10px;}

.main { background-color:#ffffff;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;width:1000px; height:548px; margin:auto; margin-top:40px; margin-bottom:40px; padding:20px; }
.main h2 {width:900px; height:54px; margin:auto; line-height:54px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; font-size:30px; background:url(/images/pp.png) no-repeat left; padding-left:60px; font-weight:100;}
.main .con {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; color:#000000; width:900px; margin:auto; padding-top:20px; }

.main_haoqi { background-color:#ffffff;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;width:1000px; height:548px; margin:auto; margin-top:40px; margin-bottom:40px; padding:20px; }
.main_haoqi h2 {width:900px; height:54px; margin:auto; line-height:54px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; font-size:30px; background:url(/images/Icon-App.png) no-repeat left; padding-left:60px; font-weight:100;}
.main_haoqi .con {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; color:#000000; width:900px; margin:auto; padding-top:20px; }

.main1 { background-color:#ffffff;filter:alpha(opacity=70);  
      -moz-opacity:1.0;  
      -khtml-opacity: 1.0;  
      opacity: 1.0;width:1000px; height:548px; margin:auto; margin-top:40px; margin-bottom:40px; padding:20px; }
.main1 h2 {width:900px; height:54px; margin:auto; line-height:54px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; font-size:30px; no-repeat left; padding-left:60px; font-weight:100;}
.main1 .con {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; color:#000000; width:900px; margin:auto; padding-top:20px; }

.user3 {width:750px; height:480px; margin:auto; margin-top:68px; margin-bottom:68px; background:#f0f7ff; border:1px solid #ffffff }
.user { background:#f0f7ff; border:1px solid #ffffff ;position: absolute;top: 160px;right: 40%;margin-right: -400px;width:750px; height:520px;}
.user2 { background:#f0f7ff; border:1px solid #ffffff ;position: absolute;top: 160px;right: 40%;margin-right: -400px;width:450px; height:450px;}
.user .uleft { float:left; padding-top:40px}
.user .uleft2 { float:left; }
.user .uright { float:right; width:480px; padding-top:10px;}
.user .uright2 { float:left; width:400px; padding-top:10px;}
.userfont { font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; font-size:18px; color:#7dce85 }

.userinput { border:1px solid #80cd7d; height:30px; line-height:30px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; width:235px; padding-left:10px;}
.userinput:hover { border:1px solid #ffad65; }
.userbtn { height:33px; line-height:33px;font-weight:bold; font-family:"΢ÈíÑźÚ"; font-size:16px; width:247px; text-align:center; border:0; cursor:pointer; background:#1e4a29;color:#FFFFFF}
.userbtn:hover {height:33px; line-height:33px;font-weight:bold; font-family:"΢ÈíÑźÚ"; font-size:16px; width:247px; text-align:center; border:0; cursor:pointer; background:#4eaf58;color:#FFFFFF}
.loginbtn { height:40px; line-height:40px; font-weight:bold; font-family:"΢ÈíÑźÚ"; font-size:16px; important; width:317px; text-align:center; border:0; cursor:pointer; background:#1e4a29;color:#FFFFFF}
.loginbtn:hover {height:40px; line-height:40px;font-weight:bold; font-family:"΢ÈíÑźÚ"; font-size:16px; width:317px; text-align:center; border:0; cursor:pointer; background:#4eaf58;color:#FFFFFF}

.clearfix:after{clear:both;}

input[type="text"].loginuser:focus, input[type="password"].loginmi:focus{ border:1px solid #006EB7; box-shadow:0 3px 3px 3px #eee;}
input[type="text"].loginuser { height:45px; line-height:45px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; width:265px; padding-left:50px; background:url(/images/login_10.jpg) no-repeat; border:0; background-position: initial initial; background-repeat: initial initial;}
input[type="password"].loginmi { height:45px; line-height:45px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important; width:265px; padding-left:50px; background:url(/images/login_13.jpg) no-repeat; border:0; background-position: initial initial; background-repeat: initial initial;}
input[type="submit"].zc_btn,input[type="button"].zc_btn{background:#006EB7;width:334px; cursor:pointer;height:44px;line-height:44px;text-align:center;font-size:20px;color:#fff;border:1px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;border: 1px solid #CCC!important;}

.main2 {width:1000px; height:600px; margin:auto;}

.train1 {position: absolute;top: 200px;left: 32%;margin-left: -280px; background:#cbdbcb; width:380px; height:450px; border:1px solid #FFFFFF; padding-left:50px; padding-right:50px;}
.train1:hover {background-color:#cbdbcb;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;}
.train1 h2 {font-size:30px; line-height:80px; font-weight:100;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.train1 p {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}

.train2 {position: absolute;top: 200px;right: 40%;margin-right: -400px; background:#bbe8f5; width:380px; height:450px; border:1px solid #FFFFFF; padding-left:50px; padding-right:50px;}
.train2:hover {background-color:#bbe8f5;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;}
.train2 h2 {font-size:30px; line-height:80px; font-weight:100;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.train2 p {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}

.train3 {position: absolute;top: 200px;left: 45%;margin-left: -280px; background:#cbdbcb; width:620px; height:400px; border:1px solid #FFFFFF; padding-left:50px; padding-right:50px;}
.train3:hover {background-color:#cbdbcb;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;}
.train3 h2 {font-size:30px; line-height:80px; font-weight:100;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.train3 p {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}

.main4 {width:1000px; height:750px; margin:auto;}
.train4 {position: absolute;top: 150px;left: 45%;margin-left: -280px; background:#cbdbcb; width:620px; height:650px; border:1px solid #FFFFFF; padding-left:50px; padding-right:50px;}
.train4:hover {background-color:#cbdbcb;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7;}
.train4 h2 {font-size:30px; line-height:80px; font-weight:100;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}
.train4 p {font-size:16px; line-height:36px;font-family:"΢ÈíÑźÚ","Microsoft YaHei" ! important;}

/* ͨ¹ýQQµÇ¼ */
.dl_qq,.dl_jzb{background:url("/images/dl_icon.png") no-repeat 0 0;height:30px;width:30px; display:inline-block; vertical-align: middle;}
.dl_qq{ background-position:-40px 0;}
.dl_qq:hover{ background-position:-40px -40px;}
.dl_jzb{ background-position:-80px 0;}
.dl_jzb:hover{ background-position:-80px -40px;}

.reg_title{ border-bottom:1px solid #e5e5e5; visibility:visible}