html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}
body {
  font-family: "Microsoft YaHei", "微软雅黑", Avenir, "Helvetica Neue", Helvetica, "Lantinghei SC", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  width: 100%;
  height: 100%;
}
select,
option,
button,
textarea {
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  
  -webkit-background: linear-gradient(to bottom, #ffffff, #ffffff);
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  outline: none;
  font-family: "Microsoft YaHei", "微软雅黑", "Avenir", "Helvetica Neue", "Helvetica", "Lantinghei SC", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif";
  border-radius: 1px;
}
li {
  list-style: none;
  border-radius: 5px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cf {
  clear: both;
}
.pos_r{
	position: relative;
}
img,
input {
  border: none;
}
* {
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
}
.w{
	width: 1270px !important;
	text-align: center;
	margin: auto;
}
.ww{
    width: 100% !important;
    text-align: center;
    margin: auto;
}
body{
	min-width: 1024px;
}
/*导航*/
header{
	position: fixed;
	top:0;
	width: 100%;
	height:80px;
	/*background:-webkit-gradient(224deg, #1D97F2, #227FED, #243FCA);*/
	background:-moz-linear-gradient(224deg, #1D97F2, #227FED, #243FCA);
	background:-ms-linear-gradient(224deg, #1D97F2, #227FED, #243FCA);
	background:-o-linear-gradient(224deg, #1D97F2, #227FED, #243FCA);
	background:-webkit-linear-gradient(224deg, #1D97F2, #227FED, #243FCA);
	background:linear-gradient(224deg, #1D97F2, #227FED, #243FCA);
	color: #fff;
	z-index: 999;
}
header a{
	font-family:'Microsoft YaHei';
	color: #fff;
}
.logo{
	/*height:50px;*/
    width:150px;
}
.activeli{
	border-bottom: ;
}
.header_nav li{
	float: left;
	line-height: 80px;
	text-align: center;
	margin: 0 50px;
	font-size: 18px;
	position: relative;
}
.header_nav a{
	display: inline-block;
	height:70px;
}
.header_nav b{
	position: absolute;
	height: 3px ;
	width:0%;
	background: #fff;
	top:77px;
	left: 0;
	margin-left: -22%;
}
.header_nav li:hover b{
	transition:width 0.3s;
	width:157%;
}
.header_left{
	line-height: 80px;
	font-size: 32px;
	font-weight: bold;
    margin-right: 15px;
}
.header_left img{
	vertical-align: middle;
	/*margin-right: 15px;*/
}
.nav_right .nav_login{
	line-height: 80px;
}
.nav_right .nav_login img{
	vertical-align: middle;
}
.nav_right .nav_login span{
	padding: 0 10px;
	display: inline-block;
	height:80px;
}
.header_left{
	font-size: 24px;
	cursor: pointer;
}
.login_order{
	position: absolute;
	background: #fff;
	width:120px;
	line-height: 30px;
	display: none;
	border-radius: 5px;
	margin-left: -8px;
}
.login_order a{
		color: black;
		font-size: 12px;
}

.login_order li:hover{
	background: #DDDDDD;
	
}
.login_order a:hover{
	color: #666666;
}
 .nav_login >div{
 	cursor: pointer;
 }
 .nav_login >div:hover .login_order{
	display: block;
}
/* left */
@keyframes lefteaseinAnimate{
    from{ transform: translateX(-200px); opacity: 0;}
    to{ transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes lefteaseinAnimate{
    from{ -webkit-transform: translateX(-200px); opacity: 0;}
    to{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes lefteaseinAnimate{
    from{ -o-transform: translateX(-200px); opacity: 0;}
    to{ -o-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes lefteaseinAnimate{
    from{ -ms-transform: translateX(-200px); opacity: 0;}
    to{ -ms-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes lefteaseinAnimate{
    from{ -moz-transform: translateX(-200px); opacity: 0;}
    to{ -moz-transform: translateX(0px); opacity: 1;}
}
/* left study */
@keyframes lefteaseinoutAnimate{
    from{ width:0; opacity: 0;}
    to{ width:39.5%; opacity: 1;}
}
@-webkit-keyframes lefteaseinoutAnimate{
   from{ width:0; opacity: 0;}
    to{ width:39.5%; opacity: 1;}
}
@-o-keyframes lefteaseinoutAnimate{
    from{ width:0; opacity: 0;}
    to{ width:39.5%; opacity: 1;}
}
@-ms-keyframes lefteaseinoutAnimate{
    from{ width:0; opacity: 0;}
    to{ width:39.5%; opacity: 1;}
}
@-moz-keyframes lefteaseinoutAnimate{
    from{ width:0; opacity: 0;}
    to{ width:39.5%; opacity: 1;}
}
/* right */
@keyframes righteaseinAnimate{
    0%{ width:0; opacity: 0;}
    100%{ width:42%; opacity: 1;}
}
@-webkit-keyframes righteaseinAnimate{
    0%{ width:0; opacity: 0;}
    100%{ width:42%; opacity: 1;}
}
@-o-keyframes righteaseinAnimate{
    0%{ width:0; opacity: 0;}
    100%{width:42%; opacity: 1;}
}
@-ms-keyframes righteaseinAnimate{
    0%{ width:0; opacity: 0;}
    100%{width:42%; opacity: 1;}
}
@-moz-keyframes righteaseinAnimate{
    0%{ width:0; opacity: 0;}
    100%{ width:42%; opacity: 1;}
}
/* right top */
@keyframes bottomeaseinAnimate{
    0%{opacity: 0;height:0;}
    100%{opacity: 1;height:256px;}
}
@-webkit-keyframes bottomeaseinAnimate{
    0%{opacity: 0;height:0;}
    100%{opacity: 1;height:256px;}
}
@-o-keyframes bottomeaseinAnimate{
    0%{opacity: 0;height:0;}
    100%{opacity: 1;height:256px;}
}
@-ms-keyframes bottomeaseinAnimate{
    0%{opacity: 0;height:0;}
    100%{opacity: 1;height:256px;}
}
@-moz-keyframes bottomeaseinAnimate{
    0%{opacity: 0;height:0;}
    100%{opacity: 1;height:256px;}
}

/*bottomCricle*/
@keyframes bottomeaseinAnimateC{
    0%{opacity: 0;transform: translateY(500px);}
    100%{opacity: 1;transform: translateY(0px);}
}
@-webkit-keyframes bottomeaseinAnimateC{
    0%{ -webkit-transform: translateY(500px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes bottomeaseinAnimateC{
    0%{ -o-transform: translateY(500px); opacity: 0;}
    100%{ -o-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes bottomeaseinAnimateC{
    0%{ -ms-transform: translateY(500px); opacity: 0;}
    100%{ -ms-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes bottomeaseinAnimateC{
    0%{ -moz-transform: translateY(500px); opacity: 0;}
    100%{ -moz-transform: translateY(0px); opacity: 1;}
}

/* left about */
@keyframes lefteaseinAnm{
    0%{ transform: translateX(-100px); opacity: 1;}
    100%{ transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes lefteaseinAnm{
    0%{ -webkit-transform: translateX(-100px); opacity: 1;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes lefteaseinAnm{
    0%{ -o-transform: translateX(-100px); opacity: 1;}
    100%{ -o-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes lefteaseinAnm{
    0%{ -ms-transform: translateX(-100px); opacity: 1;}
    100%{ -ms-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes lefteaseinAnm{
    0%{ -moz-transform: translateX(-100px); opacity: 1;}
    100%{ -moz-transform: translateX(0px); opacity: 1;}
}
/* right first */
@keyframes righteaseinAnm{
    0%{ transform: translateX(400px); opacity: 0;}
    100%{ transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes righteaseinAnm{
    0%{ -webkit-transform: translateX(400px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes righteaseinAnm{
    0%{ -o-transform: translateX(400px); opacity: 0;}
    100%{ -o-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes righteaseinAnm{
    0%{ -ms-transform: translateX(400px); opacity: 0;}
    100%{ -ms-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes righteaseinAnm{
    0%{ -moz-transform: translateX(400px); opacity: 0;}
    100%{ -moz-transform: translateX(0px); opacity: 1;}
}
/* right second */
@keyframes righteaseinAnm2{
    0%{ transform: translateX(200px); opacity: 0;}
    100%{ transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes righteaseinAnm2{
    0%{ -webkit-transform: translateX(200px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes righteaseinAnm2{
    0%{ -o-transform: translateX(200px); opacity: 0;}
    100%{ -o-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes righteaseinAnm2{
    0%{ -ms-transform: translateX(200px); opacity: 0;}
    100%{ -ms-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes righteaseinAnm2{
    0%{ -moz-transform: translateX(400px); opacity: 0;}
    100%{ -moz-transform: translateX(0px); opacity: 1;}
}
/* right third */
@keyframes righteaseinAnm3{
    0%{  opacity: 0;}
    100%{  opacity: 1;}
}
@-webkit-keyframes righteaseinAnm3{
    0%{  opacity: 0;}
    100%{ opacity: 1;}
}
@-o-keyframes righteaseinAnm3{
    0%{  opacity: 0;}
    100%{  opacity: 1;}
}
@-ms-keyframes righteaseinAnm3{
    0%{  opacity: 0;}
    100%{  opacity: 1;}
}
@-moz-keyframes righteaseinAnm3{
    0%{  opacity: 0;}
    100%{  opacity: 1;}
}
#cnzz_stat_icon_1253607053{display:none;}