*{padding:0px;margin:0px;}
input{
    box-shadow: inset 0 0 0 1000px #fff!important;
}
body{font-family: "Microsoft YaHei";font-size: 14px;color: #303133;background: #F3F6FB;}
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;}
.w1200{width: 1200px;margin:0 auto;}
.headdiv{background: #fff;width: 100%;height: 100px;}
.head{width:1100px;height: 110px;margin:0 auto;}
.logo{margin-top: 20px;margin-bottom:20px;height: 70px;line-height: 70px;}
.hide{display: none;}
.banner{
	width:100%;
	position: absolute;
	top:170px;
	z-index: 1000
	}

.banner .pc{
	margin-top:160px;
}
.banner .loginout{
	width: 360px;
  	height: 391px;
  	margin-top: 150px;
  	margin-right: 100px;
}

.banner .login{
  width: 380px;
  height: 450px;
  background: #ffffff;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  border-radius: 5PX;
  overflow:hidden;
  margin-right: 20px;
}	 

.banner .login .tab{
	width: 380px;
  height: 62px;
  background: #417eff;
  font-size: 18px;
  font-weight: 290;
  line-height: 62PX;
  color: #fff;
  text-align: center;
}

.banner .login .tab .icon-ewm img{
	margin:20px -20px 0 40px ; 
 }
.banner .login .tab .on{
	background: #fff;
	color: #0b65d3;
}
.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;
  	margin-top:60px;
}
.banner .login .password{
  	background:url(../images/icon-password.png) no-repeat 12px center;
}
.banner .login .use input,.banner .login .password input{
	width: 250px;
	height: 42px;
}
.yzm{
	width: 290px;
  	height: 42px;
    margin:30px auto 0;
}
.yzm i{
    line-height: 50px;
    cursor: pointer;
    margin-left: 10px;
}
.banner .login .yzm input{
	width: 120px;
    height: 38px;
    border: solid 1px #e4e7ed;
    text-align: center;
}

.banner .login .yzm img{
	width: 100px;
    height: 30px;
    margin-left: 8px;
    margin-top: 4px;
}
.banner .login .btn{
	width: 299px;
	  height: 48px;
	  background: #ff6c0b;
  	display: block;
  	line-height: 48PX;
  	text-align: center;
  	color: #fff;
  	margin:30px auto 0;
  	border-radius: 3px;
}

