@charset "UTF-8";/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}
body{margin:0;height:100%;font-family:"PingFang SC","Helvetica Neue Custom","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;min-width:1168px}
article,aside,footer,header,nav,section{display:block}


/*新官网样式*/
.new-header{
    width: 100%;
    height: 84px;
   /* background: #ffd600;*/     background: #ffe502;
 
}

.new-head-box{
	
	margin:0 auto;
	max-width:1200px;
	height:84px;
	position:relative;
}

.new-head-logo{
	width:146px;
	height:64px;
	position:absolute;
	top:10px;
	left:-238px;
}

.new-head-login-box{
	width:228px;
	height:84px;
	position:absolute;
	top:0;
	right:-228px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}

.new-head-login-box :hover{
	
	color:#323232;

}
	
.new-head-login-btn{
	
	width:136px;
	height:44px;
	border-radius: 4px;
	color:#000000;
	font-size:14px;
	text-align: center;
	line-height:44px;
    
}


.new-head-menu{
	display:flex;
	height:84px;
	margin-left:396px;
	font-size:18px;
}

.new-head-menu-item{
	height:84px;
	line-height:84px;
	padding:0 20px;
	cursor:pointer;
}

.new-head-menu-item:hover{
	background-color: rgba(255,153,0,0.5);

}

.active{
	background-color: #ff9900;
}


.new-banner{
	width: 100%;
    height: 100%;
    min-height:600px;
    /*background: #ffd600;*/   background: #ffe502;
    margin-top:-84px;
}

.new-banner-box{
	margin:0 auto;
	max-width:1200px;
	height: 100%;
    min-height:600px;
    display: flex;
    align-items: center;
}

.new-banner-left{
	width:750px;
	padding-left:50px;
    /*height: 100%;
    min-height:600px;*/
    margin-top:-100px;
}.new-banner-img{	width:750px;	height:500px;	background-image: url(../images/index-bg.png);}.new-banner-img1{	width:750px;	height:500px;	background-image: url(../images/index-bg1.png);}

.new-banner-title{
	height:76px;
	font-size:50px;
	/*margin-top:212px;*/
	font-weight: 50;
}

.new-banner-slogn{
	height:108px;
	font-size:60px;
	font-weight: 700;
}

.new-banner-detail{
	height:44px;
	font-size:26px;
}


.new-banner-btn-box{
	width:900px;
	height:50px;
	padding-top:58px;
	display:flex;
}

.new-banner-btn{
	width:188px;
	height:50px;
	line-height:50px;
	text-align: center;
	font-size:16px;
	border-radius: 4px;
	cursor:pointer;
	background-color: #ff9900;
	margin-left:4px;
	margin-right:20px;
}

.new-banner-btn :hover{
	background-color: #ff7e01;
	color:#323232;
}	

.new-banner-right{
	width:250px;
   /* padding-top:156px;*/
}

/*.new-banner-img{


	width:500px;


	height:500px;


	


}*/

.new-white-content{
	width:100%;
	height:960px;
	/*background-color:#ffd600;*/    background: #ffe502;
}

.new-white-box{
	max-width:1200px;
	height:960px;
	margin:0 auto;
	
}

.new-white-title{
	
	width:100%;
	height:170px;
	text-align: center;
	font-size:60px;
}

.new-detail-content{ 
	width:100%;
	min-height:266px;
	display:flex;
	align-items: center;
	
}

.new-border-box{
	width:370px;
	height:266px;
	border:1px solid #cccccc;
}
	

.new-border-title{
	width:100%;
	height:88px;
	margin-top:38px;
	text-align: center;
	font-size:40px;
}

.new-border-detail{
	width:100%;
	height:36px;
	font-size:22px;
	color:#505050;
	
}


.new-big-content{
	width:100%;
	height:auto;
	position:relative;
	
}

.new-big{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	
}

.new-big-box{
	
    max-width:1200px;
	height:100%;
	margin:0 auto;

}


/*登录二维码*/
  .login-box{
	   	width:286px;
	   	max-height:312px;
	   	background-color: rgba(0,0,0,0.3);
	   	display: flex;
	   	justify-content: center;
	   	position:fixed;
	   	top:25%;
	   	right:20%;
   }
   
   .login-detail{
   	  width:100%;
   	  position:relative;
   	
   }
   
   .login-title{
	   	width:100%;
	   	height:54px;
	   	text-align: center;
	   	line-height: 54px;
	   	font-size:16px;
	   	color:#fff;
   	
   }
	
.code-content{
	width:200px;
	height:200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}

.code-box{
	width:200px;
	height:200px;
	margin-left:43px;
	background-color: #fff;
	position:relative;		display: flex;	align-items: center;	justify-content: center;
}.code-img{	width:172px;	height:172px;	overflow: hidden;	display: flex;	align-items: center;}
	.code-img img{	width: 100%;}
.code-icon{
   width:40px;
   height:40px;
   position:absolute;
   top:80px;
   left:80px;
}	
	
	
.login-code-icon{
   width:36px;
   height:36px;
   position:absolute;
   top:65px;
   left:65px;
}		


.login-content{
	width:100%;
	display: flex;
	justify-content: center;
}

.login-account-box{
	padding:32px 0;
}

.login-input-box{
	width:220px;
	height:40px;
	background-color: #fff;
	margin-bottom:10px;
	display: flex;
}

.login-icon{
	width:40px;
	height:40px;
	background-color: #aaaaaa;
}

.login-icon img{
	width:40px;
	height:40px;
}

.login-input{
	width:180px;
	height:40px;
	padding:0 6px;
	border-width:0;
}

.login-btn{
	width:220px;
	height:40px;
	background-color: #fff;
	margin:30px 0;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.login-btn:active{
	background-color: #cccccc;
}

.login-type-icon{
	width:58px;
	height:58px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}
