

.lineHight{
	line-height: 35px !important;
	text-align: left;
	text-indent: 0;
	padding-left: 20px;
}

.website_swiper_img{
	position: relative;
}

.website_swiper_img img{
	width: 100%;
}

.website_bioanl_box{
	position: absolute;
	top: 31%;
	left: 20%;
	color: #fff;
}

.website_bioanl_title{
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 35px;
}

.website_bioanl_mess{
	/*width: 449px;*/
	line-height: 36px;
	font-size: 21px;
	font-weight: 400;
}

.website_platform_box{
	background-color: #1B1B1B;
	/* padding: 200px 0; */
	color: #FFFFFF;
}

.website_platform_left{
	padding-right: 50px;
}

.website_platform_left img{
	width: 100%;
}

.website_platform_right{
	padding-top: 5px;
	width: 100%;
	margin-top: 17%;
	/* margin-left: 15%; */
}

.website_platform_title{
	font-size: 41px;
	font-weight: 400;
	margin-bottom: 30px;
	white-space: nowrap;
}

.website_platform_title img{
	width: 16px;
	margin-right: 5px;

}

.website_platform_content{
	font-size: 18px;
	line-height: 42px;
	padding-left: 20px;
	text-indent: 2em;
	letter-spacing: 1px;
	text-align:justify;
}

.website_function_all{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	/*margin-top: 8%;*/
	width: 85%;
	margin: 45px auto;
	margin-top: 9.5%;
	/*margin-top: 130px;*/
}

.website_function_single{
	width: 16.52%;
	cursor: pointer;
}

.website_function_img{
	/*height: 86px;*/
	height: 116px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}

.website_function_img img{
	/*height: 82px;*/
	height: 104px;
	margin: auto;
}

.website_function_img:hover img{
	/*height: 84px;*/
	height: 112px;
}

.website_function_name{
	color: #00A0E9;
	font-size: 16px;
}