.btn{cursor: pointer;}
.btn:hover{opacity: 0.8;}
.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; 
}
.footer{
	width: 100%;height: 110px;line-height: 28px;text-align: center; color: #909398;margin-top: 10px;
}
@media screen and (max-width:1000px){
 .pc {display:none;}
  .banner .loginout{margin-right:0;margin-top:30px;}
  .w1000{width: 360px;margin:0 auto;}
  .banner{height: 450px;}
  .logo{text-align: center;background-size:contain;}
  .logo img{width: 320px;}
}
@media screen and (max-width:480px){
   .banner .loginout {
    margin-top: 0;
	width: 340px;
	}
    .banner {
    height: 380px;
    background: #fff;
	}
	.w1000 {
    width: 320px;
	}
	body{
		background: url("../images/bg.png");
	}
	.banner .login{background:none;}
	.banner{background:none;}
	.footer{background:none;color: #fff;display: inline-block;}
	.banner .login .btn{background:#fff;color: #0b65d3; }
	.banner .login .tab .on {
	    background: #0b65d3;
	    color: #fff;

	}
	.banner .login .use input, .banner .login .password input {
    background: none;
	color: #fff;}
    .banner .login .yzm input {
    	background: none;
    }
    .banner .login .yzm input{
    	color: #fff;
    }
    .banner .login .use{
  	background:url(../images/icon-use1.png) no-repeat 12px center
	}
	.banner .login .password{
	  	background:url(../images/icon-password1.png) no-repeat 12px center;
	}
	
}

/* fullSlide */
.fullSlide{width:100%;position:relative;height:460px;background:#f5f5f5;overflow: hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:460px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:460px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
/*.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}*/

.ewm{
  width: 201px;
  height: 90px;
  background: url(../images/ewm.png);
  margin-top: 10px;
  margin-left:30px;
}
.ewm button{
	width: 92px;
  height: 23px;
  background: #e4e7ed;
  border-radius: 11.5px;
  text-align: center;
  line-height: 23px;
  margin: 54PX 0 0 98PX;
  color: #606266;

}
.shoucang{
	line-height: 110px;
	color: #606266;
	font-size: 14px;
}
.cart{
	  z-index: 3;
  width: 766px;
  height: 112px;
  background: #ffffff;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
  margin: 338px 0 0 20px;
  border-radius: 5px;
}
.list{
  z-index: 3;
  width: 1120px;
  height: 450px;
  border-radius: 5px;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  margin-top:65px;
  padding:20px;
}
.xuexiao{
	 width: 190px;
	height: 112px;
	float: left;
}
.quan{
  width: 60px;
  height: 60px;
  background: #f3f6fb;
  border-radius: 50%;
  text-align: center;
  line-height: 70PX;
  float: left;
  margin:26px 0 0 30px;
}
.xxmub{
	width: 60px;
	text-align: center;
  height: 23px;
  color: #054fd1;
  font-family: Arial;
  font-size: 20px;
  font-weight: 700;
  line-height:23px;
  margin-top: 35px;
}
.xxname{
  color: #909398;
  font-size: 12px;
  float: left;
   height: 23px;
   width: 60px;
	text-align: center;
  line-height:23px;
}
.js{
	color: #fa6400!important;
}
.xs{
	 color: #5bd196!important;
}
.jz{
	 color: #5a9cf8!important;
}
.nav{height: 40px;width: 100%;line-height: 40px;background: url(../images/nav.png) no-repeat left bottom;margin-bottom: 10px;margin-top: -10px;  }
.navname{
	color: #054fd1;
	margin-left: 5px;
	
}
.listleft{
	width: 700px;
	float: left;

}
.listleft li{
	line-height: 40px;
	width: 100%;
	height: 40px;
	background: url(../images/lisrstyle.svg) no-repeat left center;
	text-indent: 20px;
	
}
.listleft li a{
	width: 600px;
	float: left;
	white-space:nowrap; text-overflow:ellipsis; overflow: hidden; 
	color: #606266;
}
.listleft li a:hover{
	 color:#ff742f;
}
.listleft li span{
	width: 100px;
	float: right;
	  color: #a5a9b0;
}
.listright{
  height: 450px;
   width: 346px;
  overflow: hidden;
  overflow: hidden;
  position: relative;

}
.listright .card{
  width: 344px;
  height: 100px;
  color: #ffffff;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-indent: 30px;
  line-height:100px;
  background: url(../images/bg.png);
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  display:block;
    border: 1px solid #eee;

}
.listright .card:hover{
	opacity: 0.8;
}
.bgh{
	background: url(../images/bgh.png)!important;
 }
 .bgz{
	background: url(../images/bgz.png)!important;
  }

.bgl{
	background: url(../images/bgl.png)!important;
  }

.bgs{
    background: url(../images/bgs.png)!important;
}
.findpassword{line-height: 40px;width: 299px;text-align: right;margin: 0 auto;color: #666;cursor: pointer;display:block;}

.tyjyj{
    background: url(../images/tyjyj.png)!important;
}
.tyjyxxw{
    background: url(../images/tyjyxxw.png)!important;
}

.tyzy{
    background: url(../images/tyzy.png)!important;
}

.gjzy{
    background: url(../images/gjzy.png)!important;
}
.dongxiao{
    height: 338px;
    width: 766px;
}
.dongxiaol{
    margin:90px 0 0 30px;
    width:406px;
    height: 212px;
    overflow: hidden;
}
.dongxiaol img{
    animation: flashme 4s;
    -webkit-animation: flashme 4s;
    -moz-animation: flashme 4s;
    -o-animation: flashme 4s;
}
.dongxiaor{
    width: 330px;
    position: relative;
}
.d3{position: absolute;
    top: 26px;
    left:84px;
    animation-duration:5s;
    animation-delay: 2s;
}
.d4{position: absolute;
    top: 70px;
    left: 0px;
    animation-duration:5s;
    animation-delay: 2s;
}
.d5{position: absolute;
    top: 100px;
    left: 129px;
    animation-duration:5s;
    animation-delay: 3s;
}
.d6{position: absolute;
    top: 100px;
    left: 217px;
    animation-duration:5s;
    animation-delay: 4s;
}
.d7{position: absolute;
    top: 175px;
    left: 173px;
    animation-duration:5s;
    animation-delay: 5s;
}
@-webkit-keyframes flashme {
    0%   {opacity: 0;}
    50%  {opacity: 1;}
    80%  {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes flashme {
    0%   {opacity: 0;}
    50%  {opacity: 1;}
    80%  {opacity: 1;}
    100% {opacity: 0;}
}