@media screen and (min-width: 1280px) {
        html{
            font-size:62.5% !important;
        }
    }
    @media screen and (min-width: 1920px) {
        html{
            font-size:62.5% !important;
        }
    }

	@media (-webkit-min-device-pixel-ratio: 1.5) and 
	(min-resolution: 72dpi) and (max-resolution: 191dpi){
	    html {
	        font-size:41.7% !important;
	    }
	}

	a{
	    text-decoration:none;
	    color: rgba(0,0,0,0.65);
	}
	a:link{
	    text-decoration:none;
	    color: rgba(0,0,0,0.65);
	}
	a:visited{
	    text-decoration:none;
	    color: rgba(0,0,0,0.65);
	}
	a:hover{
	    text-decoration:none;
	    color: rgba(0,0,0,0.65);
	}
	a:active{
	    text-decoration:none;     
	    color: rgba(0,0,0,0.65);
	}
  ::-webkit-scrollbar/*整体部分*/
    {
        width: 9px;
        height: 9px;
    }

    ::-webkit-scrollbar-track/*滑动轨道*/
	{
        /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        /*border-radius: 0px;
        background: rgba(255,255,255,0.5);*/
    }

    ::-webkit-scrollbar-thumb/*滑块*/
	{
        border-radius: 0.4rem;
        /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        background: rgba(3,15,25,0.2);
        border:1px solid rgba(255,255,255,0.2);
    }

    ::-webkit-scrollbar-thumb:hover/*滑块效果*/
    {
        border-radius: 0.4rem;
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        background: rgba(3,15,25,0.4);
        border:1px solid rgba(255,255,255,0.4);
        /*background: #888;*/
    }
    *:focus {
             outline: none;
    }
	/*提示弹出层*/
	.notice_pop{
	    width: 100%;
	    position: fixed;
	   	top: 0;
	   	left: 0;
	    text-align: center;
	    font-size: 1.4rem;
	}
	/*弹出提示信息*/
	.newpanel-tip .new_tip_content{
	    background-color: #000;
	    border-radius: 4px;
	    color: #fff;
	    font-size: 1.6rem;
	    opacity: 0.65;
	    padding-left: 1.3rem;
	    padding-right: 1.3rem;
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	    position: fixed;
	    text-align: center;
	    z-index: 99999;
	}
	html,body,.banner_img_show,.step,.content,#home{
		/* overflow-x: hidden; */
	}
	#home{
		min-width: 1200px; 
		width: 100%;
		background-color: #fff;
		overflow-x: hidden;
	}
	#home .header{
		width: 1200px;
		height: 6.2rem;
		text-align: center;
	    position: relative;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    top: 0;
	    left: 0;
	    z-index: 2;
	    background-color: #fff;
		/* box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); */
		margin: 0 auto;
	}
	@media screen and (min-width: 2400px){
		#home .header{
			width: 2400px;
		}
	}
	#home .header .left_con{
		float: left;
		/* margin-left: 10rem; */
		width: 13rem;
    	text-align: left;
	}
	#home .header .left_con .logo{
		/* cursor: pointer; */
	}
	#home .header .right_con{
		float: right;
		/* margin-right: 10rem; */
		position: relative;
		cursor: pointer;
		height: 100%;
	    align-items: center;
	    justify-content: center;
		display: flex;
		padding: 0 0.5rem;
	}
	#home .header .right_con:hover{
		background: #F4F9FF;
	}
	#home .header .right_con .avatar_img{
		width: 2.67rem;
		height: 2.67rem;
		border-radius: 50%;
		border: 1px solid #ccc;
	}
	#home .header .tag_name{
		display: inline-block;
		
		height: 6.2rem;
		line-height: 6.2rem;
		text-align: center;
		font-size: 1.8rem;
		cursor: pointer;
	}
	#home .header .tag_con .tag{
		display: inline-block;
	    float: left;
	    margin-left: 1rem;
	    font-size: 1.8rem;
		color: rgba(0,0,0,0.65);
		width: 10rem;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content:center;
	}
	#home .header .tag_con .tag i{
		display: inline-block;
		width: 0.5rem;
		height: 0.5rem;
		background: #1890FF;
		margin-right: 0.6rem;
		visibility:hidden;
	}
	#home .header .tag_con .active{
		/* background: #1890FF;
		border-radius: 4px;
		border-radius: 4px; */
		color: #1890FF;
		font-weight: bold;
		
	}
	#home .header .tag_con .active i{
		visibility:visible;
	}
	#home .header .tag_con .tag:not(.active) span:hover{
		color: #1890FF;
	}
	#home .header .tg_list_show{
		position: absolute;
		top: 4.9rem;
		z-index: 1;
		cursor: pointer;
		width: 10rem;
		background: #F8FAFC;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
		border-radius: 4px;
		font-size: 1.6rem;
		text-align: left;
		color: #666666;
		cursor: pointer;
		line-height: 3rem;
		padding: 0.4rem 0;
		display: none;
	}
	#home .content{
		width: 100%;
		/* margin-top: 6.2rem; */
		overflow-y: auto;
		/* height: calc(100vh - 6.2rem); */
	}
	#home .content .step{
		width: 100%;
		height: 100%;
		position: relative;
		height: calc(100vh - 6.2rem);
		/* overflow-y: hidden; */
	}
	#home .content .step .bag{
		width: 100%;
		height: 100%;
	}
	.step_1_content{
		width: 100%;
		height: 100%;
		position: relative;
		margin-top: 6.2rem;
	}
	.step_1{
		position: fixed;
		width: 100%;
		height: calc(100vh - 6.2rem);
		top: 6.2rem;
	}
	.step_1 .banner_img_show{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.step_1 .banner_img_show .scroll_img{
		position: absolute;
		top: 0;
		left: -100%;
	}
	.step_1 .banner_img_show .scroll_active{
		display: block;
		left: 0;
	}
	.banner_index_show{
		position: absolute;
		bottom: 1rem;
		width: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.banner_index_show span{
		display: inline-block;
		background: #FFFFFF;
		border: 1px solid rgba(0,0,0,0.20);
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 50%;
		cursor: pointer;
	}
	.banner_index_show span:last-child{
		margin-left: 1rem;
	}
	.banner_index_show	.banner_active{
		width: 2.8rem;
		border-radius: 8px;
	}
	.step .con_title{
		/* margin-top: 5rem; */
		width: 100%;
		font-size: 4rem;
		color: #333333;
		text-align: center;
	}
	.step .con{
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.step .con .step_4_list{
		width: 33.3%;
		margin-top: 2rem;
		float: left;
		transform: translate3d(0px, 700px, 0px);
		/* transition: all 500ms; */
		transition-duration: 500ms;
	}
	.list_img{
		margin-top: 4rem;
		width: 12rem;
		height: 12rem;
		display: inline-block;
	}
	.big_title{
		margin-top: 4rem;
		margin-bottom: 1rem;
		font-size: 2rem;
		color: #333333;
	}
	@media screen and (max-width: 1400px) {
        .big_title{
			margin-top: 0;
		}
    }
	.small_title{
		font-size: 1.6rem;
		color: #666666;
	}
	.step_3{
		background: url('../img/home/step_3.png') no-repeat center;
		background-size: cover;
		min-height: 700px;
	}
	.title_fff{
		width: 100%;
		text-align: center;
		font-size: 4rem;
		color: #FFFFFF;
		padding-top: 5rem;
		margin-bottom: 10rem;
	}
	.step_3_con{
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.step_3_list{
		width: 25%;
		float: left;
	}
	.step_3_list .name{
		font-size: 1.6rem;
		color: #FFFFFF;
	}
	.step_3_list .number{

	}
	.step_3_list .number .big_num{
		display: inline-block;
		font-size: 6rem;
		color: #FFFFFF;
	}
	.step_3_list .number .small_num{
		display: inline-block;
		font-size: 2.4rem;
		color: #FFFFFF;
	}
	.show_btn_logo{
		width: 10rem;
		display: inline-block;
		background: #F8FAFC;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
		border-radius: 4px;
		font-size: 1.4rem;
		text-align: left;
		color: #666666;
		position: absolute;
		left: -17%;
		top: 5rem;
		z-index: 1;
		cursor: pointer;
		line-height: 3rem;
		padding: 0.4rem 0;
		display: none;
	}
	.show_btn_logo .btn_logo{
		display: block;
		height: 3rem;
		padding:0 0.8rem;
		text-align: center;
	}
	.show_btn_logo .btn_logo:hover{
		background: #E6F7FF;
	}
	.right_con:hover .show_btn_logo{
		display: inline-block;
	}
	#home .header .space:hover .tg_list_show{
		display: block;
	}
	#home .header .tg_list_show  .tg_list{
		text-align: center;
	}
	 #home .header .tg_list_show  .tg_list span{
	 	display: inline-block;
	 	font-size: 1.6rem;
		color: rgba(0,0,0,0.65);
	 }
	#home .header .tg_list_show span:hover{
		color: #1890FF;
		
	}
	.scroll_img{
		width: 100%;
		height: 100%;
	}

	.scroll_img_2{
		background: url('../img/home/scroll_2.png') no-repeat center;
        background-size: cover;
	}
	.scroll_img_3{
		background: url('../img/home/scroll_3.png') no-repeat center;
		background-size: cover;
		text-align: center;
	}

	.scroll_content .scroll1_t1{
		font-size: 2.8rem;
		color: #FFFFFF;
	}
	.scroll_content .scroll1_t2{
		font-size: 5.4rem;
		color: #FFFFFF;
		margin-top: 1.7rem;
		margin-bottom: calc(10vh - 0.62rem);
	}
	.scroll_content .scroll1_t3{
		font-size: 2.4rem;
		color: #FFFFFF;
		margin-bottom: calc(10.8vh - 0.67rem);
	}
	.scroll_content .scroll1_t4{
		width: 17.8rem;
		height: 5.8rem;
		line-height: 5.9rem;
		text-align: center;
	}
	.scroll_content .scroll1_t4 span:hover{
		background: rgba(255,255,255,0.80);
		border-radius: 4px;
	}
	.scroll_content .scroll1_t4 span{
		width: 100%;
		display: inline-block;
		background: rgba(255,255,255,0.90);
		border: 1px solid rgba(0,0,0,0.10);
		border-radius: 4px;
		font-size: 2rem;
		color: #1656FA;
		cursor: pointer;
	}
	.scroll_content_3{
		/* width: 27%; */
	}
	.scroll_right_3{
		margin-top:calc(10vh - 0.62rem);
	    display: inline-block;
    	vertical-align: middle;
		width: 45.7%;
	}
	.scroll_content_3 .scroll1_t1{
		background: url('../img/home/HiteVision.png') no-repeat center;
		background-size: contain;
		width: 22.5rem;
		height: 3.33rem;
	}
	.scroll_content_3 .scroll1_t2{
		font-size: 5.4rem;
		color: #333;
		margin-top: 1.7rem;
		margin-bottom: calc(10vh - 0.62rem);
	}
	.scroll_content_3 .scroll1_t3{
		font-size: 2.4rem;
		color: #333;
		margin-bottom: calc(10.8vh - 0.67rem);
	}
	.scroll_content_3 .scroll1_t4{
		width: 17.8rem;
		height: 5.8rem;
		line-height: 5.9rem;
		text-align: center;
	}
	.scroll_content_3 .scroll1_t4 span:hover{
		background: #1082FF;
		color: #fff;
	}
	.scroll_content_3 .scroll1_t4 span:active{
		background: #0E75E6;
		color: #fff;
	}
	.scroll_content_3 .scroll1_t4 span{
		width: 100%;
		display: inline-block;
		background: rgba(16,130,255,0.10);
		border: 1px solid #1082FF;
		border-radius: 4px;
		font-size: 2rem;
		color: #1656FA;
		cursor: pointer;
	}
	.tologin{
		font-size: 1.8rem;
		color: rgba(0,0,0,0.85);
	}
	.tologin:hover{
		color: #1890FF;
	}
	.step_2 {
		min-height: 700px;
		background: #fff;
		padding-top:5rem;
	}
	.step_2 .con{
		width: 100%;
		margin: 0 auto;
		margin-top: 2rem;
	    height: calc(100% - 7rem);
	}
	.step_2 .con img{
		max-width: 90%;
	    max-height: 100%;
	    display: inline-block;
	}
	.step_4 .con{
		height: 66rem;
	}
	.scroll_left{
		margin-top: calc(20vh - 1.24rem);
	    display: inline-block;
    	vertical-align: middle;
    	text-align: left;
	}
	.scroll_right{
		margin-top:calc(10vh - 0.62rem);
	    display: inline-block;
    	vertical-align: middle;
		width: 46.7%;
	}
	.scroll_right img{
		width: 100%;
	}
	.scroll_img_1{
		 background-image: linear-gradient(#2069FE , #1637F1 );
		 text-align: center;
	}

#home #inlet {
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 6.2rem);
    /* display: none; */
}
#home #inlet iframe{
	width: 100%;
	height: 100%;
	border: 0px solid #ccc;
}
.user_name{
	margin-left: 0.5rem;
	color: #007AFF;
	font-size: 1.167rem;
	max-width: 4.6rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.old_btn{
	cursor: pointer;
    border: 1px solid #1082FF;
    border-radius: 1.5rem;
    width: 6.67rem;
    height: 2.33rem;
    line-height: 2.33rem;
    font-size: 1.167rem;
	color: #1082FF;
	display: flex;
    align-items: center;
    justify-content: center;
	
}
.old_btn:hover{
	border: 1px solid #298fff;
	color: #298fff;
}
.inlet_body{
	width: 100%;
    overflow-y: auto;
	height: calc(100vh - 6.2rem);
	background: #f0f2f5;
}
.footer{
	height: 7.5rem;
    background: #f0f2f5;
    text-align: center;
    font-size: 1.167rem;
    padding-top: 1.67rem;
    color: #666666;
}
.home_footer{
	background: #fff;
    position: absolute;
    bottom: -7.5rem;
	width: 100%;
	height: 9.5rem;
	text-align: center;
	padding-top: 1.67rem;
	font-size: 1.167rem;
}
.step_3{
	margin-bottom: 7.5rem;
}
.left_btn{
	position: absolute;
    width: 3.33rem;
    height: 3.33rem;
    background: rgba(0,0,0,0.1);
    color: #fff;
    border-radius: 4px;
    font-size: 1.67rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(50% - 1.67rem);
	left: 1.67rem;
	cursor: pointer;
}
.left_btn:hover{
	background: rgba(0,0,0,0.6);
}
.right_btn{
	position: absolute;
    width: 3.33rem;
    height: 3.33rem;
    background: rgba(0,0,0,0.1);
    color: #fff;
    border-radius: 4px;
    font-size: 1.67rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(50% - 1.67rem);
	right: 1.67rem;
	cursor: pointer;
}
.right_btn:hover{
	background: rgba(0,0,0,0.6);
}
.step_1_content{
	height: calc(100vh - 6.2rem);
	position: relative;
}
.header_con{
	position: fixed;
	height: 6.2rem;
	width: 100%;
	z-index: 3;
    background: #fff;
}
.content_con{
	margin-top: 6.2rem;
}
.tag_prod{
	position: relative;
}
.show_btn_prod{
		width: 10rem;
		display: inline-block;
		background: #F8FAFC;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
		border-radius: 4px;
		font-size: 1.4rem;
		text-align: left;
		color: #666666;
		position: absolute;
		left: 1rem;
		top: 5rem;
		z-index: 1;
		cursor: pointer;
		line-height: 3rem;
		padding: 0.4rem 0;
		display: none;
	}
	.show_btn_prod .btn_logo{
		display: block;
		height: 3rem;
		padding:0 0.8rem;
		text-align: center;
	}
	.show_btn_prod .btn_logo:hover{
		background: #E6F7FF;
	}
	.tag_prod:hover .show_btn_prod{
		display: inline-block;
	}
	.hide_btn_prod{
		display: none;
	}
#home .content .step_2_new{
	height: auto;
	/* min-height: calc(100vh - 6.2rem); */
}
.step_2_new .con{
	float: left;
    height: auto;
}
.step_2_new .home_footer{
	float: left;
	position: static;
	margin-top: 2rem;
}
#home .content .step_2_new{
	overflow-y: hidden;
}
.edus{
	font-size: 16px;
	padding-bottom: 1.5rem;
	padding-right: 10px;
}
.szzy{
	line-height: 1rem;
	border-right:1px solid #333;
	display: inline-block;
}
.szzy a{
	padding-right: 1rem;
	text-decoration:none;
	color:#666666;
}
.szzy a:hover{
	color:#1082FF;
}
.yhpj{
	line-height: 1rem;
	border-right:1px solid #333;
	display: inline-block;
}
.yhpj a{
	padding-right: .8rem;
	padding-left: .6rem;
	text-decoration:none;
	color:#666666;
}
.yhpj a:hover{
	color:#1082FF;
}
.yhts{
	display: inline-block;
}
.yhts a{
	padding-left: .6rem;
	text-decoration:none;
	color:#666666;
}
.yhts a:hover{
	color:#1082FF;
}