.website_service_all{
	color: #fff;
	/* padding: 180px 0; */
	background: url(../img/homeBack1.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.website_small_service{
	width: 86%;
	margin-left: 7%;
}

.website_service_title{
	display: flex;
	align-items: center;
	font-size: 41px;
	font-weight: 400;
	margin-bottom: 60px;
}

.website_service_title img{
	width: 16px;
	margin-right: 10px;
}


.jion_field_box{
	text-align: center;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	height: 220px;
}

.jion_field_oneBg{
	background-color: #379cc4;
	/* opacity: 90%; */
}

.jion_field_twoBg{
	background-color: #3caad6;
	/* opacity: 90%; */

}


.jion_field_flex{
	margin: auto;
}

.jion_field_img{

}

.jion_field_img img{
	height: 76px;
}

.jion_field_name{
	font-size: 16px;
	margin-top: 12px;
}

.index_seven_mess{
	background-color: #0F0F0F;
	padding: 0;
	/* padding:  95px 0; */
	/* height: 400px; */
	position: relative;
}

.index_messk_bg img{
	width: 100%;
	height: 551px;
}

.index_messk_content{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
}

.index_seven_box{
	display: flex;
	align-items: center;
	color: #FFFFFF;
	/* color: #FAE691; */
	text-align: center;
}


.index_seven_flex{
	margin: auto;
	/*margin-top: -6%;*/
}

.index_seven_title,.index_seven_tips>div{
	margin-bottom: 70px;
}

.index_first_tips{
	/*font-size: 16px;*/
	font-size: 19px;
	/*opacity: 0.8;*/
}


.index_seven_title{
	/*font-size: 38px;*/
	font-size: 44px;
	font-weight: bold;
}

.index_seven_tips{
	font-size: 25px;
	/*opacity: 0.9;*/
	/*font-size: 22px;*/
}

.index_siall_butt{
	margin-top: 70px;
	display: flex;
	align-items: center;
}

.index_siall_butt div{
	height: 65px;
	line-height: 59px;
	width: 291px;
	border-radius: 0px;
	color: #F8B551;
	font-size: 27px;
	margin: auto;
	text-align: center;
	background-color: transparent;
	cursor: pointer;
	border: 1.3px solid #F8B551;
}

.index_siall_butt div a{
	color: #F8B551 !important;
	text-decoration: none !important;
}

.index_siall_butt div:hover,.index_siall_butt div:active{
	opacity: 0.8;
}

.website_works_box{
	padding-top: 130px;
	color: #FFFFFF;
	background-color: #262626;
}

.website_user_content{

}

.website_user_title{
	display: flex;
	align-items: center;
	font-size: 41px;
	font-weight: 400;
	margin-bottom: 75px;
}

.website_user_title img{
	width: 16px;
	margin-right: 10px;
}

.website_litures_single{
	height: 287px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.website_litures_single img{
	width: 100%;
	margin: auto;
}

.website_training_box{
	padding-top: 5%;
	color: #FFFFFF;
	background-color: #262626;
}

.website_trainingr_content{

}

.website_training_title{
	display: flex;
	align-items: center;
	font-size: 41px;
	font-weight: 400;
	margin-bottom: 75px;
	/* margin-bottom: 60px; */
}

.website_training_title img{
	width: 16px;
	margin-right: 10px;
}

.jion_yass_box{

}

.jion_field_threeBg{
	background-color: #535353;
	text-align: center;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	height: 220px;
}

.website_education_box{
	padding: 130px 0;
	/* padding: 100px 0; */
	color: #FFFFFF;
	background-color: #262626;
}

.website_areas_all{
	background-color: #000000;
}

.website_areas_first{
	height: 110px;
	border-bottom: 2px solid #535353;
}

.website_areas_second{
	height: 110px;
}

.website_sional_all{
	display: flex;
	align-items: center;
}

.website_sional_first{
	width: 50%;
	height: 222px;
	background-color: #CB0711;
}

.website_sional_second{
	width: 50%;
	height: 222px;
	background-color: #000000;
}

.website_render_allp{
	position: absolute;
	top: 198px;
	left: 17%;
}

.website_render_box{
	color: #FFFFFF;
	position: relative;
	/*min-height: 738px;*/
	/*padding-top: 135px;*/
	/*background: url(../img/webImg3.jpg) no-repeat;*/
	/*background-size: cover;*/
}

.website_render_box img{
	width: 100%;
}

.website_render_mess{
	width: 100%;
	margin: auto;
}

.website_awerilp_mess{
	width: 67%;
	margin: auto;
}

.website_render_title{
	display: flex;
	align-items: center;
	font-size: 41px;
	font-weight: 400;
	margin-bottom: 70px;
	padding-left: 44px;
}

.website_render_title img{
	width: 16px;
	margin-right: 10px;
}

.website_render_piall{
	font-size: 27px;
	padding-left: 15px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

.website_render_single{
	margin-bottom: 10%;
}

.website_render_know{
	color: #00B7EE;
	/*display: flex;*/
	/*align-items: center;*/
	font-size: 25px;
}

.website_render_know img{
	width: 21px;
	margin-right: 8px;
	margin-left: 7px;
}

.website_enterprise_box{
	padding: 130px 0;
	color: #FFFFFF;
	background-color: #1B1B1B;
}

.website_enterprise_piall{
	margin-top: 4%;
}

.website_enterprise_piall img{
	width: 100%;
}

.website_logoImg_box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.website_logoImg_single{
	width: 20%;
	height: 122px;
	display: flex;
	align-items: center;
}

.website_logoImg_single span{
	margin: auto;
	color: #00A0E9;
	font-size: 45px;
	font-weight: 500;
}

.website-queil-box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}


.website_yuidp_single{
	height: 240px;
	width: 25%;
	display: flex;
	align-items: center;
	overflow: hidden;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.website_yuidp_single img{
	width: 100%;
}

.websiteGrey-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	background: rgba(0,0,0,.4);
	transition: bottom 0.6s;
	bottom: -100%;
}

.websiteGrey-bg span{
	margin: auto;
	font-size: 15px;
}

.website_yuidp_single:hover .websiteGrey-bg{
	bottom: 0;
}

.website-payui-woed{
	font-size: 56px;
	padding-left: 0;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

#wordImgs-box .layui-carousel-arrow{
	background-color: transparent;
	border: 1px solid #ffffff;
}


.ywicol-dispay-box{
	display: flex;
	align-items: center;
	height: 950px;
	min-height: 680px;
	/*min-height: 850px;*/
	/*padding: 50px 0;*/
	overflow: hidden;
}

.kisll_yuill_binal{
	display: flex;
	align-items: center;
	min-height: 680px;
	padding: 95px 0;
	overflow: hidden;
}

.tipcl_box{
    display: flex;
    align-items: center;
    height: 950px;
    min-height: 680px;/
    overflow: hidden;
}

.ywicol-dispay-flex{
	margin: auto;
	width: 100%;
	/* width: 100%; */
}

.ycui-box{
	width: 70%;
}

.ywicol-minHig-box{
	/*min-height: 850px;*/
    display: flex;
    align-items: center;
    /*height: 950px;*/
    /*min-height: 680px;*/
    min-height: 850px;
    padding: 50px 0;
    overflow: hidden;
}

.website_areas_first img{
	width: 100%;
}

.website_areas_second img{
	width: 100%;
}

.website_sional_first img{
	width: 100%;
}

.website_sional_second img{
	width: 100%;
}

.website_areas_first,.website_areas_second,
.website_sional_first,.website_sional_second{
	overflow: hidden;
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow{
	left: -6%;
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
	right: -6%;
}

@media (max-width: 1285px) {
	.layui-carousel[lay-arrow=always] .layui-carousel-arrow{
		left: 64px;
	}

	.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
		right: 64px;
	}
}

/*活动赠送兼容*/
@media only screen and (min-width: 1300px) and (max-width: 1665px){
    .index_seven_flex{
        margin-top: 0%;
    }
    .index_seven_tips {
        font-size: 21px;
    }
    .index_siall_butt div{
       height: 59px;
       line-height: 53px;
       width: 256px;
       font-size: 24px;
    }
    .index_siall_butt {
        margin-top: 37px;
    }
    .index_seven_title {
        font-size: 41px;
    }
    .index_first_tips{
        font-size: 18px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 37px;
    }
	.index_see_box{
		margin-top: 40px !important;
	}
}


@media only screen and (min-width: 1152px) and (max-width: 1299px){
    .index_seven_flex{
        margin-top: -1%;
    }
    .index_seven_tips {
        font-size: 20px;
    }
    .index_siall_butt div{
        height: 52px;
        line-height: 46px;
        width: 238px;
        font-size: 22px;
    }
    .index_siall_butt {
        margin-top: 33px;
    }
    .index_seven_title {
        font-size: 41px;
    }
    .index_first_tips{
        font-size: 15px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 36px;
    }
	.index_see_box{
		margin-top: 30px !important;
	}
}

@media only screen and (min-width: 950px) and (max-width: 1151px){
    .index_seven_flex{
        margin-top: -2%;
    }
    .index_seven_tips {
        font-size: 18px;
    }
    .index_siall_butt div{
        height: 47px;
        line-height: 40px;
        width: 215px;
        font-size: 22px;
    }
    .index_siall_butt {
        margin-top: 38px;
    }
    .index_seven_title {
        font-size: 38px;
    }
    .index_first_tips{
        font-size: 15px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 30px;
    }
	.index_see_box{
		margin-top: 30px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 949px){
	.index_seven_flex{
        margin-top: -3%;
    }

    .index_seven_tips {
        font-size: 10px;
    }

    .index_siall_butt div{
        height: 41px;
        line-height: 23px;
        width: 185px;
        font-size: 19px;
    }

	.website_service_title{
		font-size: 30px;
	}

    .index_siall_butt {
        margin-top: 28px;
    }
    .index_seven_title {
        font-size: 32px;
    }
    .index_first_tips{
        font-size: 13px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 24px;
    }
}


@media only screen and (min-width: 637px) and (max-width: 767px){
    .index_seven_flex{
        margin-top: -3%;
    }
    .index_seven_tips {
        font-size: 14px;
    }
    .index_siall_butt div{
        height: 38px;
        line-height: 33px;
        width: 170px;
        font-size: 17px;
    }
    .index_siall_butt {
        margin-top: 19px;
    }
    .index_seven_title {
        font-size: 28px;
    }
    .index_first_tips{
        font-size: 12px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 16px;
    }
}

@media only screen and (min-width: 560px) and (max-width: 636px){
    .index_seven_flex{
        margin-top: -1%;
    }
    .index_seven_tips {
        font-size: 14px;
    }
    .index_siall_butt div{
        height: 36px;
        line-height: 33px;
        width: 162px;
        font-size: 17px;
    }
    .index_siall_butt {
        margin-top: 14px;
    }
    .index_seven_title {
        font-size: 23px;
    }
    .index_first_tips{
        font-size: 12px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 13px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 559px){
    .index_seven_flex{
        margin-top: 0;
    }
    .index_seven_tips {
        font-size: 13px;
    }
    .index_siall_butt div{
        height: 20px;
        line-height: 17.5px;
        width: 124px;
        font-size: 12px;
        border: 1px solid #F8B551;
    }
    .index_siall_butt {
        margin-top: 5px;
    }
    .index_seven_title {
        font-size: 18px;
    }
    .index_first_tips{
        font-size: 11px;
    }
    .index_seven_title, .index_seven_tips>div {
        margin-bottom: 2px;
    }
}

/*平台介绍兼容*/
@media only screen and (min-width: 1684px) and (max-width: 1835px){
    .ycui-box {
        width: 72%;
    }
}

@media only screen and (min-width: 1389px) and (max-width: 1683px){
    .ycui-box {
        width: 85%;
    }
	.website_function_img img {
		height: 95px;
	}
	.website_function_img {
		height: 103px;
		margin-bottom: 6px;
	}
	.website_function_name {
		font-size: 15px;
	}
	.website_function_img:hover img{
		height: 110px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1388px){
	.ycui-box {
		width: 90%;
	}
	.website_platform_title{
		font-size: 38px;
		margin-bottom: 20px;
	}
	.website_platform_content{
		font-size: 16px;
		line-height: 34px;
	}
	.website_platform_right{
		margin-top: 10%;
	}
	.website_function_img img {
		height: 95px;
	}
	.website_function_img {
		height: 108px;
		margin-bottom: 6px;
	}
	.website_function_name {
		font-size: 15px;
	}
	.website_function_img:hover img{
		height: 105px;
	}
}

@media only screen and (min-width: 512px) and (max-width: 1023px){
    .ycui-box {
        width: 90%;
    }

	.website_platform_left{
		padding-right: 2px;
	}

    .website_platform_title{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .website_platform_content{
        font-size: 13px;
        line-height: 24px;
    }
    .website_platform_right{
        margin-top: 0;
    }
	.website_function_img img {
		height: 95px;
	}
	.website_function_img {
		height: 108px;
		margin-bottom: 6px;
	}
	.website_function_name {
		font-size: 15px;
	}
	.website_function_img:hover img{
		height: 105px;
	}
}

@media (max-width: 511px) {
    .platform_box{
        height: auto;
        padding: 50px 0;
    }
    .website_function_all{
        width: 100%;
    }
    .website_function_img{
        height: 81px;
        margin-bottom: 2px;
    }
    .website_function_img img {
        height: 72px;
    }
    .website_function_img:hover img{
        height: 77px;
    }
    .website_function_name {
        font-size: 14px;
    }
}


.index_see_box{
	display: flex;
	align-items: center;
	margin-top: 70px;
}

.index_see_flex{
	color: #FFFFFF;
	display: flex;
	align-items: center;
	margin: auto;
	cursor: pointer;
	font-size: 19px;
	/*margin-bottom: -48px;*/
}

.index_see_flex>img{
	width: 17px;
	margin-left: 5px;
}































