*{padding:0px;margin:0px;}
body{font-family: "Microsoft YaHei";font-size: 14px;color: #303133;background: url("../images/bg.png");}
ul li{list-style-type:none;}
a{text-decoration:none;cursor: pointer;color:#606266}
a:hover{ color:#ff742f;}
button{cursor: pointer;}
button:hover{opacity: 0.8;}
img{line-height: 0;border: 0;}
input,button{border:none;}
input,button:focus {outline:none;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#c0c4cc;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#c0c4cc;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#c0c4cc;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#c0c4cc;
}
.hide{display: none;}
.nospace{white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.left{float: left}
.right{float: right;}
.w1000{width: 1100px;margin:0 auto;}
.w1260{width: 1260px;margin:0 auto;}
.headdiv{background: #fff;width: 100%;height: 110px;}
.head{width:1100px;height: 110px;margin:0 auto;}
.logo{margin-top: 15px;}
.nav{color: #303133;margin-top: 46px;}
.nav a{color: #303133;}
.nav a:hover{color: #FA6400;}
.nav li{width: 130px;text-align: center; float: left;position:relative;}
/* .nav li:hover{background: rgba(31,167,140,0.78);;}
.nav li ul{display: none;position: absolute;z-index: 10;background:rgba(31,167,140,0.78);}
.nav li:hover ul{display:block;top:50px;}
.nav li ul li{clear: both;width: 120px; border-bottom: 1px solid rgba(31,167,140,0.78);font-size: 14px;line-height: 38px;}
.nav li ul li:hover{background: rgba(31,167,140,0.78);} */
.banner{
	width: 100%;
	height: 750px;
	}
.banner .pt{
	position: relative;
	margin-top: 30px;
	margin-left: 50px;
}
.banner .pt div{
	position: absolute;
}
.banner .pt .mobile{
	left: 250px;
	top: 50px;
	z-index: 3
}
.banner .pt .pc{
	z-index:2
}
.banner .pt .shadow{
	top: 130px;
	left: -80px;
}
.banner .text{
	color: #fff;
	line-height: 30px;
	margin-top: 180px;
	margin-left: 60px;
}
.banner .login{
	width: 360px;
  	height: 391px;
  	background: #fff;
  	border-radius: 5px;

  	overflow: hidden;
  	position:relative;
  	z-index: 1;

}
.banner .loginout{
	width: 360px;
  	height: 391px;
  	margin-top: 150px;
  	margin-right: 100px;
}
.banner .login .tab{
	height: 57px;
	background: #f7f7f7;
	width: 100%;
}
.banner .login .tab span{
	height: 57px;
	background: #f7f7f7;
	width:100%;
	line-height: 57px;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.banner .login .tab .icon-ewm img{
	margin:20px -20px 0 40px ;
 }
.banner .login .tab .on{
	background: #fff;
	color: #6236ff;
}
.banner .login .use,.banner .login .password{
	width: 290px;
  	height: 42px;
  	line-height: 42px;
  	border: solid 1px #e4e7ed;
  	margin:30px auto 0;
  	border-radius: 3px;
}
.banner .login .use{
  	background:url(../images/icon-use.png) no-repeat 12px center
}
.banner .login .password{
  	background:url(../images/icon-password.png) no-repeat 12px center;
}
.banner .login .use input,.banner .login .password input{
	width: 250px;
	height: 40px;
}
.banner .login .yzm{
	width: 290px;
  	height: 42px;
    margin:30px auto 0;
}
.banner .login .yzm input{
	width: 120px;
    height: 40px;
    border: solid 1px #e4e7ed;
    text-align: center;
}

.banner .login .yzm img{
	width: 112px;
    height: 40px;
    background: #f0f2f5;
    margin-left: 8px;
}
.banner .login .btn{
	width: 290px;
	height: 42px;
	background: #ff7a45;
	display: block;
	/* line-height: 42PX; */
	text-align: center;
	color: #fff;
	margin:30px auto 0;
	border-radius: 3px;
}
.banner .login .ewm-login{
	display: block;
	margin:50px auto 0;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.banner .app-down{
	margin-top:20px;
	cursor: pointer;
}
.banner .ios-down{
	margin:0 15px 0 0;
	cursor: pointer;
}
.banner .android-down{
	margin:8px 15px 0 0;
}
.body1{
	width: 100%;
	min-height: 450px;
	background: #F2F6FC;
}
.body1 .cart{
  width: 282px;
  min-height: 344px;
  background: #ffffff url(../images/nav-bg.png) no-repeat;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
  margin:50px 16px;
  border-radius: 5px;
  color: #fff;
}
.body1 .cart:hover{
	box-shadow: 0px 2px 20px rgba(0,0,0,0.1);
}
.body1 .cart h5{
	padding:20px;
	font-size: 20px;
  	font-weight: 290;
}
.body1 .cart p{
	padding:15px 20px;
	color: #606266;
	line-height:30px;
}
.body2 {
	width: 100%;
	min-height: 590px;
	background: #fff;
}
.body2 .cart{
	width: 50%;
	min-height: 265px;
}
.body2 .cart img{
	margin:50px 0 0 30px;
}
.body2 .cart h5{
    font-size: 22px;
    font-weight: 290;
    margin:20px 0 20px 0	;


}
.body2 .cart p{
    color: #606266;
}

.body2 .cart .text{
    width:400px;
    margin: 20px;
    line-height: 30px;

}
.body3 {
	width: 100%;
	min-height:385px;
	background: #F2F6FC;
}
.body3 img{margin:30px 30px  30px 100px;}
.body3 p{
	width:500px;
	margin:140px;
	line-height: 28px;
	color: #606266;
}
.link{
	width: 100%;
	height: 190px;
	background:url(../images/zxhz-bg.png);
	color: #fff;
	text-align: center;
}
.link .time{
	font-size: 12px;
  	font-weight: 290;
  	line-height: 20px;
 }
 .link .teleph{
 	font-size: 26px;
  	font-weight: 700;
  	line-height: 40px;
 }
 .link .name{
 	font-size: 18px;
  	font-weight: 290;
  	padding-top: 40px;

 }
.foot{
	width: 100%;
	min-height: 200px;
	background: #303133;
	color: #fff;
}
.foot .dc-ewm{
	text-align: center;
	margin:40px 20px 0 20px;
}
.foot .text{
	margin:40px 0 0 0;
	line-height:26px;
}
.square{
	position: absolute;
	right: 150px;
	top: -150px;
}
.footer{
	background: #fff;
	width: 100%;
	height: 110px;
	line-height: 110px;
	text-align: center;
	position: fixed;
	bottom: 0;
	margin: 0px;
}

@media (max-width: 1440px) {
	.banner .loginout{ margin-top:70px;}
}

@media (max-width: 1366px) {
	.banner .text{ margin-top:55px;}
	.banner .loginout{margin-top:8px;}
}