html,
body {
  color: rgba(0, 0, 0, 0.9);
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal; text-align:center;}
a,
a:hover{ transition: all .3s ease-out; -webkit-transition: all .3s ease-out;}
.btn2{ padding:5px 10px; border-radius:2px; background-color:#45b65e;}
.all { width: 1206px; margin: 0 auto;}
header { position: absolute; top: 0; right: 0; left: 0; height: 60px; background-color: #3A3F51; z-index: 5;}
.logo { float: left; margin: 10px 0 4px 10px; width:180px;}
.Logo-fsxh .logo{ width:75px;}
nav { float: left; margin: 0 0 0 50px;}
.zhny-nav-pc .menu { position: relative; z-index: 1000; line-height: 58px;}
.zhny-nav-pc .menu li { float: left; position: relative;}
.zhny-nav-pc .menu li a { font-size: 16px; color: #fff; display: block; padding: 0 20px; font-weight: normal; border-bottom: 2px solid #3A3F51;}
.zhny-nav-pc .menu li.cf-Active a,.menu li.cf-Active a:hover { color: #45b65e; border-bottom: 2px solid #45b65e;}
.zhny-nav-pc .menu li a:hover {color: #45b65e; border-bottom: 2px solid #45b65e; }
.zhny-nav-pc .menu li.active a { color: #45b65e; }
.zhny-nav-mobile {
    position: absolute;
    width: 3rem;
    height: 3rem;
    right: .5rem;
    top: 6px;
    text-align: center;
}
.zhny-nav-mobile i{ font-size:2rem; color:#b3b3b3; line-height: 3rem;}
.zhny-nav-mobile .menu{
    position: fixed;
    background: rgba(255, 255, 255, 0.98);
    border-radius: .3rem;
    width: 7rem;
    right: 1rem;
    top: 65px;
    z-index:3;
    display:none;
}
.zhny-nav-mobile .menu:before {
    content: '';
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid rgba(255, 255, 255, 0.98);
    position: absolute;
    top: -.45rem;
    right: .5rem;
}
.zhny-nav-mobile .menu a {
	display: inline-block;
    height: 3rem;
    line-height: 3rem;
    padding: 0;
    width: 100%;
    text-indent: 1rem;
    text-align: left;
    color: 1;
    float: left;
}
.zhny-nav-mobile .menu a:active, .zhny-nav-mobile .menu a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(71, 184, 95, 0.98);
    border-bottom: 0;
    height: 3rem;
}
.zhny-nav-mobile .menu a.active {
    color: #ffffff !important;
    background: rgba(71, 184, 95, 0.98);
    border-bottom: 0;
    height: 3rem;
}
.zhny-nav-mobile .menu a:nth-child(1){
	border-radius: .3rem .3rem 0 0;
}
.zhny-nav-mobile .menubackground {
    content: '';
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    display:none;
}
.login{ margin: 18px 20px 18px 80px;}
.login a { color: #fff;  padding: 0 5px; }
.login a.btn{padding:5px 10px;}
.login a:hover { color: #45b65e; }
.login a:hover.btn,
.login a:hover.btn2{ background-color:#fff;}
/*zhny-banner*/
.zhny-banner{ width:100%; height:100%;}
.zhny-background{
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: url(/images/erp/home4.jpg) no-repeat center;
    background-size: cover !important;
}
.fade-from-on-to-down .fadein {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.fade-from-on-to-down .fadein:nth-child(1) {
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.fade-from-on-to-down .fadein:nth-child(2) {
  -webkit-transition: all 0.7s ease-out 0.5s;
  transition: all 0.7s ease-out 0.5s;
}
.fade-from-on-to-down .fadein:nth-child(3) {
  -webkit-transition: all 0.7s ease-out 0.8s;
  transition: all 0.7s ease-out 0.8s;
}
.fade-from-on-to-down .fadein:nth-child(4) {
  -webkit-transition: all 0.7s ease-out 1.1s;
  transition: all 0.7s ease-out 1.1s;
}
.fade-from-on-to-down.fadeshow .fadein {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.fade-from-on-to-down .fadein2 {
  	opacity: 0;
	animation:fadein2 2s linear 1s infinite alternate;
	-moz-animation:fadein2 2s linear 1s infinite alternate; 
	-webkit-animation:fadein2 2s linear 1s infinite alternate;
	-o-animation:fadein2 2s linear 1s infinite alternate;
}
@keyframes fadein2{
	0%   {opacity: 0; bottom: 2rem;}
	50%  {opacity: 1; bottom: 1rem;}
	100% {opacity: 0; bottom: 2rem;}
}
@-webkit-keyframes fadein2{
	0%   {opacity: 0; bottom: 2rem;}
	50%  {opacity: 1; bottom: 1rem;}
	100% {opacity: 0; bottom: 2rem;}
}
.head-info {
  width: 100%;
  position: absolute;
  z-index: 3;
  text-align: center;
  left: 0;
  top: 50%;
  bottom:0;
  margin-top: -9rem;
}
.head-info h2 {
  font-size: 4rem;
  color: #ffffff;
}
.head-info h3 {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
}
.head-info p{ 
	position: absolute;
	right: 0;
    bottom: 2rem;
    left: 0;
    text-align: center;
    display: block;
    line-height: 3rem;
}
.head-info p a {
  color: #ffffff;
  border-radius: 0.3rem;
  padding: .6rem 2.5rem;
  font-size: 3rem;
  cursor: pointer;
  margin: 4rem 1rem 0 1rem;
}
#zhny-content{ width:100%; height:auto; background-color:#f5f5f5;}
.zhny-content h2,.zhny-function h2{ font-size: 3rem; padding-top:3rem;}
.zhny-content h3,.zhny-function h3{ font-size: 1rem;}
.zhny-content .zhny-iphone{ text-align:center; padding-top:30px;}
.zhny-function ul{ width:1050px; margin:40px auto 10px; overflow: hidden;}
.zhny-function ul li{ float:left; width:20%; height:200px; margin: 10px 6.66%; text-align:center;}
.zhny-function ul li i{ font-size:4rem;}
.zhny-function ul li span{ display: inherit; margin-top:10px; font-size:1.2rem;}
.zhny-function ul li p{line-height: 1.2rem;color: rgba(0,0,0,.5); text-align: left; padding: 10px 25px;}
.zhny-function ul li:nth-child(1) i{color:#0099cc;}
.zhny-function ul li:nth-child(2) i{color:#ffb136;}
.zhny-function ul li:nth-child(3) i{color:#00a800;}
.zhny-function ul li:nth-child(4) i{color:#669999;}
.zhny-function ul li:nth-child(5) i{color:#ff6666;}
.zhny-function ul li:nth-child(6) i{color:#a55ccb;}
.zhny-price{margin-top:20px; padding: 20px 0; height:600px; background-color:#f5f5f5;}
.zhny-price ul{ padding: 15px; width: 870px; margin: 0 auto; background-color:#fff;}
.zhny-price ul li{ margin-top:15px; padding-bottom: 15px; border-bottom: 1px dashed #b6b6b6;}
.zhny-price ul li:nth-child(1){ margin-top:0;}
.zhny-price ul li a{ position:relative; display:block; height: 136px;}
.zhny-price ul li a:hover{ background-color:#f2f2f2;}
.zhny-price ul a.btn-more{padding:.5rem 0 0;}
.zhny-price ul a.btn-more:hover{padding:.5rem .5rem 0 0; color:#45b65e;}
.zhny-price ul li a h2{font-size: 1.6rem; text-align: left;}
.zhny-price ul li a img{ float:left; margin-right:.8rem; width:23%;}
.zhny-price ul li a p{ color: rgba(0,0,0,.5);}
.zhny-price ul li a p.price-Text{ max-height: 65px; overflow: hidden;}
.zhny-price ul li a p.price-Time{ position: absolute; right: .5rem; bottom: .5rem;}
.zhny-nav-mobile{ display:none;}
.zhny-code{ min-height:400px; background-color:rgba(0, 0, 0, 0.8);}
.zhny-code-img{ display: table; margin:0 auto; padding-top: 20px;}
.zhny-code-img .code-left,
.zhny-code-img .code-right{ width: 8rem; height: 8rem; margin: 20px 40px; float:left; background-color: #ffffff;}
.zhny-code-img img{ width:100%; border-radius: .3rem;}
.zhny-code-img p{ color:#fff; text-align:center; margin-top:1rem; line-height: 2rem;}
.zhny-code-img a{ line-height: 2rem; background: #fff; padding: 0 1rem; border-radius: 2rem; margin: 1rem auto; display: table;}
.zhny-code-img a:hover,.zhny-code-img a:active{ color:#fff; background-color: #45b65e;}
/*footer*/
footer { background-color: #000; padding: 15px 0; margin-top:0;}
.footlink { text-align: center;}
.footlink li { display: inline;}
.footlink li a { font-size: 14px; padding: 0 20px;}
.footlink li a:hover{ color: red; }
.jyx { margin-top: 20px; text-align: center; }
.jyx img { margin: 0 auto; }
.cpy { color: rgba(255, 255, 255, 0.6); margin-top: 0; text-align: center; }
.cpy a { color: #666; }
.contact-us-i{ position: fixed;bottom: 65px;right: 20px; z-index: 4;}
.code-img,.contact-us-text{ position: absolute; right: 46px; bottom: 45px; padding: 15px; width: 115px; background-color: #CCC; display: none;}
.contact-us-text{ padding: 0 ; height: 45px; line-height: 45px; bottom: 0;}
.code-img p,.contact-us-text p{ font-size: 14px; text-align: center;}
.code-img img{ width: 115px; margin-top: 15px;}
.contact-us-i a.contact-us-a:hover .code-img,
.contact-us-i a.contact-us-a2:hover .contact-us-text{ display: block;}
#goToTop { position: fixed; bottom: 20px; right: 20px;}
#goToTop a,.contact-us-i a { width: 45px; display: inherit; text-align: center; background-color: rgba(249, 249, 249, 1); border: 1px solid #ccc; border-bottom: none; font-size: 28px;}
#goToTop a,.contact-us-i a.contact-us-a2{ border-bottom: 1px solid #ccc;; }
#goToTop a:hover,.contact-us-i a:hover{ background-color: #f1f1f1;}
.logo_max{
	width: auto;
    height: 98%;
    border-radius: 10px;
    margin: 0;
	overflow: hidden;
    border: 1px solid #D9D9D9;
    background: #fff;
}
.logo_banner{
	position: relative;
	width: auto;
    height: 420px;
    padding: 0 25px;
    background: #fff;
}
.register-btn{
	position: absolute;
    left: 40px;
    bottom: 120px;
    color: #1892E8;
    font-size: 18px;
}
.register-btn a{
	padding: 7px 15px;
    background-color: #FFBE4B;
    border-radius: 2px;
    color: #fff;
    margin-left: 40px;
}
.register-btn a:hover{ background-color: #FFA300; }
.logo_banner .bar{
	position: absolute;
    width: 1px;
    height: 255px;
    background-color: #D9D9D9;
    right: 0;
    top: 90px;
}
.logo_content{ position: absolute; top: 40px; right: 100px; bottom: 60px; left: 100px; width: auto; height: auto;}
.logo_box {
	width: 320px;
    height: 350px;
    padding: 35px;
    background-color: #fff;
}
.logo_box h3 {
    text-align: center;
    color:#000; 
    font-size: 28px; 
    line-height: 32px;
    font-weight: normal;
}
.input_outer {
    height: 46px;
    padding: 0 5px;
    margin-bottom: 20px;
    position: relative;
    border: #D9D9D9 1px solid !important;
    background-color: #fff;
}
.u_user {
    width: 25px;
    height: 25px;
    position: absolute;
    margin: 12px 13px;
    font-size: 20px;
    line-height: 20px;
}
.input_text,
.input_text2 {
	position: absolute;
    width: 220px;
    height: 46px;
    outline: none;
    display: inline-block;
    margin-left: 45px;
    border: none;
    background: none;
    line-height: 46px;
    z-index: 100;
}
.input_text2 { width: 145px;}
.l-login {
    position: absolute;
    z-index: 1;
    left: 50px;
    top: 0;
    height: 46px;
    line-height: 46px;
}
#verifyCode {
    padding-right: 118px;
    background-image: url(../erp/verifyCode.jpg);
    background-repeat: no-repeat;
    background-position: 160px center;
}
.dangerArea {
    font-size: 16px;
    color: #F70803;
    text-align: center;
    font-weight: bold;
}
.mb2 {
    margin-bottom: 20px;
}
.mb2 a {
    text-decoration: none;
    outline: none;
}
.submit {
    padding: 15px;
    margin-top: 20px;
    display: block;
}
.act-but {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    background-color: #00a69b;
    border-color: #008d83;
}
.act-but.focus,
.act-but:focus{color:#fff;background-color:#00736b;border-color:#000d0c}
.act-but.active,
.act-but:active,
.act-but:hover{color:#fff;background-color:#00736b;border-color:#004f4a}
.act-but.active.focus,
.act-but.active:focus,
.act-but.active:hover,
.act-but:active.focus,
.act-but:active:focus,
.act-but:active:hover{color:#fff;background-color:#004f4a;border-color:#000d0c}
a.forget-t{ color: #999; }
a.forget-t:hover{ color: #3CA5F6; }
a.register-t{ color: #F70; }
.digg4  { 
	text-align:center; 
	padding-bottom:60px;
}
.digg4 span , .digg4 a {
	border:1px solid #CCC; 
	padding:4px 10px;
	border-radius:5px;
	margin:2px; 
	text-decoration:none;
	background:#f5f5f5;
}
.digg4 a:hover {
	background:#E8E6E6;
}
.digg4  a:active{
	background:#f1f1f1;
}
.digg4  span.current {
	color:#FFF;
	border:none;
	background:#F33;
}
.digg5 {padding-top:60px;}
.digg4 a.pitch_On{
	background: #3CA5F6;
    color: #fff;
    border: 1px solid #3CA5F6;
}
@media only screen and (max-width: 767px){
	.logo { margin: 10px 0 4px 10px; width: 140px;}
	.login { margin: 18px 20px 18px 10px; float: left;}
	.zhny-nav-mobile{ display:block;}
	.zhny-nav-pc,.contact-us-i{ display:none;}
	.cpy { padding: 0 1rem;}
	.head-info h2 { font-size: 1.6rem;}
	.head-info h3 { font-size: 1rem; padding: 1rem;}
	.zhny-content h2, .zhny-function h2 { font-size: 1.6rem; padding-top: 1rem;}
	.zhny-content h3, .zhny-function h3 { font-size: .9rem; padding: 1rem;}
	.zhny-content .zhny-iphone { margin: 1rem; padding-top: .5rem;}
	.zhny-content .zhny-iphone img{ width:100%;}
	.zhny-function ul { width: 100%; margin: .5rem auto 10px;}
	.zhny-function ul li { width: 48%; margin: 10px 1%; height: 170px;}
	.zhny-function ul li i { font-size: 3rem;}
	.zhny-function ul li p { padding: .5rem;}
	.zhny-function ul li span { font-size: 1rem;}
	.zhny-price ul { padding: .5rem; width: auto;}
	.zhny-price ul li { margin-top: .5rem; padding-bottom: .5rem;}
	.zhny-price ul li a { height: auto;}
	.zhny-price ul li a img {margin-right: .5rem; width: 6.4rem;}
	.zhny-price ul li a h2 { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.zhny-price ul li a p.price-Text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.zhny-price ul li a p.price-Time { position: inherit;}
	.zhny-price { margin-top: 0; padding-top: 1px; height: auto;}
	#goToTop a{ background-color: rgba(249, 249, 249, 0.9)!important; border-radius: 5rem;}
	.zhny-code-img .code-left, .zhny-code-img .code-right { margin: 20px 1rem 45px;}
	.zhny-code-img { width: 20rem;}
	.logo_content { top: 1rem !important; right: .5rem !important; bottom: 5rem !important; left: .5rem !important;}}
	.logo_box {width: 280px;}
	.logo_box h3 { padding: 10px 0 25px 0;}
}
@media only screen and (max-width: 320px){
	.head-info h2 { font-size: 1.4rem;}
	.zhny-content h2, .zhny-function h2 { font-size: 1.4rem; padding-top: .5rem;}
@media only screen and (min-width: 768px) and (max-width:1024px){
	.login{ margin: 18px 20px 18px 20px;}
	.head-info h2 { font-size: 3rem;}
	.head-info h3 { font-size: 1.4rem; margin-top: 2rem;}
	.zhny-function ul {width: auto;}
	.zhny-function ul li { width: 30%; margin: 10px 1.66%;}
	.zhny-price ul { width: auto;}
	.zhny-price ul li a img { width: 27%;}

}