/* !顶部导航 */
.sd_nav {
    width: 100%;
    height: 12vh;
    margin: 0 auto;
    position: sticky;
    top: 0;
    z-index: 10000;
    background: #fff;
    transition: all .5s ease;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
}
.sd_nav_box {
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.sd_nav_logo,.sd_nav_logo a{
	height: 100%;
	display: flex;
	align-items: center;
}
.sd_nav_logo a img {
   height: 5.857rem;
	width: auto;
}

.sd_nav_right{
	display: flex;
	justify-content: space-between;
}

.sd_nav_nav{
	display: flex;
	justify-content: flex-start;
	height: 100%;
}

.sd_nav_1{
	height: 100%;
	position: relative;
	margin-right: 3.855rem;
}
.sd_nav_1>a {
    font-size:1.125rem;
    font-family: 'opb';
    text-align: center;
    transition: all .5s ease;
	color: #000;
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
	z-index: 2;
}

.sd_nav_1>a:after{
	content: '';
	width: 100%;
	height: 0.357rem;
	background: #fff;
	border-radius:10px;
	position: absolute;
	left: 0;
	bottom: 30%;
	transform: scale(0,1);
	opacity: 0;
	transition: all .5s ease;
}

.sd_nav_1>a.sd_nav_1_hover:after{transform: scale(1,1);	opacity: 1;}
.sd_nav_1>a:hover:after{transform: scale(1,1);	opacity: 1;}

.sd_nav_1:hover>a:after{transform: scale(1,1);	opacity: 1;}
.sd_nav_1:hover .sd_nav_1_warp{ height:  auto;}
.sd_nav_1:hover .sd_nav_1_con{ opacity:  1; margin-top: 0;}

.sd_nav_1_warp{
	width:140%;
	height: 0px;
	position: absolute;
	left: -20%;
	top: 80%;
	overflow: hidden;
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
}

.sd_nav_1_con{
	width:100%;
	height: auto;
	background: #fff;
	padding: 1rem 0;
	opacity: 0;
	margin-top: 10px;
	transition: all .5s ease;
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
}

.sd_nav_1_con a{
	display:flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .5s ease;
	font-size: 1.142rem;
	height: 2.571rem;
	color: #000;
}

.sd_nav_1_con a:hover{
	color: #f85b3c;

}



.sd_nav_deng{
	display: flex;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	background: url("../images/load_06.png") no-repeat left;
	background-size:1.5rem;
	padding-left: 2rem;
}
.sd_nav_deng a {
    font-size: 1.125rem;
    font-family: 'opb';
    position: relative;
    transition: all .5s ease;
	color: #000;
	cursor: pointer;
}
.sd_nav_box>div:nth-of-type(3)>a:nth-of-type(1) {
    margin-right: 1.5rem;
    margin-left: 0.5rem;
}
.sd_nav_deng span{
   color: #000;
	padding: 0px 10px;
	font-size: 1rem;
}




.sd_nava .sd_nav_1>a,.sd_nava .sd_nav_deng a,.sd_nava .sd_nav_deng span{ color: #fff;}
.sd_nava .sd_nav_1>a:after{ background: #fff;}
.sd_nava .sd_nav_1>a:hover,.sd_nava .sd_nav_deng a:hover{ color: #fe9b1a;} 
.sd_nava .sd_nav_1>a:hover:after{ background: #fe9b1a;} 
.sd_nava .sd_nav_deng {

    background: url(../images/user.png) no-repeat left;

}


/* !foot */
.sd_foot {
    background: url("../images/foot_bc.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 9vh;
	margin-top: -10vh;
}

.sd_index_foot {
    margin-top: -20rem;
}
.reg_footer {
    margin-top: -8rem;
}

.sd_foot_nav {
    width: var(--mainwidth);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2.571rem;
	height: 12vh;
}
.sd_foot_nav::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    background: #3f424e;
    height: 1px;
    bottom: 0;
    left:0;
}

.sd_foot_logo>img {
	height: 5.714rem;
    width: auto;

}
.sd_foot_mune {
    display: flex;
    justify-content: space-between;
    align-items: center;
	width: 75%;
}

.sd_foot_mune>a {
    font-size: 1.428rem;
    font-family: 'opb';
	color: white;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.sd_foot_mune>a:first-child{
	background: url("../images/foot_09.png") no-repeat left;
	background-size:1.714rem;
	padding-left: 2.857rem;
}
.sd_foot_mune>a:hover{
    color: #fe940a;
}

.sd_foot_box {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between

}


.sd_foot_box_l{
    width: 50%;
    display: flex;
      justify-content: space-between;
}
.sd_foot_box_l>div{
	display: flex;
	flex-direction: column;
}

.sd_foot_box_l_1 {
	height: 2.857rem;
    margin-bottom: 1.714rem;
}
.sd_foot_box_l_1 a{
	display: flex;
	font-size: 1.285rem;
	color: #fff;
	cursor: pointer;
	position: relative;
	height: 100%;
	transition: all .3s;
}
.sd_foot_box_l_1 a::after {
    content: '';
    position: absolute;
    width: 1.625rem;
    height: 2px;
    background: #f85b3c;
    bottom: 0;
    left: 0;
}
.sd_foot_box_l_1 a:hover{ color: #f85b3c;}
 
.sd_foot_box_l>div>a {
    font-family: 'opr';
    color: #9a9dab;
    font-size: 1.142rem;
	line-height: 2.285rem;
    transition: all .3s;
	cursor: pointer;
}

.sd_foot_box_l>div>a:hover {
    color:#fff;
}

.sd_foot_box_r {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: auto;
}

.sd_foot_box_r>div:nth-of-type(1) {
    text-align: right;
    font-size: 1.125rem;
    color: white;
    margin-right: 3rem;
    position: relative;
    bottom: -1.25rem;
}

.sd_foot_box_r>div:nth-of-type(1)>span:nth-of-type(1) {
    font-size: 2.625rem;
    color: #fe940a;
}
.sd_foot_box_r>div:nth-of-type(1)>span:nth-of-type(2) {
    font-size: 1rem;
    color: #9a9dab;
}
.sd_foot_box_r>div>img {
    width: 6.4375rem;
    margin-bottom: 1rem;
}

.sd_foot_box_r>div:nth-of-type(2),
.sd_foot_box_r>div:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    color: #9a9dab;
    margin-right: 1.6875rem;
}
.sd_foot_box_r>div:nth-of-type(3) {
    margin-right: 0;
}
.sd_foot_text {
    width: 100%;
    background: #2d303a;
    margin-top:2.285rem;
}

.sd_foot_text>div {
    width: var(--mainwidth);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 1.4375rem 0;

}
.sd_foot_text>div>div {
    color: #51566d;
    font-size: 1rem;
}

.sd_foot_text>div>div a{
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.sd_foot_text>div>div a:hover{
	color: #fff;
}


/*登录*/
.sd_login_box {
    width: 100%;
    padding: 15vh 0 25vh 0;
    position: relative;
    background-image: -webkit-linear-gradient(90deg, rgb(249, 127, 38) 0%, rgb(252, 158, 24) 62%, rgb(254, 188, 10) 100%);
}

.sd_login_panel {
	width:calc(var(--mainwidth) * 0.82);
	height: calc(var(--mainwidth) * 0.82 * 682 / 1220);
    margin: 0 auto;
    background:#fff url("../images/load_11.png") no-repeat right top;
	background-size:auto 100%;
    border-radius: 20px;
	position: relative;
}
.sd_login_panel:after{
	content: '';
	background: url("../images/panel_img.png") no-repeat center;
	width: 61.428rem;
	height: 39.357rem;
	position: absolute;
	bottom: 3.285rem;
	right: -9.428rem;
}

.sd_login_panel_l{
    width: 36%;
	margin-left: 6.3%;
	padding-top: 4.714rem;
	position: relative;
	z-index: 2;
}

.sd_login_title {
    font-family: 'opb';
    font-size: 3.285rem;
    color: #2c2c2c;
    position: relative;
	height: 8.714rem;
	display: flex;
	align-items: center;
}
.sd_login_title>div:nth-of-type(2) {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 8.714rem;
    color: #fe9c1b;
    opacity: 0.07;
    text-transform: uppercase;
    font-family: 'oph';
    width: 200%;
}

.sd_login_1{
	width:100%;
	height: auto;
	position: relative;
	margin-top: 2.714rem;
}
.sd_login_1:after{
	content: '';
	background: url("../images/load_14.png") no-repeat left;
	background-size:0.857rem;
	width: 0.857rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 1.571rem;
}

.sd_login_1_text{
    width: 100%;
    height: 3.875rem;
    border: 1px solid #d6e0e1;
    border-radius: 0.625rem;
    background: #f8f8fa;
    padding-left: 3.571rem;
    font-size: 1.125rem;
    padding-right: 1rem;
}

.sd_login_2{
	width:100%;
	height: auto;
	position: relative;
	margin-top: 1.428rem;
}
.sd_login_2:after{
	content: '';
	background: url("../images/load_18.png") no-repeat left;
	background-size:1rem;
	width: 1rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 1.571rem;
}

.sd_login_btn {
	display: flex;
	align-items: center;
	justify-content: center;
    outline: none;
    width: 100%;
    border: none;
    height: 4.375rem;
    color: #fff;
    font-family: 'opm';
    font-size: 1.375rem;
    background: #fe9c1b;
    border-radius: 1rem;
    margin-top: 3rem;
    transition: all .5s ease;
    margin-bottom: 2.4375rem;
}
.sd_login_btn:hover {
    box-shadow: 0 0 1rem #fe9c1b;
}
.sd_login_panel_zhu{
	color: #020433;
	font-size: 1.285rem;
}
.sd_login_panel_zhu a{
	cursor: pointer;
	color: #ff1d05;
	transition: all .5s ease;
}
.sd_login_panel_zhu a:hover{ text-decoration: underline;}


/*注册*/
.register {
	width:calc(var(--mainwidth) * 0.82);
	height: auto;
	padding: 10vh 0;
    margin: 0 auto;
    background:#fff url("../images/zhu_03.png") no-repeat right top;
	background-size:auto 100%;
    border-radius: 20px;
	position: relative;
}
.register:after{
	content: '';
	background: url("../images/panel_img.png") no-repeat center;
	background-size:cover;
	width: 61.428rem;
	height: 39.357rem;
	position: absolute;
	bottom: 3.285rem;
	right: -9.428rem;
}
.register .sd_login_panel_l{ padding-top: 0;}
.register_all{
	width:100%;
	height: auto;
	margin-top: 2.714rem;
}
.register_1{
	width:100%;
	height: auto;
	position: relative;
}
.register_1:after {
    content: '';
    background: url(../images/name.png) no-repeat left;
    background-size: 1.142rem;
    width: 1.35rem;
    height:4.285rem;
    position: absolute;
    top: 0;
    left: 1.571rem;
}
.register_1:nth-child(2):after {
    background: url(../images/mail.png) no-repeat left; background-size: 1.142rem;
}
.register_1:nth-child(3):after,.register_1:nth-child(4):after {
    background: url(../images/password.png) no-repeat left; background-size: 1.142rem;
}

.sd_login_1_text{
    width: 100%;
    height: 4.285rem;
    border: 1px solid #d6e0e1;
    border-radius: 0.625rem;
    background: #f8f8fa;
    padding-left: 3.571rem;
    font-size: 1.285rem;
    padding-right: 1rem;
}
.sd_login_1_text::placeholder{ color: #a9b0be;}

.register_1_1{
	width:100%;
	color: #5c5c5c;
	font-size: 1.142rem;
	height: 3.571rem;
	line-height: 3rem;
}
.register_2{
	width:100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.register_2:after {
    content: '';
    background: url(../images/verification.png) no-repeat left;
    background-size: 1.142rem;
    width: 1.35rem;
    height:4.285rem;
    position: absolute;
    top: 0;
    left: 1.571rem;
}
.register_2 .sd_login_1_text{ width: 42%;}
.register_2_1{ width: 28%;  display: flex; align-items: center;}
.register_2_1 img{ width: 100%; height: auto;}

.register_2_2 a{ display: flex; align-items: center;height: 100%;color: #a2d03a; cursor: pointer; font-size: 1.285rem; text-decoration: underline;transition: all .5s ease;}
.register_2_2 a:hover{ color: #fe9c1b;}

/*APP下载*/
.n_big{
	width: 100%;
	height: calc(100vw * 600 / 1920);
	position: relative;
	z-index: 2;
}
.n_big_img{
	width:100%;
	height:100%;
	font-size: 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.n_big_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.n_big_con{
	width: var(--mainwidth);
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.n_big_1{
	color: #fff;
	font-size: 4.142rem;
	    font-family: 'oph';
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.n_big_1 span{ margin-right: 2.142rem; display: flex; align-items: center; justify-content: flex-start;}
.n_big_1 img{ margin-left: 1rem;}

.n_big_1s span{font-size: 1.625rem;}
.sd_app_top_l>img {
    width: 1.125rem;
    position: relative;
    top: -0.5rem;
}
.sd_app_top_tr2 {
    opacity: 0.55;
}
.sd_app_top_tr3 {
 	opacity: 0.26;
}

.sd_tri1 {
 animation: trimove .75s ease alternate infinite;
}
.sd_tri2 {
    animation: trimove .75s .25s ease alternate infinite;
}
.sd_tri3 {
    animation: trimove .75s .5s ease alternate infinite;
}
@keyframes trimove {
    from { opacity: 1; }
    to { opacity: 0; }
}


/* !页面导航定位 */
.sd_position {
    width: var(--mainwidth);
    margin: 0 auto;
    height: auto;
    color: black;
    font-size: 1.125rem;
	background: url("../images/positioning.png") no-repeat left;
	background-size:1.07rem;
	padding-left: 1.714rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.sd_position>a {
    color: black;
    font-size: 1.125rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sd_position>span {
	font-family: '宋体';
	padding: 0px 0.714rem;
}
.sd_position>a:hover{ color: #fe9c1b;}

.mainti_warp{
	width:100%;
	height: auto;
	padding: 6.2vh 0 20vh 0; 
	position: relative;
}
.mainti_warp:after{
	content: '';
	background: url("../images/page_dot_bc.png") no-repeat center;
	background-size:cover;
	width: 27.14rem;
	height: 28.57rem;
	position: absolute;
	 top: -8.428rem;
	right: 0;
}
.mainti{
	width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	
}
.mainti_tit{
	width:100%;
	height: auto;
}
.mainti_zi{
	color: #232323;
	font-family: '微软雅黑';
	font-weight: bold;
	font-size: 2.857rem;
	height: 5.142rem;
	position: relative;
}
.mainti_zi::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5.142rem;
    height: 0.375rem;
    background: #f85b3c;
    border-radius: 1rem;
}
.mainti_zi::after {
    content: '';
    position: absolute;
    left: 6.285rem;
    bottom: 0;
    width: 1.571rem;
    height: 0.375rem;
    background: #f8c802;
    border-radius: 1rem;
}
.mainti_en{
	font-family: '微软雅黑';
	font-size: 2rem;
	color: #cdcdcd;
	text-transform: uppercase; 
	line-height: 4.571rem;
}
.mainti_list{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
}
.mainti_con{
	width: 30.8%;
	height: calc(73vw * 0.308 * 542 / 462);
	height: calc(var(--mainwidth) * 0.308 * 542 / 462);
	border-radius:20px;
	overflow: hidden;
	background: #fffdf6;
	-moz-box-shadow: 0px 0 24px 0 rgba(77,102,21,0.1);
    -webkit-box-shadow: 0px 0 24px 0 rgba(77,102,21,0.1);
    box-shadow: 0px 0 24px 0 rgba(77,102,21,0.1);

}
.mainti_con:nth-child(2){ background: #fdfff7;}
.mainti_con:nth-child(2) .mainti_ti a{ background: #a2d03a;}
.mainti_con:nth-child(2) .mainti_ti a:hover{  box-shadow: 0 0 1rem #a2d03a;}

.mainti_con:nth-child(2) .mainti_nei_1{
	background: url("../images/app_down2_tic.png") no-repeat left;
}
.mainti_con:nth-child(2) .mainti_nei_1 a{ 
	color: #a7a7a7;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	cursor: pointer;
}
.mainti_con:nth-child(2) .mainti_nei_1 a:after{
	content: '';
	background: url("../images/app_down1_play.png") no-repeat left;
	background-size:cover;
	width: 1.428rem;
	height: 1.428rem;
	border-radius:50%;
	overflow: hidden;
	position: absolute;
	top: calc(50% - 0.714rem);
	right: -2rem;
}
.mainti_con:nth-child(2) .mainti_nei_1 a:hover{ color: #a2d03a; text-decoration: underline;}


.mainti_con:nth-child(3){ background: #fff9f7;}
.mainti_con:nth-child(3) .mainti_ti a{ background: #ef591e;}
.mainti_con:nth-child(3) .mainti_ti a:hover{   box-shadow: 0 0 1rem #ef591e;}
.mainti_con:nth-child(3) .mainti_nei_1{
	background: url("../images/app_down3_tic.png") no-repeat left;
}
.mainti_con:nth-child(3) .mainti_nei_1 a{ 
	color: #a7a7a7;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	cursor: pointer;
}
.mainti_con:nth-child(3) .mainti_nei_1 a:after{
	content: '';
	background: url("../images/app_down2_play.png") no-repeat left;
	background-size:cover;
	width: 1.428rem;
	height: 1.428rem;
	border-radius:50%;
	overflow: hidden;
	position: absolute;
	top: calc(50% - 0.714rem);
	right: -2rem;
}
.mainti_con:nth-child(3) .mainti_nei_1 a:hover{ color: #ef591e; text-decoration: underline;}

.mainti_img{
	width:100%;
	height: 33.2%;
	font-size: 0px;
	overflow: hidden;
}
.mainti_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.mainti_1{
	width:100%;
	color: #010101;
	font-size: 1.857rem;
	text-align: center;
	font-family: opb;
	margin-top: 3rem;
}
.mainti_nei{
	width:52%;
	height: 10.285rem;
	margin: 0 auto;
	margin-top: 1rem;
}
.mainti_nei_1{
	background: url("../images/app_down1_tic.png") no-repeat left;
	background-size: 1.5rem;
	color: #a7a7a7;
	font-size: 1.428rem;
	padding-left: 2.571rem;
	line-height: 2.571rem;
}
.mainti_ti{
	width:55%;
	height: 4.285rem;
	margin: 0 auto;
	margin-top: 1.428rem;
}
.mainti_ti a{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.714rem;
	background: #fdbc08;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius:20px;
}
.mainti_ti a:hover {
    box-shadow: 0 0 1rem #fdbc08;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

/*公众号*/
.n_biggong{ height: 104vh;}
.n_biggong .n_big_1{ font-size: 3.855rem;}
.n_biggong .n_big_1 span{ margin-right: 1rem;}

.n_big_nei{
	width:100%;
	height: auto;
	  margin-top: 2.285rem;
}
.n_big_nei_1{
	width: 100%;
    font-family: 'opr';
    font-size: 2.142rem;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 4.571rem;
}

.n_big_nei_1>span {
    font-size: 3.571rem;
    font-family: 'pm';
    position: relative;
	width: 2.285rem;
	display: flex;
	margin-right: 2rem;
}
.n_big_nei_1>span::after {
    content: '';
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    background: white;
    border-radius: 50%;
    bottom: 0.875rem;
    right: -0.75rem;
}

.n_big_wei {
    width: 12rem;
    margin-top: 2rem;
    padding: 0.5rem;
    border-radius: 1rem;
    border: 1px solid white;
   	height: 12rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.n_big_wei>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 1rem;
}

.mainti_warpa:after{ display: none;}
.gong{
	width: 100%;
	height: calc(73vw * 500 / 1500);
	height: calc(var(--mainwidth) * 500 / 1500);
	margin-top: 1rem;
	position: relative;
}
.gong:after {
    content: '';
    width: 89%;
    height: 86%;
    position: absolute;
    background: #f8f8f8;
    border-radius: 1rem 10rem 1rem 1rem;
    z-index: -1;
    bottom: -5rem;
    right:-3.285rem;
}
.gong_list{
	width: 96%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
}
.gong_list:after{
	content: '';
    width: 100%;
    height: 6.714rem;
    position: absolute;
    background: #fe940a;
    bottom: 0;
    right:0;
}
.gong_con{
	width: 32.57%;
	height: 100%;
	margin-right: 1.145%;
	position: relative;
	z-index: 2;
}
.gong_con:nth-child(3){ margin-right: 0;}
.gong_con a{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-end;
	flex-direction: column;
}
.gong_con:nth-child(2) a .gong_img{height: calc(100% - 6.714rem);}
.gong_con:nth-child(2) a .gong_img_bei:after{background-size:7.428rem;}

.gong_con a:hover .gong_img_bei{ opacity: 1;}
.gong_con a:hover .gong_img_bei:after{ opacity: 1; top: 0;}

.gong_img{
	width:100%;
	height: 62%;
	font-size: 0px;
	overflow: hidden;
	border: 1rem solid #fe940a;
	border-bottom: none;
	border-radius: 1rem 10rem 0 0;
	position: relative;
	
}
.gong_img_bei{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 0;
	border-radius: 0rem 9rem 0 0;
}
.gong_img_bei:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	background: url("../images/index_play.png") no-repeat center;
	background-size:6.428rem;
	opacity: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.gong_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	
}


.gong_nei{
	width: 100%;
	height: 6.714rem;
	padding: 0px 1rem;
}
.gong_1{
	width:100%;
	height: auto;
}
.gong_1 span{
	font-size: 1.142rem;
	color: #fff;
	background:url("../images/gong_03.png") no-repeat left;
	background-size:1.285rem;
	padding-left: 2rem;
	line-height: 3rem;
}
.gong_2{
	width: 100%;
	color: #fff;
	font-size: 1.714rem;
	overflow: hidden;
	 white-space: nowrap;
    text-overflow: ellipsis;
}

/*配套资源包*/
.n_big_pei{
	width:100%;
	height: auto;
	color: #fff;
	font-size: 1.571rem;
	line-height: 3.285rem;
	margin-top: 2.285rem;
}
.n_big_mune {
	width: 51%;
    display: flex;
    justify-content: space-between;
	margin-top: 14.4vh;
}
.n_big_mune>a {
    width: 48.5%;
    height: 6.714rem;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
	display: flex;
	justify-content: space-between;
	 background-image: -moz-linear-gradient(4deg, rgb(147, 63, 237) 0%, rgb(110, 41, 244) 100%);
    background-image: -webkit-linear-gradient(4deg, rgb(147, 63, 237) 0%, rgb(110, 41, 244) 100%);
    background-image: -ms-linear-gradient(4deg, rgb(147, 63, 237) 0%, rgb(110, 41, 244) 100%);
    border-radius: 50px;
}
.n_big_mune>a:after{
	content: '';
	width: 100%;
	height: 100%;
	background: url("../images/pei.png") no-repeat center;
	background-size:cover;
	position: absolute;
	right: 0;
	bottom: 0;
}

.n_big_mune>a:nth-child(2){
	 background-image: -moz-linear-gradient(4deg, rgb(253, 188, 8) 0%, rgb(239, 109, 30) 100%);
    background-image: -webkit-linear-gradient(4deg, rgb(253, 188, 8) 0%, rgb(239, 109, 30) 100%);
    background-image: -ms-linear-gradient(4deg, rgb(253, 188, 8) 0%, rgb(239, 109, 30) 100%);
}
.n_big_mune>a:hover {
    transform: scale(0.98);
}
.n_big_mune_img {
    width: 6.714rem;
    height: 6.714rem;
    background: white;
    border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;

}
.n_big_mune_img>img {
    width: 1.571rem;
	height: auto;

}
.n_big_mune_right {
	width: calc(100% - 8.5rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1rem;
	color: #fff;
}
.n_big_mune_right span{
	display: block;
	font-family: 'opb';
	font-size: 2rem;
}

.pei{
	width:38.8%;
	height: 401px;
	height: calc(73vw * 0.388 * 401 / 582);
	height: calc(var(--mainwidth) * 0.388 * 401 / 582);
	position: absolute;
	right: 0;
	top: 22.7vh;
}
.pei_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.pei_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.pei_con{
	width: calc(var(--mainwidth) * 0.206);
    height: calc(73vw * 0.388 * 428 / 582);
	height: calc(var(--mainwidth) * 0.388 * 428 / 582);
    background: white;
    position: absolute;
    top: 45%;
    right: 0;
    border-radius: 1.875rem 7.6875rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0 2.857rem 0 3.855rem;
}
.pei_con:after{
	content: '';
	background: url("../images/sup_top_img2.png") no-repeat left;
	background-size:cover;
    width: 80%;
	height: 100%;
    position: absolute;
    top: 0%;
    right: -30%;
}
.pei_con_1{
	width: 100%;
	height: auto;
	color: #909090;
	font-size: 1.142rem;
	line-height: 2.714rem;
}
.pei_con_1 span{
	display: block;
	font-family: opb;
	color: #2c2c2c;
	font-size: 1.714rem;
	background: url("../images/sup_top_icon3.png") no-repeat left;
	background-size:1.571rem;
	padding-left: 2.142rem;
	line-height: 2.285rem;
}
.pei_mune{
	width:100%;
	height: auto;
}
.pei_mune a{
	display: flex;
	width: 100%;
	height: 7.142rem;
	align-items: center;
	border-top: 1px dashed rgba(251, 151, 20, 0.24);
}
.pei_mune a:first-child{ border-top: none;}
.pei_mune a:nth-child(2) span{background: url("../images/sup_top_play2.png") no-repeat left;background-size:4rem;}
.pei_mune a:nth-child(3) span{background: url("../images/sup_top_play3.png") no-repeat left;background-size:4rem;}
.pei_mune span{
	display: flex;
	align-items: center;
	height: 100%;
	color: #000000;
	font-size: 1.428rem;
	padding-left: 5.142rem;
	background: url("../images/sup_top_play1.png") no-repeat left;
	background-size:4rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pei_mune a:hover span{ color: #fdbc08;}
.pei_mune a:nth-child(2):hover span{ color: #a2d03a;}
.pei_mune a:nth-child(3):hover span{ color: #ef591e;}


.sd_sup_areashow {
    width: 100%;
    position: relative;
    z-index: -1;
    margin-top: -10vh;
}
.sd_sup_areashow>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/*配套资源包-下载内页*/
.sd_supdown_head {
    width: var(--mainwidth);
	height: calc(73vw * 268 / 1500);
	height: calc(var(--mainwidth) * 268 / 1500);
    margin: 0 auto;
    position: relative;
	background: url("../images/supdown_top_bc.png") no-repeat center;
	background-size:cover;
}
.sd_supdown_head>div {
    width: 100%;
	height: calc(73vw * 228 / 1500);
	height: calc(var(--mainwidth) * 228 / 1500);
    color: #1a59d6;
    font-size: 3rem;
    font-family: 'opb';
    text-shadow: 2px 2px white, 5px 5px #c8dbfb;
    z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sd_supdown_head>div>span {
    color: #ed6021;
}




.sd_supdown_resclass {
    width: var(--mainwidth);
	margin: 0 auto;
	margin-top: 3.571rem;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f0f2f6;
	border-radius:1rem;
	padding: 0.857rem;
}
.sd_supdown_find_tit{
	font-size: 1.571rem;
	color: #2b2b2b;
	font-family: opb;
	width: 8rem;
	display: flex;
	justify-content: center;
}
.sd_supdown_resclass_show {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	width: calc(100% - 9.417rem);
}
.sd_supdown_resclass_show>a {
    padding: 1rem 1.5rem;
    font-size: 1.285rem;
    color: #242424;
    border-radius: 0.625rem;
    transition: all .5s ease;
	cursor: pointer;
	margin-right: 1.5rem;
}
.sd_supdown_resclass_curr {
    background: #ff911c;
    color:  #fff;
}
.sd_supdown_resclass_show>a:hover {
    background: #ff911c;
	color: #fff;
}


.sd_supdown_find {
	width: var(--mainwidth);
	margin: 0 auto;
	margin-top: 1.5rem;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sd_supdown_find_show {
	display: flex;
    justify-content: space-between;
	width: calc(100% - 9.417rem);
}
.sd_supdown_find_show>select {
    width: 20%;
    padding: 1rem 1rem;
    border-radius: 0.625rem;
    border: 1px solid #4c84f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    background: url("../images/supdown_select.png") no-repeat;
    background-position: 94% center;
}
.sd_supdown_find_show>span{

	width: 20%;

}

.sd_supdown_find_show>span>select {

    width: 100%;

    padding: 1rem 1rem;

    border-radius: 0.625rem;

    border: 1px solid #4c84f3;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    position: relative;

    cursor: pointer;

    background: url(../images/supdown_select.png) no-repeat;

    background-position: 90% center;

}


.sd_supdown_find_reset {
    width: 12%;
	cursor: pointer
}
.sd_supdown_find_reset a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	 color: white;
    font-family: 'opr';
    background: #00c96a;
    border-radius: 0.625rem;
	font-size: 1.714rem;
	;
    transition: all .5s ease;
}
.sd_supdown_find_reset a:hover {
    box-shadow: 0 0 1rem #00c96a;
}



.sd_supdown_tips {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    color: #fe320a;
    font-family: 'opb';
    font-size: 1.285rem;
    align-items: center;
	margin-top: 1.714rem;
}

.sd_supdown_tips a{
    width: auto;
    padding: 0 1rem;
	height: 3.285rem;
    background: white;
    transition: all .5s ease;
    border: 1px solid #ed6021;
    border-radius: 0.625rem;
    color: #f1651b;
    text-align: center;
    display: flex;
    align-items: center;
    margin-left: 1%;
    font-size: 1.142rem;
	cursor: pointer;
}
.sd_supdown_tips a span{ background: url("../images/weiruan.png") no-repeat left; background-size:1.714rem; padding-left: 2.571rem;display: flex;
    height: 100%; align-items: center;}
.sd_supdown_tips a:nth-child(3) span{ background: url("../images/pingguo.png") no-repeat left;padding-left: 2.25rem;}

.sd_supdown_tips>a:hover {
    background-image: -moz-linear-gradient(-21deg, rgb(254, 148, 10) 0%, rgb(240, 98, 28) 100%);
    background-image: -webkit-linear-gradient(-21deg, rgb(254, 148, 10) 0%, rgb(240, 98, 28) 100%);
    background-image: -ms-linear-gradient(-21deg, rgb(254, 148, 10) 0%, rgb(240, 98, 28) 100%);
    color: white;
}
.sd_supdown_tips>a:hover span{ background: url("../images/weiruan_sel.png") no-repeat left;}
.sd_supdown_tips a:nth-child(3):hover span{ background: url("../images/pingguo_sel.png") no-repeat left;}


.down{
	width: 100%; 
    height: auto;
	margin-top: 3.285rem;
	padding-bottom: 12vh;
}
.down_mune{
	width:100%;
	 width: var(--mainwidth);
	margin: 0 auto;
	height: 5.142rem;
	border-bottom: 4px solid #00c96a;
	display: flex;
	justify-content: flex-start;
}
.down_mune a{
	display: flex;
	height: 100%;
	justify-content: flex-end;
	flex-direction: column;
	cursor: pointer;
	margin-right: 0.857rem;
}
.down_mune a span{
	color: #646464;
	font-size: 1.571rem;
	height: 4.285rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f2f6;
	padding: 0px 2.857rem;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.down_mune a:hover span{
	height: 100%;
	color: #fff;
	background: #00c96a;
}
.down_mune a.down_mune_a span{
	height: 100%;
	color: #fff;
	background: #00c96a;
}
.down_all{
	width:100%;
	height: auto;
}
.down_con{
	width:100%;
	height: 13.142rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	border-top: 1px solid #f8f8f8;
}
.down_con:first-child{ border-top: none;}
.down_con:hover{ background: #f8f8f8;}
.down_con_nei{
	width: var(--mainwidth);
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.down_left{
	height: 100%;
	background: url("../images/icon_zip.png") no-repeat left;
	background-size:3.428rem;
	padding-left: 6.857rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 70%;
}
.down_1{
	width: 100%;
	color: #2c2c2c;
	font-family: opb;
	font-size: 1.428rem;
	overflow: hidden;
}
.down_1 a{
	color: #2c2c2c;
}
.down_2{
	width:100%;
	margin-top: 1.285rem;
	display: flex;
	justify-content: flex-start;
}
.down_2 span{
	color: #979797;
	background: url("../images/time.png") no-repeat left;
	padding-left: 18px;
	margin-right: 3.571rem;
}
.down_2 span:nth-child(2){background: url("../images/memory.png") no-repeat left;}
.down_2 span:nth-child(3){background: url("../images/views.png") no-repeat left;}
.down_2 span:nth-child(4){background: url("../images/yun_download.png") no-repeat left;}

.down_xia{
	width: 11.142rem;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.down_xia a{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:7px;
	background: #00c96a;
	height: 3.428rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-bottom: 0.5714rem;
}
.down_xia a:nth-child(2){ background: #fe940a;}
.down_xia a:nth-child(2) span{background: url("../images/speed.png") no-repeat left;}
.down_xia a span{
	color: #fff;
	background: url("../images/yun_download_white.png") no-repeat left;
	padding-left: 2.571rem;
	font-family: opb;
	font-size: 1.285rem;
}
.down_xia a:nth-child(2)hover{box-shadow: 0 0 1rem #fe940a;}
.down_xia a:hover{box-shadow: 0 0 1rem #00c96a;}


/*配套资源包-目录下载*/
.bd_notes{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.bd_notes_left{
	width: 21%;
	padding-top:2.75rem;
}
.bd_notes_mune{
	width:100%;
	height: auto;
	margin-bottom: 0.5rem;
}
.bd_notes_mune>a{
	width:100%;
	height: 4.857rem;
	display: flex;
	align-items: center;
	background: #00c96a;
	color: var(--FontWhiColor);
	position: relative;
	padding: 0px 8%;
	justify-content: flex-start;
	font-size: 1.285rem;
	cursor: pointer;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.bd_notes_mune_img{
	height:100%;
	display: flex;
	width: 4.857rem;
	align-items: center;
}
.bd_notes_mune_img img{
	max-height: 2.428rem;
	width: auto;
}

.bd_notes_mune>a:after{
	content: '';
	width: 8px;
	height: 9px;
	position: absolute;
	top: calc(50% - 4.5px);
	right: 10%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bd_notes_mune>a.on{  background-size:cover;}
.bd_notes_mune>a.on:after{ transform:rotate(90deg);}
.bd_notes_mune_hover .bd_notes_mune_warp{ display: block;}

.bd_notes_mune_warp{
	width:100%;
	height: auto;
	display: none;
	background: #f1f1f1;
	padding: 0.5rem 0;
}
.bd_notes_mune_warp a{
	display: flex;
	width: 100%;
	padding: 0.75rem 8%;
	height: auto;
	align-items: center;
	cursor: pointer;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	font-size: 1.142rem;
	line-height: 1.75rem;
	color:#000;
	border-bottom: 1px dashed rgba(0,0,0,0.1);
	position: relative;
}
.bd_notes_mune_warp a:last-child{ border-bottom: none;}
.bd_notes_mune_warp a:after{
	content: '>';
	width: 8px;
	height: 9px;
	position: absolute;
	top: calc(50% - 4.5px);
	right: 10%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	opacity: 0;
	font-family: '宋体';
}

.bd_notes_mune_warp a:hover{ color: #fe940a;}
.bd_notes_mune_warp a:hover:after{ opacity: 1;}
.bd_notes_mune_warp a.bd_notes_mune_warp_a{ color: #fe940a;}
.bd_notes_mune_warp a.bd_notes_mune_warp_a:after{ opacity: 1;}


.bd_notes_right{
	width:75.35%;
}
.bd_notes_right .down_con{
	height: 10rem;
}
.bd_notes_right .down_con_nei{
	width: 100%;
}
.bd_notes_right .down_con:hover{
	background: #fff;
}


/*配套资源包 -视频详情*/
.n_bigpei{
	height: calc(100vw * 760 / 1920);
}
.frequency{
	width: var(--mainwidth);
    margin: 0 auto;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
	padding-bottom: 15vh;
}

.frequency_left{
	width: 75%;
}

.frequency_img{
	width:100%;
	height:615px;
	max-height: 615px;
	
	overflow-y: auto;
}
.frequency_title{
	width:100%;
	font-size:1.285rem ;
	text-align: center;
}
.frequency_img video{
	width:100%;
	height: 100%;
/*	object-fit: cover;*/
	object-position: center;
}

.frequency_img img{
	max-width:100%;
}
.frequency_mune{
	width: 100%;
	height: 7.142rem;
    border: 1px solid #e5e5d5;
    margin-top: 2.142rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 2.142rem;
}
.frequency_yu{
	font-size: 1.285rem;
	color: #000;
	background: url("../images/frequency_4.png") no-repeat left;
	background-size:1.428rem;
	padding-left: 1.625rem;
}

.frequency_nav{
	display: flex;
	justify-content: flex-start;
}
.frequency_nav a{
	width: 11.42rem;
	height: 3.571rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius:7px;
	font-size: 1.428rem;
	color: #fff;
	background: #2695ff;
	margin-left: 10px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.frequency_nav a:hover{ border-radius:12px;}
.frequency_nav a span{ background: url("../images/frequency_2.png") no-repeat left;background-size:1.714rem; padding-left: 2.285rem;}
.frequency_nav a:nth-child(2){ background: #7ec547;}
.frequency_nav a:nth-child(2) span{ background: url("../images/frequency_3.png") no-repeat left;background-size:1.75rem;}
.frequency_nav a:nth-child(3){ background: #f68e11;}
.frequency_nav a:nth-child(3) span{ background: url("../images/frequency_1.png") no-repeat left;background-size:1.714rem;}

.frequency_right{
	width: 23.3%;	height: auto;
}
.frequency_list{
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}
.frequency_list_logo{
	width:100%;
	height: 6.285rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0px;
	overflow: hidden;
	display: none;
}
.frequency_list_logo img{
	height: 4.571rem;
	width: auto;
}
.frequency_ban {
	width: 100%;
    height:3rem;
	display: flex;
	align-items: center;
	justify-content: center;
    font-size: 1.5rem;
    background-color: rgb(187,229,255);
}
.frequency_1,.frequency_2,.frequency_3,.frequency_4{
	height: 3.571rem;
	align-items: center;
	display: flex;
	font-size: 1.142rem;
	color: #000;
	padding-left: 2.571rem;
}

.frequency_1{ background: url("../images/frequency_5.png") no-repeat 0.714rem; background-size:1.428rem;}
.frequency_2{ background: url("../images/frequency_21.png") no-repeat 0.714rem; background-size:1.428rem;}
.frequency_3{ background: url("../images/frequency_6.png") no-repeat 0.714rem; background-size:1.428rem;}
.frequency_4{ background: url("../images/frequency_7.png") no-repeat 0.714rem; background-size:1.428rem;}


/*授权代理*/
.n_big_2{
	width: 100%;
	height: auto;
	margin-top: 13vh;
}
.n_big_2 a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius:7px;
	width: 16rem;
	height: 5.142rem;
	color: #fe940a;
	font-size: 2.142rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.n_big_2 a:hover {
    box-shadow: 0 0 1rem white;
}

.search{
    width: 25%;
    display: inline-block;
    position: relative;
    margin-left: 1%;
}

.search input {
    width: 100%;
    height: 100%;
    padding: 1rem;
    border-radius: 0.625rem;
    border: 1px solid #fe940a;
    margin-left: 1rem;
    padding-right: 25%;
}
.search input::placeholder {
    color: #e1e1e1;
    font-size: 1.125rem;
}

.search a {
    color: white;
    border-radius: 0.625rem;
    background: #fe940a;
    font-size: 1.125rem;
    position: absolute;
    padding: 0.7rem 1.5rem;
    top: 50%;
    right: -0.8rem;
    transform: translateY(-50%);
	cursor: pointer;
}

.sd_supdown_resclassa{ background: #f9f9f9;}
.sd_supdown_resclassb{ background: #f9f9f9; margin-top: 1.285rem;}

.agent{
	margin: 0 auto;
	width: var(--mainwidth);
	height: auto;
	margin-top: 1.142rem;
	background: #f9f9f9;
	border-radius:10px;
	margin-bottom: 18vh;
	padding: 0px 3.3% 2.142rem 3.3%;
	
}
.agent_1{
	wdith:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.428rem;
	font-family: opb;
	color: #161616;
	height: 6.857rem;
	border-bottom: 1px solid rgba(0,0,0,0.06);	
	margin-bottom: 2.142rem;
}
.agent_1_1{ width: 12%; text-align: center;}
.agent_1_2{ width: 17.85%; padding-left: 6%;}
.agent_1_3{ width: 46.7%; text-align: center;}
.agent_1_4{ width: 15.71%; text-align: center;}

.agent_2{
	width: 100%;
	height: 3.428rem;
}
.agent_2 a{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #515151;
	font-size: 515151;
	height: 100%;
	position: relative;
	cursor: pointer;
}
.agent_2 a:hover .agent_1_3{color: #fe940a;}

.agent_1_5{
	position: absolute;
	top: 0;
	left: 0;
	color: #fe940a;
	text-transform: uppercase; 
	height: 100%;
	display: flex;
	align-items: center;
}


/*授权网店（代理）-申请加入*/
.n_big_3{
	width:100%;
	color: #fff;
	font-size: 2rem;
	font-family: opb;
	height: 12.4vh;
	display: flex;
	align-items: center;
}
.n_big_4{
	width:100%;
	height: auto;
	margin-top: 2rem;
}
.n_big_4 span{
	display: block;
	color: #fff;
	font-size: 1.857rem;
	background: url("../images/white_tic.png") no-repeat left 1rem;
	padding-left: 3.571rem;
	line-height: 3.285rem;
	width: 41.857rem;

}
.empower_warp{
	width: 100%;
	height: auto;
	position: relative;
	padding: 11vh 0 16vh 0;
}
.empower_warp:after {
    content: '';
    background: url(../images/page_dot_bc.png) no-repeat center;
	background-size:cover;
    width: 27.14rem;
    height: 28.57rem;
    position: absolute;
    top: -8.428rem;
    right: 0;
}
.empower{
	width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
	
}
.empower_mune{
	width:100%;
	height: 13.142rem;
	display: flex;
	justify-content: center;
	position: relative;
}
.empower_mune:after{
	content: '';
	width: 100%;
	border: 1px dashed #fe940a;
	position: absolute;
	left: 0;
	bottom: 0.5rem;
}
.empower_mune a{
	position: relative;
	z-index: 2;
	margin: 0px 8.5rem;
	height: 100%;
}
.empower_mune a.empower_mune_a .empower_mune_1:after{
	    background: #a2d03a;
    border-radius: 50%;
    box-shadow: 0 0 0 0.5rem #e7f3cc;
    animation: devtic 2s ease infinite;
}
@keyframes devtic {
    from {
        background: #a2d03a;
        box-shadow: 0 0 0 0.5rem #e7f3cc;
    }
    to {
        background: rgba(163, 208, 58, 0.4);
        box-shadow: 0 0 0 1rem transparent;
    }

}

.empower_mune_1{
	position: absolute;
	width: 5.428rem;
	height: 2rem;
	bottom: 0;
	left: calc(50% - 2.714rem);
	background: #fff;
}

.empower_mune_1:after{
	content: '';
	width: 1rem;
    height: 1rem;
    background: #bababa;
    border-radius: 50%;
    box-shadow: 0 0 0 0.5rem #eeeeee;
    transition: all .5s ease;
    position: absolute;
	left: calc(50% - 0.75rem);
	bottom: 0;
}

.empower_tit{
	width:100%;
	color: #000;
	font-size: 2.142rem;
	font-family: opb;
	text-align: center;
	margin-top: 6rem;
}
.empower_list{
	width:100%;
	height: auto;
	margin-top: 3.142rem;
}
.empower_con{
	width:100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.428rem;
}
.empower_name{
	width: 29%;
	height: 3.571rem;
	display: flex;
	justify-content: flex-end;
	color: #282828;
	align-items: center;
	font-size: 1.285rem;
}
.empower_name img{ margin-right: 0.714rem;}
.empower_right{
	width: 69%;
}
.empower_selece{
	width: 65%;
    padding: 1rem 1rem;
    border-radius: 0.625rem;
    border: 1px solid #c4c4c4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    background: url(../images/supdown_select.png) no-repeat;
    background-position: calc(100% - 1.5rem) center;
    color: #999;
    font-size: 1.142rem;
    transition: all .5s ease;
}
.empower_input{
	width: 65%;
    padding: 1rem 1rem;
    border-radius: 0.625rem;
    border: 1px solid #c4c4c4;
    cursor: pointer;
    color: #999;
    font-size: 1.142rem;
    transition: all .5s ease;
}
.empower_input::placeholder{ color: #999;}

.empower_selece:focus,.empower_input:focus {
    border: 1px solid #fe940a;
}
.empower_shen {
    width: 65%;
    height: auto;
    position: relative;
    border: 1px dashed #c4c4c4;
    border-radius: 0.625rem;
    min-height: 14vh;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem;
}
.empower_shen_1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d3d3d3;
	font-size: 1.285rem;
}
.empower_shen_1 span{ font-size: 2.571rem; margin-right: 0.714rem;}
.empower_1{
	width:65%;
	height: auto;
	color: #f92b2b;
	font-size: 1.142rem;
	line-height: 2rem;
	margin-top: 0.75rem;
}

#zengjia{ width: 65%;}
.quan_all{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

#zengjia select{
	width: 31%;
}

#zengjia input{
    width: 68%;
}
.empower_2{
	width: 65%;
	height: auto;
}
.empower_2 a {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    background: #e3e3e3;
    font-size: 1.142rem;
    height: 3.571rem;
    border-radius: 0.625rem;
}

.empower_1a{ margin-top: 3rem;}
.empower_ti{
	width:100%;
	height: auto;
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}
.empower_ti a{
	width: 20rem;
    background: #fdbc08;
    font-size: 1.714rem;
    color: white;
    height: 4.285rem;
    border-radius: 1.125rem;
    cursor: pointer;
    transition: all .5s ease;
    display: flex;
	align-items: center;
	justify-content: center;
}
.empower_ti a:hover{box-shadow: 0 0 1rem #fdbc08;}

/*授权网店（代理）-线下代理*/
.empower_tita{ margin-top: 0;}
.empower_cheng{
	width: 65%;
	height: auto;
	display: flex;
	justify-content: space-between;
}
.empower_cheng span{
	width:51%;
}

.empower_cheng .empower_selece{ width:49%;}
.empower_cheng>span .empower_selece{
	width:100%;
}
.empower_radio{
	display: flex;
	justify-content: flex-start;
	height: 3.571rem;
	align-items: center;
	color: #a3a3a3;
	font-size: 1.285rem;
}
.empower_radio span{ margin-left: 0.5rem;}

.sd_devolu_info_add{
	width:100%;
	height: auto;
	margin-top: 4rem;
}
.sd_devolu_info_add_title {
    display: flex;
    flex-direction: row;
    background: #fe950c;
    width: 100%;
    padding: 1.5rem 0;
    border-radius: 1rem 1rem 0 0;
    margin-bottom: 1vh;
}

.sd_devolu_info_add_title>div {
    color: white;
    font-size: 1.428rem;
    text-align: center;
}

.sd_devolu_info_add_title1,
.sd_devolu_info_add_title2 {
    width: 27.5%;
}
.sd_devolu_info_add_item1,
.sd_devolu_info_add_item2 {
    width: 26.7%;
}


.sd_devolu_info_add_title3,
.sd_devolu_info_add_title4,
.sd_devolu_info_add_title5 {
    width: 15%;
}

.sd_devolu_info_add_item3,
.sd_devolu_info_add_item4,
.sd_devolu_info_add_item5 {
    width: 14.2%;
}

.sd_devolu_info_add_item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1vh;
}

.sd_devolu_info_add_item>* {
   height: 4.428rem;
    border: none;
    background: #f4f4f4;
    padding-left: 1.5rem;
    color: #252525;
    font-size: 1.428rem;
}

.sd_devolu_info_add_item>select {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/supdown_select.png") no-repeat, #f4f4f4;
    background-position: 92% center;
    color: #252525;
    font-size: 1.428rem;
    transition: all .5s ease;
    padding-left: 1.5rem;
}

.sd_devolu_info_add_up {
    color: #010101;
    font-size: 1.428rem;
    width: 100%;
    text-align: right;
    margin-top: 2vh;
    cursor: pointer;
}
.empower_tia a{ background: #fe950c;}
.empower_tia a:hover {
    box-shadow: 0 0 1rem #fe950c;
}

/*关于我们*/
.culture_warp{
    width: 100%;
    height: auto;
    padding: 6.2vh 0 0 0;
    position: relative;
    z-index: 4;
}
.culture_warp:after {
    content: '';
    background: url(../images/page_dot_bc.png) no-repeat center;
	background-size: cover;
    width: 27.14rem;
    height: 28.57rem;
    position: absolute;
    top: -8.428rem;
    right: 0;
}
.culture {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}
.culture_all{
    width:100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 6.571rem;
}

.culture_left {
    width: 40%;
    position: relative;
    padding-top: 6.285rem;
}

.sd_corporate_cult_show_l01 {
    position: absolute;
    width: 68%;
    z-index: 1;
    left: 5%;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.sd_corporate_cult_show_l01>div {
    width: 11%;
    height: 20rem;
    position: relative;
    background: #f8f7f5;
    border-radius: 0.625rem;
    transition: all .5s ease;
}
.sd_corporate_cult_sqr1 {
    animation: sqr 1s alternate infinite;
}
.sd_corporate_cult_sqr2 {
    animation: sqr 1s .2s alternate infinite;
}
.sd_corporate_cult_sqr3 {
    animation: sqr 1s .5s alternate infinite;
}
.sd_corporate_cult_sqr4 {
    animation: sqr 1s 0.6s alternate infinite;
}
.sd_corporate_cult_sqr5 {
    animation: sqr 1s .8s alternate infinite;
}
.sd_corporate_cult_sqr6 {
    animation: sqr 1s 1s alternate infinite;
}

@keyframes sqr {
    from { bottom: 0rem; }
    to { bottom: -7rem; }
}


.culture_img {
    width: 100%;
    position: relative;
    z-index:2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.culture_img img{
    width: 100%;
    height: auto;;
}
.culture_right {
    width: 50%;
}

.culture_title {
    font-size: 2.571rem;
    font-family: 'opb';
    color: #282828;
    position: relative;
}
.culture_title:after {
     content: '';
    width: 1.75rem;
    height: 1.75rem;
    background: #a2d03a;
    border-radius: 50%;
    position: absolute;
    bottom: 0.25rem;
    left: -0.5rem;
    z-index: -1;
}
.culture_title span{ position: relative;;}
.culture_title span:after {
    content: '';
    width: 4rem;
    height: 1px;
    background: #fc9916;
    position: absolute;
    top: 50%;
    right: -5.5rem;
}

.culture_con {
    width: 100%;
    height: auto;
    font-size: 1.428rem;
    font-family: 'opr';
    line-height: 3.142rem;
    margin-top:4.571rem;
    color: #545454;
}


/* 发展历程 */
.sd_devcourse {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    background: url("../images/about_back1.png") no-repeat;
    background-size: cover;
    height: calc(100vw * 1145 / 1920);
    margin-top: -10rem;
}
.sd_devcourse_box {
    width: var(--mainwidth);
    height: auto;
    padding-top: 22.6vh;
}
.sd_devcourse_show {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5.142rem;
    position: relative;
}

.sd_devcourse_cic {
    width: 33.33%;
    position: relative;
}
.sd_devcourse_cic_img1 {
    width: 100%;
}
.sd_devcourse_cic_img2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    animation: sd_devcourse_cic_img2 30s linear infinite;
}
.sd_devcourse_cic_img3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    animation: sd_devcourse_cic_img1 30s linear infinite;
}
.sd_devcourse_cic_img4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    animation: sd_devcourse_cic_img2 20s linear infinite;
}

@keyframes sd_devcourse_cic_img1 {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes sd_devcourse_cic_img2 {
    from { transform: translate(-50%, -50%) rotate(0deg);}
    to {  transform: translate(-50%, -50%) rotate(-360deg); }

}
.sd_devcourse_cic_img5 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sd_devcourse_cic>div {
    transition: all .5s ease;
    cursor: initial !important;
}

.sd_devcourse_one{
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 32.66%;
    height: auto;
}
.sd_devcourse_one:after{
    content: '';
    background: #bababa;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 3.571rem;
    right: -7.428rem;
    box-shadow: 0 0 0 0.5rem rgba(186, 186, 186, 0.26);
    transition: all .5s ease;
}

.sd_devcourse_1{
    width:100%;
    display: flex;
    justify-content: flex-end;
    color: #202020;
    font-size: 2.285rem;
    font-family: opb;
    align-items: center;
    transition: all .5s ease;
}
.sd_devcourse_1 span{
    font-size: 2.571rem;
    color: #d8d8d8;
    font-family: 'oph';
    transition: all .5s ease;
    margin-left: 1.428rem;
}
.sd_devcourse_2{
    width:100%; 
    text-align: right;
    color: #343434;
    font-size: 1.571rem;
    line-height: 3.285rem;
    padding-right:3.428rem;
}

.sd_devcourse_two{
    position: absolute;
    left: 0;
    top:calc(50% - 3.285rem);
    width: 30.66%;
    height: auto;
}
.sd_devcourse_two:after{
    content: '';
    background: #bababa;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 2.571rem;
    right: -4.875rem;
    box-shadow: 0 0 0 0.5rem rgba(186, 186, 186, 0.26);
    transition: all .5s ease;
}
.sd_devcourse_three{
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    width: 32.66%;
    height: auto;
}
.sd_devcourse_three:after{
    content: '';
    background: #bababa;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 3.571rem;
    right: -9.75rem;
    box-shadow: 0 0 0 0.5rem rgba(186, 186, 186, 0.26);
    transition: all .5s ease;
}

.sd_devcourse_four{
    position: absolute;
    right: 0;
    top: 1.5rem;
    width: 32.66%;
    height: auto;
}
.sd_devcourse_four:after{
    content: '';
    background: #bababa;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 3.571rem;
    left: -7rem;
    box-shadow: 0 0 0 0.5rem rgba(186, 186, 186, 0.26);
    transition: all .5s ease;
}


.sd_devcourse_five{
    position: absolute;
    right: 0;
    top:calc(50% - 3.285rem);
    width: 30.66%;
    height: auto;
}
.sd_devcourse_five:after{
    content: '';
    background: #bababa;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 2.571rem;
    left: -4.125rem;
    box-shadow: 0 0 0 0.5rem rgba(186, 186, 186, 0.26);
    transition: all .5s ease;
}
.sd_devcourse_six{
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    width: 32.66%;
    height: auto;
}
.sd_devcourse_six:after{
    content: '';
    background: #bababa;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 3.571rem;
    left: -9.25rem;
    box-shadow: 0 0 0 0.5rem rgba(186, 186, 186, 0.26);
    transition: all .5s ease;
}

.sd_devcourse_four .sd_devcourse_1,.sd_devcourse_five .sd_devcourse_1,.sd_devcourse_six .sd_devcourse_1{ justify-content: flex-start;}
.sd_devcourse_four .sd_devcourse_1 span,.sd_devcourse_five .sd_devcourse_1 span,.sd_devcourse_six .sd_devcourse_1 span{ margin-left: 0; margin-right: 1.428rem;}
.sd_devcourse_four .sd_devcourse_2,.sd_devcourse_five .sd_devcourse_2,.sd_devcourse_six .sd_devcourse_2{ padding-right:0;padding-left:4.125rem; text-align: left;}


.sd_devcourse_one:hover:after,.sd_devcourse_two:hover:after,.sd_devcourse_three:hover:after,.sd_devcourse_four:hover:after,.sd_devcourse_five:hover:after,.sd_devcourse_six:hover:after{box-shadow: 0 0 0 0.5rem rgba(163, 208, 58, 0.26); background: #a2d03a;}
.sd_devcourse_one:hover .sd_devcourse_1,.sd_devcourse_two:hover .sd_devcourse_1,.sd_devcourse_three:hover .sd_devcourse_1
,.sd_devcourse_four:hover .sd_devcourse_1,.sd_devcourse_five:hover .sd_devcourse_1,.sd_devcourse_six:hover .sd_devcourse_1{ color: #fc9916;}
.sd_devcourse_one:hover .sd_devcourse_1 span,.sd_devcourse_two:hover .sd_devcourse_1 span,.sd_devcourse_three:hover .sd_devcourse_1 span,
.sd_devcourse_four:hover .sd_devcourse_1 span,.sd_devcourse_five:hover .sd_devcourse_1 span,.sd_devcourse_six:hover .sd_devcourse_1 span{ color: #fc9916;}



/* 企业价值观 */
.sd_covalue {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: -6.142rem;
    z-index: 5;
    position: relative;
}

.sd_covalue_show {
    width: 100%;
    position: relative;
    height: auto;
 
    margin-top: 3.285rem;
}
.sd_covalue_show:before {
    content: '';
    width: 100%;
    position: absolute;
    background: url("../images/about_covalue_img1.png") no-repeat;
    background-position: 0 0;
    height: 10vh;
    animation: sdcov 10s linear infinite;
    opacity: 0.3;
    top: 7.714rem;
}
.sd_covalue_show:after {
    content: '';
    width: 100%;
    position: absolute;
    background: url("../images/about_covalue_img1.png") no-repeat;
    background-position: 0 0;
    height: 10vh;
    animation: sdcov2 10s linear infinite;
    opacity: 0.3;
    top: 7rem;
}
@keyframes sdcov {
    from {  background-position: 0 0; }
    to { background-position: -1920px 0; }
}
@keyframes sdcov2 {
     from { background-position: -1920px 0;}
    to {  background-position: 0 0;}
}


.sd_covalue_img_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}



.sd_covalue_img_list>div {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
}
.sd_covalue_img_list>div:nth-child(2n){flex-direction: column; padding-top: 4.571rem;}
.sd_covalue_img_list>div:nth-child(2n) div{padding-top: 1rem;padding-bottom: 0;}
.sd_covalue_img_list>div img{
    margin: 0 auto;
    height: 8rem;
    width: auto;
}
.sd_covalue_img_list>div div{
    color: #1e1e1e;
    font-size: 1.714rem;
    line-height: 3.571rem;
    padding-bottom: 1rem;
}




/* 关于我们新闻资讯 */
.sd_about_news {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 19.4vh;
    padding-bottom: 29vh;
    background: url("../images/about_news_bc.png") no-repeat;
    background-size: 100% 100%;
	overflow: hidden;
    margin-top: 5.142rem;

}

.sd_about_news_box {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}
.sd_about_news_list {
    width: 100%;
    height: auto;
}
.sd_about_news_list>a {
    display: flex;
    justify-content: space-between;
    padding: 2.571rem 0;
    position: relative;
}
.sd_about_news_list>a::before {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    background: #f1f1f1;
    height: 1px;
    bottom: 0;
}

.sd_about_news_list>a:after{
    content: '';
    transition: all .5s ease;
    border-radius: 1.25rem 1.25rem 6.5625rem 1.25rem;
    width: 116%;
    height: 100%;
    background: #fe940a;
    position: absolute;
    top: 0;
    left: -8%;
    opacity: 0;
    z-index: 1;
}

.sd_about_news_list>a:last-child::before {
   display: none;
}
.sd_about_news_list>a:hover:after {
    opacity: 1;
}
.sd_about_news_list>a:hover .sd_about_news_list_dates,.sd_about_news_list>a:hover .sd_about_news_list_dates span,.sd_about_news_list>a:hover .sd_about_come_1,
.sd_about_news_list>a:hover .sd_about_come_2{
    color: white;
}
.sd_about_news_list>a:hover .sd_about_news_list_dates span::before {
    background: white;
}

.sd_about_news_list>a:hover .sd_about_news_list_more {
    background: url("../images/about_news_moresel.png") no-repeat center;
    background-size: 1.75rem;
}

.sd_about_news_list_img {
    width: 10.26%;
    height: calc(73vw * 0.1026 * 106 / 154);
	height: calc(var(--mainwidth) * 0.1026 * 106 / 154);
    overflow: hidden;
    border-radius: 10px;
    font-size: 0;
    position: relative;
    z-index: 2;
}
.sd_about_news_list_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sd_about_news_list_dates {
    font-size:3.142rem;
    position: relative;
    transition: all .5s ease;
    color: #000000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: '微软雅黑';
    line-height: 3.25rem;
    position: relative;
    z-index: 2;
}
.sd_about_news_list_dates_phone{
	display:none;
}
.sd_about_news_list_dates span{
    display: block;
    color: #5e5e5e;
    font-size: 1rem;
    position: relative;
    transition: all .5s ease;
    line-height: 2.571rem;
}
.sd_about_news_list_dates span::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45%;
    height: 2px;
    background: #f85b3c;
    border-radius: 1rem;
    transition: all .5s ease;
}

.sd_about_come{
    width:74%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.sd_about_come_1 {
    width:90%;
    color: #3f3f3f;
    font-size:1.571rem;
    transition: all .5s ease;
	overflow: hidden;
	 white-space: nowrap;
    text-overflow: ellipsis;
}

.sd_about_come_2{
    width: 90%;
    color: #a2a2a2;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.714rem;
    transition: all .5s ease;
    margin-top: 0.857rem;
}

.sd_about_news_list_more {
    width: 1.75rem;
    background: url("../images/about_news_more.png") no-repeat center;
    background-size:1.75rem;
    transition: all .5s ease;
    position: relative;
    z-index: 2;
}


/* 联系我们 */
.sd_about_connect {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 20vh;
    margin-top: -6rem;
}
.sd_about_connect {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}
.sd_about_connect_show {
    display: flex;
    justify-content: space-between;
    margin-top: 2.571rem;
}
.sd_about_connect_show>div {
    width: 30%;
    height: auto;
    border-radius: 1rem 10rem 1rem 1rem;
    overflow: hidden;
    transition: all .5s ease;
    border: 1px solid transparent;
    cursor: pointer;
}
.sd_about_connect_show>div:hover {
    border: 1px solid #fc9916;
}
.sd_about_connect_show>div:hover .sd_about_connect_inner {
    background: #fc9916;
}
.sd_about_connect_show>div:hover .sd_about_connect_txt1,.sd_about_connect_show>div:hover .sd_about_connect_txt2{
    color: white;
}
.sd_about_connect_show>div:hover .sd_about_inner_bc_1 {
    opacity:0;
}
.sd_about_connect_show>div:hover .sd_about_inner_bc_2 {
    opacity: 1;
}
.sd_about_connect_img {
    width: 100%;
    height: calc(73vw * 0.3 * 302 / 454);
	height: calc(var(--mainwidth) * 0.3 * 302 / 454);
    overflow: hidden;
    font-size: 0;
}
.sd_about_connect_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sd_about_connect_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 15.714rem;
    border: 1px solid #fc9916;
    border-top:none;
    border-radius: 0 0 1rem 1rem;
    transition: all .5s ease;
    position: relative;
}
.sd_about_inner_bc {
    width: 100%;
    height: 3.642rem;
    position: relative;
    overflow: hidden;
}
.sd_about_inner_bc_1,.sd_about_inner_bc_2{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sd_about_inner_bc_1 img,.sd_about_inner_bc_2 img{
    height: 100%;
    width: auto;
}
.sd_about_inner_bc_2{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease;
}


.sd_about_connect_txt1 {
    font-size: 1.571rem;
    font-family: 'opb';
    color: #262626;
    margin-top:1.428rem;
    transition: all .5s ease;
    width: 100%;
    text-align: center;
}

.sd_about_connect_txt2 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #a3a39f;
    font-size: 1.142rem;
    line-height: 2rem;
    transition: all .5s ease;
    margin-top: 0.5rem;
}

/*图书产品-七彩课堂*/
.n_bigbook{
    height: 100vh;
}
.n_bigbook .n_big_3{ height: 6.142rem;}
.n_bigbook .n_big_4 span{     background: url(../images/textbook_top_tic.png) no-repeat left 1rem;}

.book_warp {
    width: 100%;
    height: auto;
    position: relative;
    padding: 9vh 0 4.571rem 0;
}
.book_warp:after {
    content: '';
    background: url(../images/page_dot_bc.png) no-repeat center;
    width: 27.14rem;
    height: 28.57rem;
    position: absolute;
    top: -8.428rem;
    right: 0;
}
.book_warp:before {
    content: '';
    background: url(../images/color_class_junior_bc2.png) no-repeat center;
    width: 100%;
    height: calc(100vw * 1173 / 1920);
    position: absolute;
    bottom:0;
    right: 0;
}
.book {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.book_all{
    width:100%;
    height: auto;
}
.book_tit{
	width:100%;
	height: calc(73vw * 173 / 1491);
	height: calc(var(--mainwidth) * 173 / 1491);
	font-size: 0px;
    position: relative;
}
.book_tit img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.book_tit:after{
    content: '';
    background: url(../images/book_07.png) no-repeat center;
    background-size:cover;
    width: 11.857rem;
    height: 6.785rem;
    position: absolute;
    top: 4.571rem;
    right: -0.714rem;
}
.book_nei{
    width:100%;
    height: auto;
    background: #fff9f1;
    border: 4px solid #ffa752;
    border-top: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-bottom: 4.571rem;
}
.book_list{
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.book_con{
    width: 23%;
    margin-right: calc(8% / 3);
    border-radius: 1.625rem;
    border: 2px solid #fb5514;
    background: white;
    padding: 3rem 0;
    margin-top: calc(8% / 3);

}
.book_con:nth-child(4n){ margin-right: 0;}
.book_con a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.book_con a:hover img {
    transform: scale(1.05);
}
.book_con a img {
    width: 80%;
    height: auto;
    transition: all .5s ease;
}

.book_alla{ margin-top: 2.571rem;}
.book_alla .book_tit:after{    background: url(../images/book_12.png) no-repeat center; background-size:cover;}
.book_alla .book_nei{
    background: #fff9f1;
    border: 4px solid #9cd450;
    border-top: none;
}
.book_alla .book_con{ border: 2px solid #9cd450;}

.class_list_warp_bei{
	width: 100%;
	height: auto;
	padding-bottom: 16vh;
	position:relative;
}
.class_list_warp_bei:after{
	content: '';
	background: url(../images/page_dot_bc2.png) no-repeat center;
	background-size:cover;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 27.357rem;
	height: 30.857rem;
}

.class_list_warp{
    width: 100%;
    height: auto;
    padding: 5.5vh 0 0 0;
}

.class_list {
    width: var(--mainwidth);
    margin: 0 auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.class_list_img {
    width: 55%;
	position: relative;
	z-index: 2;
}
.class_list_img>img {
    width: 100%;
}

.class_list_txt {
    width: 43%;
	position: relative;
	z-index: 2;
}
.class_list_txx1 {
    font-family: 'oph';
    font-size: 4.714rem;
    color: #fb9714;
}
.class_list_txx2 {
    font-family: 'opb';
    font-size: 3rem;
    color: black;
    position: relative;
    line-height: 4rem;
}
.class_list_txx2::after {
    content: '';
    border-radius: 50%;
    background-color: rgb(162, 208, 58);
    position: absolute;
    width: 2.375rem;
    height: 2.375rem;
    z-index: -1;
    top: calc(50% - 1.1875rem);
    left: -1rem;
}
.class_list_txx3 {
    font-family: 'opr';
    font-size: 1.714rem;
    color: #6e6e6e;
    position: relative;
    line-height:3rem;
}
.class_list_txx3::after {
    content: '';
    position: absolute;
    width: 2.25rem;
    height: 4px;
    background: rgb(251, 151, 20);
    border-radius: 1rem;
    top: calc(1.5rem - 2px);
    left: -3.25rem;
}

.class_list_warp1{
    background: url(../images/color_class_list2bc.png) no-repeat center;
    background-size:cover;
    height: calc(100vw * 870 / 1920);
    padding-top: 13.7vh;
}
.class_list_warp1  .class_list_txt{ width: 42%;}
.class_list_warp1  .class_list_img{transform: translateX(2.857rem);}

.class_list_warp2{
    margin-top: -22vh;
    padding: 0;
}
.class_list_warp2  .class_list_txt{ width: 35%;}
.class_list_warp2  .class_list_img{transform: translateX(-6.45vw);}

.class_list_warp3{
    margin-top: 16vh;
	position: relative;
	padding: 0;
}
.class_list_warp3:after{
	content: '';
	width: 100%;
	background: url(../images/color_class_list4bc.png) no-repeat center;
    background-size:cover;
    height: calc(100vw * 1173 / 1920);
	position: absolute;
	top: 0;
	left: 0;
}
.class_list_warp3  .class_list_txt{ width: 38%;}
.class_list_warp3  .class_list_img{transform: translateX(2.857rem);}

.class_list_warp4{
    margin-top: 12vh;
    padding: 0;
}
.class_list_warp4  .class_list_txt{ width: 34%;}

.class_list_warp5{
    margin-top: 24vh;
	position: relative;
	padding: 0;
}
.class_list_warp5  .class_list_txt{ width: 36%;}


/*图书产品-教材一点通*/
.n_big_4a{ margin-top: 4.285rem;}

.class_list_warp_bei:before {
    content: '';
    background: url(../images/page_dot_bc.png) no-repeat center;
	background-size:cover;
    width: 27.14rem;
    height: 28.57rem;
    position: absolute;
    top: -13.33vh;
    right: 0;
}
.class_list_warp_beia:before{ display: none;}
.class_list_warp6{
    margin-top: 11vh;
	position: relative;
	padding: 0;
}
.class_list_warp6  .class_list_txt{ width: 42%;}
.class_list_warp6  .class_list_img{ width: 51%;}

.class_list_warp7{
	position: relative;
	padding: 0;
	height: calc(100vw * 870 / 1920);
}
.class_list_warp7:after{
	content: '';
	width: 100%;
	background: url(../images/textbook_list_bc2.png) no-repeat center;
    background-size:cover;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.class_list_warp7 .class_list{ position: relative; height: 100%;}

.class_list_warp7  .class_list_txt{ width: 43%;}
.class_list_warp7  .class_list_img{ position: absolute; top: 0; right: 0; height: 100%; display: flex; align-items: flex-end; width: 76%; padding-bottom: 2.857rem;} 

.class_list_warp8 .class_list_img{ width: 48%;}
.class_list_warp9{ position: relative; padding-top: 2.857rem;}
.class_list_warp9:after{
	content: '';
	width: 100%;
	background: url(../images/textbook_list_bc4.png) no-repeat center;
    background-size:cover;
    height: calc(100vw * 1173 / 1920);
	position: absolute;
	top: 0;
	left: 0;
}
.class_list_warp9 .class_list_img{ width: 56.4%;transform: translateX(3.571rem);}

.class_list_warp10{}
.class_list_warp11{
    margin-top: 5.142rem;
	position: relative;
	padding: 0;
}
.class_list_warp11  .class_list_txt{ width: 39%;}
.class_list_warp11  .class_list_img{ width: 60.4%;transform: translateX(7.142rem);}

.class_list_warp12{ position: relative; padding:0;height: calc(100vw * 829 / 1920);}
.class_list_warp12:after{
	content: '';
	width: 100%;
	background: url(../images/textbook_list_bc7.png) no-repeat center;
    background-size:cover;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.class_list_warp12 .class_list_txt{  width: 40%;}
.class_list_warp12  .class_list_img{ width: 48%;}

.class_list_warp13{ position: relative; padding-top:-2.285rem;height: calc(100vw  * 514 / 1920);}

.class_list_warp13 .class_list_txt{  width: 56%;}
.class_list_warp13 .class_list_txx3{ width: 60%; display: block;}
.class_list_warp13  .class_list_img{ width:63.85vw; position: absolute; top: 0; right: 0;}


/*首页*/
.bd_big {
    width: 100%;
   	height: 100vh;
	position: relative;
	overflow: hidden;
}
.bd_big_all{
	width:100%;
	height: 100%;
}
.bd_big_all a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.bd_big_img{
	width:100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
.bd_big_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.bd_big .pagination_bd_big{ 
	position: absolute;
	width:calc((100vw - 73vw) / 2 + 73vw);
	width:calc((100vw - var(--mainwidth)) / 2 + var(--mainwidth));
	z-index:3;
	bottom: 9vh;
	text-align: right;
}
.bd_big .swiper-pagination-bullet { 
	display: inline-block; 
	width:0.714rem; 
	height:0.714rem; 
	background: rgba(255,255,255,0.6);
	border-radius:50px;
	margin:0;
	margin-left: 0.5rem;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.bd_big .swiper-pagination-bullet-active{ 
	background: #fff;
	width: 2.285rem;
}	
.bd_big-left,.bd_big-right{
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 0px;
	z-index: 3;
}
.bd_big-left{ left: 4%;}
.bd_big-right{ right: 4%;}
.bd_big-left img,.bd_big-right img{
	width: 100%;
	height: auto;
	cursor: pointer;
}


.sd_index_tab {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6.6vh;
    margin-bottom:9.5vh;
    position: relative;
    z-index: 2;
}

.sd_index_tab a {
    border-radius: 1.75rem;
    box-shadow: 0px 0px 35px 0px rgba(63, 13, 4, 0.06);
    background: url("../images/index_tab_bc.png") no-repeat left -10%;
    background-size: cover;
    display: flex;
	justify-content: space-between;
    align-items: center;
    cursor: pointer;
	padding: 0px 4.285rem;
	margin: 0 0.857rem;
	height: 15.142rem;
	position: relative;
}
.sd_index_tab a:after{
	content: '';
	width: calc(100% - 1.428rem);
	height: calc(100% - 1.428rem);
	border: 0.714rem #fe940a solid;
	 border-radius: 1.75rem;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s;
}
.sd_index_tab a:hover:after{ opacity: 1;}
.sd_index_tab a:hover .sd_index_tab_tit{ color: #fe940a;}

.sd_index_tab_img{
	height: 100%;
	font-size: 0px;
	width: 4.714rem;
	display: flex;
	align-items: center;
}
.sd_index_tab_img img{
	 width: 100%;
	height: auto;
}
.sd_index_tab_tit {
    margin-left: 2rem;
    font-family: 'opb';
    font-size: 2.571rem;
    color: #1e1e1e;
	transition: all .3s;
}
.sd_index_tab_tit span {
	display: block;
    font-family: 'opr';
    font-size: 1.428rem;
    color: #585858;
	margin-top: 0.5rem;
}


/* 产品展示 */
.sd_product_show {
    width: 100%;
    height: calc(100vw * 850 / 1920);
    background: url("../images/bei_02.png") no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
}


.sd_product_show_box {
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 8;
    padding-top: 4.714rem;
}

.product_show{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: -4.571rem;
}
.product_show_left{
	width: 68%;
	display: flex;
	justify-content: space-between;
	
}
.product_show_con{
	width: 41%;
	padding-top: 6.285rem;
}
.product_show_1{
	width:100%;
	background: url("../images/book.png") no-repeat left;
	background-size:2.142rem;
	padding-left: 3.428rem;
	color: #fe940a;
	font-size: 3rem;
	font-family: 'zk';
	line-height: 5.428rem;
}
.product_show_2{
	width:100%;
	height: auto;
	color: #787878;
	font-size: 1.25rem;
	line-height: 3.855rem;
}
.product_show_2 span{
	color: #000000;
	font-family: opb;
	margin-right: 0.857rem;
}


.sd_product_show_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55%;

}
.sd_product_show_img>img {
    width: 100%;
}



.sd_product_show_list {
    position: relative;
    background: url("../images/bei1_03.jpg") no-repeat  bottom;
    background-size:cover;
  	 width: 23%;
	padding-top: 7rem;
	margin-top: -7.714rem;
	height: calc(100vw * 850 / 1920 - 9rem);
}

.sd_product_list{
	width: 100%;
	height: 96%;
	position: relative;
	overflow: hidden;
}
.sd_product_list .swiper-slide{ height: calc(100% / 3);}
.sd_product_list .swiper-slide-active .sd_product_list_con_1{ font-weight: bold;}
.sd_product_list .swiper-slide-active .sd_product_list_con_2:after{ opacity: 0;}
.sd_product_list_con{
	width:100%;
	height: 100%
}
.sd_product_list_con a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;

}
.sd_product_list_con:hover .sd_product_list_con_1{ font-weight: bold;}
.sd_product_list_con:hover .sd_product_list_con_2:after{ opacity: 0;}

.sd_product_list_con_1{
	width: 100%;
	 font-size: 1.428rem;
    color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fec20a;
}
.sd_product_list_con_2{
	    width: 100%;
    height: calc(100% - 3rem);
    border-radius: 10px;
    overflow: hidden;
	margin: 0 auto;
	position: relative;
	font-size: 0px;
	margin-top: 0.5rem;
	text-align: center;
}
.sd_product_list_con_2 img{
	width:auto;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sd_product_list_con_2:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	opacity: 1;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sd_product_show_list_btn {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -1.9375rem;
}
.sd_product_show_list_btn1 {
    width: 3.875rem;
    height: 3.875rem;
    border-radius: 0.5rem;
    background: #fe940a;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    cursor: pointer;
}
.sd_product_show_list_btn2 {
    width: 3.875rem;
    height: 3.875rem;
    border-radius: 0.5rem;
    background: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.wei{
	width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	margin-top: -8vh;
}


/* 资讯 */
.sd_news {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding-bottom: 15vh;

    background: url("../images/news_bc.png") no-repeat;
    background-size: 100% 100%;
	margin-top: 5rem;
}
.sd_news_box {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    position: relative;
    padding-top: 18rem;
}

.sd_news_show {
    display: flex;
    justify-content: space-between;
	width: 100%;
	margin-top: 2rem;
}

.sd_news_show_l {
    width: 48%;
}
.sd_news_show_l a{
	display: block;
	width: 100%;
	height: 100%;
}

.sd_news_show_l a:hover .sd_news_show_l_img img {
    transform: scale(1.05);
}
.sd_news_show_l a:hover .sd_news_tit_tit {
    color: #f85b3c;
}

.sd_news_show_l_img{
	width:100%;
	height: calc(73vw * 0.48 * 302 / 710);
	height: calc(var(--mainwidth) * 0.48 * 302 / 710);
	font-size: 0px;
	overflow: hidden;
	border-radius: 20px;
}
.sd_news_show_l_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sd_news_tit{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.5rem;
}
.sd_news_tit_tit{
	font-size: 1.857rem;
	color: #3f3f3f;
	font-family: opb;
	overflow: hidden;
	  white-space: nowrap;
    text-overflow: ellipsis;
	width: 76%;
	 transition: all .5s ease;
}
.sd_news_tit_ri{
	color: #5e5e5e;
	font-size: 1rem;
}
.sd_news_come{
	font-size: 1.285rem;
	color: #a2a2a2;
	overflow: hidden;
	  white-space: nowrap;
    text-overflow: ellipsis;
	width: 100%;
	line-height: 3.285rem;
}
.sd_news_more{
	width:100%;
	background: url("../images/arrow_right.png") no-repeat left;
	background-size:1.428rem;
	padding-left: 3.285rem;
	color: #f85b3c;
	line-height: 2.285rem;
}


.sd_news_show_r {
    display: flex;
    flex-direction: column;
	justify-content: space-between;
	width: 46%;
}
.sd_news_show_r>a {
    width: 100%;
    display: flex;
	justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding-bottom: 2rem;
}
.sd_news_show_r>a:nth-child(3){ border-bottom: none;}

.sd_news_show_r>a:hover .sd_about_news_list_dates,.sd_news_show_r>a:hover .sd_about_news_list_dates span,.sd_news_show_r>a:hover .sd_about_come_1{ color: #f85b3c;}

.sd_news_show_r .sd_about_come{ width: 86%;}
.sd_news_show_r .sd_about_come_1，.sd_news_show_r .sd_about_come_2{ width: 100%;}







.sd_nava{
	background: none;
	position: fixed;
}



/* 超出隐藏 */

.sd_hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* !侧边栏  */
.sd_slider {
    width: auto;
    height: auto;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
    display: flex;
    flex-direction: column;
}

.sd_slider a {
    width: 7.5625rem;
    height: 7.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #e8e8e8;
    color: #fe940a;
    cursor: pointer;
    border-radius: 1.25rem 0 0 1.25rem;
    margin-bottom: 0.375rem;
    font-size: 1rem;
    transition: all .3s;
    position: relative;

}
.sd_slider_img{
	width:100%;
	height: 3.142rem;
	overflow: hidden;
	position: relative;
}
.sd_slider_img_1,.sd_slider_img_2{
	width: 100%;
	height: 3.142rem;
	text-align: center;
}
.sd_slider_img_1 img,.sd_slider_img_2 img{
	width: auto;
	height: 3.142rem;
}
.sd_slider_img_2{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.sd_slider_tit{
	width:100%;
	text-align: center;
	color: #fe940a;
	font-family: opb;
	font-size: 1.142rem;
	margin-top: 0.714rem;
}

.sd_slider_bin {
    width: 7.5625rem;
    height: 7.5625rem ;
    position: absolute;
    top: 0;
    left: -8rem;
    opacity: 0;
    display: none;
    transition: all .5s ease;
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
}
.sd_slider a:hover .sd_slider_bin {
    opacity: 1;
    display: block;

}
.sd_slider a:last-child {
    margin-bottom: 0;
}

.sd_slider a:hover {
	background: #fe940a;
}
.sd_slider a:hover .sd_slider_img_1{ opacity: 0;}
.sd_slider a:hover .sd_slider_img_2{ opacity: 1;}
.sd_slider a:hover .sd_slider_tit{ color: #fff;}


/*登录资源页面*/
.sd_login_5{
	width:100%;
	height: auto;
	position: relative;
	margin-top: 1.428rem;
}
.sd_login_5:after{
	content: '';
	background: url("../images/load_14.png") no-repeat left;
	background-size:1rem;
	width: 1rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 1.571rem;
}
.sd_login_1_select {
    width: 100%;
    height: 4.285rem;
    border: 1px solid #d6e0e1;
    border-radius: 0.625rem;
    padding-left: 3.571rem;
    font-size: 1.285rem;
    padding-right: 1rem;
	color: #a9b0be;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
}

.sd_login_3{
	width:100%;
	height: auto;
	position: relative;
	margin-top: 1.428rem;
}
.sd_login_3:after{
	content: '';
	background: url("../images/no_03.png") no-repeat left;
	background-size:1.375rem;
	width: 1.375rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 1.5rem;
}
.sd_login_3 a{
	position: absolute;
	top: 0;
	right: 0;
	height: 4.285rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 1.5rem;
	background: #fe9c1b;
	color: #fff;
	font-size: 1.285rem;
	cursor: pointer;
	border-bottom-right-radius: 0.625rem;
	border-top-right-radius: 0.625rem;
}
.sd_login_4{
	width:100%;
	height: auto;
	position: relative;
	margin-top: 1.428rem;
}
.sd_login_4:after{
	content: '';
	background: url("../images/checkcode_03.png") no-repeat left;
	background-size:1.375rem;
	width: 1.375rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 1.5rem;
}


/*资源包*/
.resource{
	width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
	padding-top: 10vh;
	display: flex;
	justify-content: space-between;
}
.resource_img{
	width: 10%;
	height: calc(73vw * 0.1 * 200 / 150);
	height: calc(var(--mainwidth) * 0.1 * 200 / 150);
 
    box-shadow: 0px 0px 15px #666;
	font-size: 0px;
	overflow: hidden;
}
.resource_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	padding: 0.5rem;
}
.resource_mid{
	width: 70%;
	height: auto;
}
.resource_1{
	width:100%;
	font-size: 1.714rem;
	color: #000;
	font-family: opb;
}
.resource_2{
	width: 100%;
	height: 4rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.142rem;
	color: #000;
}
.resource_2 span{ font-family: '宋体'; margin: 0px 0.5rem;}
.resource_2 a{ background: #f1f1f1; color: #000; padding: 0.375rem 0.75rem; font-size: 1rem; cursor: pointer;-webkit-transition: all 0.5s;}
.resource_2 a:hover{ background: #fe940a; color: #fff;}

.resource_3{
	width:100%;
	height: 3rem;
	display: flex;
	align-items: center;
	font-size: 1rem;
	color: #000;
}
.resource_3 span{ color: #fe940a; font-family: opb;}

.resource_4{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 0.5rem;
}
.resource_4 a{
	display: flex;
	justify-content: center;
	align-items: center;
    border: 1px solid #008000;
    background-color: #CFC;
    color: #008000;
    font-weight: bold;
    box-shadow: 0px 0px 15px #999;
	height: 2.857rem;
	padding: 0px 1rem;
	font-size: 1rem;
	margin-right: 1.285rem;
	cursor: pointer;
}
.resource_4 a span{
	background: url("../images/webhome.png") no-repeat left;
	padding-left:2.142rem; 
}
.resource_4 a:nth-child(2){ border: 1px solid #fb5f2b;background-color: #fff9f7; color: #F00;}
.resource_4 a:nth-child(2) span{background: url("../images/cd.png") no-repeat left;}
.resource_4 a:nth-child(3),.resource_4 a:nth-child(4){ border: 1px solid #2695FF;background-color: #eef7ff; color: #333;}
.resource_4 a:nth-child(3) span,.resource_4 a:nth-child(4) span{background: url("../images/download.png") no-repeat left;}

.resource_5{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	height: 3rem;
	align-items: center;
	margin-top: 0.5rem;
}
.resource_5 span{
	background: url("../images/jin.png") no-repeat left;
	background-size: 2.285rem;
	padding-left: 3rem;
	color: #000;
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 1rem;
}
.resource_5 a{
	background: url("../images/help.png") no-repeat left;
	background-size: 2.285rem;
	padding-left: 3rem;
	color: #fe940a;
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 1rem;
	margin-left: 4rem;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}
.resource_5 a:hover{ text-decoration: underline;}

.resource_right{
	width: 10%;
}
.resource_right_1{
	width:100%;
	height: calc(73vw * 0.1);
	height: calc(var(--mainwidth) * 0.1);
	font-size: 0px;
	overflow: hidden;
	box-shadow: 0px 0px 15px #999;
}
.resource_right_1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
}
.resource_right_2{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 1.142rem;
	height: 4rem;
}
.resource_right_3{
	width:100%;
	height: auto;
	margin-top: 0.5rem;
}
.resource_right_3 a {
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.857rem;
    border: 1px solid #2695FF;
    background-color: #eef7ff;
    box-shadow: 0px 0px 15px #999;
	font-size: 1.142rem;
	cursor: pointer;
}
.resource_right_3 span{
	 background: url(../images/qq1.png) no-repeat left;
	padding-left: 2.142rem;
}


.list {
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 5vh 0 16vh 0;
}
.list_con{
	width:100%;
	height: 8rem;
}
.list_con a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fe940a;
}
.list_con a:hover .list_1{ color: #fe940a;}
.list_img{
	width: 9.6%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_img img{
	height: 3.428rem;
	width: auto;
}
.list_mid{
	width: 76%;
}
.list_1{
	width:100%;
	display: flex;
	justify-content: flex-start;
	color: #666;
	font-family: opb;
	font-size: 1.428rem;
	-webkit-transition: all 0.5s;
	align-items: center;
}
.list_1 span{
	color: #999;
	margin-left: 2rem;
	font-size: 1rem;
}
.list_2{
	width: 100%;
	color: #666;
	font-size: 1rem;
	margin-top: 0.75rem;
}

.list_right{
	width: 12%;
	height: 4rem;
	background: #fe940a;
	border-radius:4px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_right span{
	color: #fff;
	font-size: 1.285rem;
	 background: url(../images/dl_white.png) no-repeat left;
	background-size:1.571rem;
	padding-left: 2.75rem;
}


.sd_navfiex{ position: fixed;background: #fff;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);}

.sd_navfiex .sd_nav_1>a,.sd_navfiex .sd_nav_deng a,.sd_navfiex .sd_nav_deng span{ color: #000;}

.sd_navfiex .sd_nav_1>a:after{ background: #000;}

.sd_navfiex .sd_nav_1>a:hover,.sd_navfiex .sd_nav_deng a:hover{ color: #fe9b1a;} 

.sd_navfiex .sd_nav_1>a:hover:after{ background: #fe9b1a;} 

.sd_navfiex .sd_nav_deng {

    background: url(../images/user_sel.png) no-repeat left;

}



.qjbase_videolayer{
	width:100%;
	height: 100%;
	position: fixed;
	background:rgba(0,0,0,0.9);
	z-index: 99999;
	top: 0vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
}
.qjbase_videolayer_con{
	width:auto;
	height: auto;
	margin: 0px auto;
	font-size: 0px;
	position: relative;
	transform: scale(0);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.qjbase_videolayer_con_fade{
	transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.qjbase_videolayer_con_video{
	width:auto;
	max-width: 55vw;
	height: auto;
	max-height: 75vh;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
   transition: all 0.5s;
}
.qjbase_videolayer_btn{
	width:35px;
	height: 35px;
	position: absolute;
	background-color: var(--OneColor);
	border-radius: 50%;
	background-image: url("https://cloud.qishuguanjia.cn/cloudimages/close.png");
	background-repeat: no-repeat;
	background-position: center;
	right: -18px;
	top: -18px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	color: var(--FontWhiColor);
    text-align: center;
    font-weight: lighter;
}

.qjbase_videolayer_btn:hover{
	transform: rotate(360deg);
}
/*新闻详情*/

.bd_news_details {

	width: 73vw;

    width: var(--mainwidth);

    margin: 0 auto;

	padding-bottom: 8rem;

	padding-top: 5rem;

}





.bd_news_details_head_title {

	color: var(--FontOneColor);

	width: 100%;

	text-align: center;

    font-size: 2.571rem;

}



.bd_news_details_head_info {

	width: 100%;

	height: 7.285rem;

    display: flex;

    justify-content: center;

	border-bottom: 1px solid #e3e3e3;

	line-height: 5.714rem;

}



.bd_news_details_head_info>div {

    margin-right: 2.75rem;

    font-size: 1.285rem;

    color: #a2a2a2;

}



.bd_news_details_head_info>div:last-child {

    margin-right: 0;

}



.bd_news_details_head_info>div>span {

    color: #6a6a6a;

}



.bd_news_details_text {

   width: 100%;

	height: auto;

    font-size: 1.285rem;

    color: var(--FontOneColor);

    line-height: 2.428rem;

    padding-bottom: 4.714rem;

	margin-top: 3.571rem;

}



.bd_news_details_text>img {

    max-width: 100%;

	height: auto;

}



.bd_news_details_control {

    width: 100%;

    padding: 4vh 0;

    border-bottom: 1px solid #e3e3e3;

    border-top: 1px solid #e3e3e3;

}



.bd_news_details_control>a {

     color: var(--FontOneColor);

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    font-size: 1.285rem;

    margin-bottom: 2.2vh;

    display: block;

}



.bd_news_details_control>a:hover {

    color: var(--OneColor);

}



.bd_news_details_control>a:last-child {

    margin-bottom: 0;

}
.head_nav,.menubtn{ display: none;}
.empty{
	width:1200px;
	text-align:center;
	padding:20px 0px;
	font-size:25px;
	font-weight:bold;
	color:red;
	margin:0 auto;
	
	border-radius:8px 8px 0px 0px;
}
.empty img{
	animation:mymove 3s infinite;
	animation-timing-function:linear;
}
@media screen and (max-width:1919px)and (min-width:1280px){
	.sd_nav_logo a img{ height: 4.75rem;}
	.sd_nav_1{ margin-right: 3rem;}
	.list_right span{ font-size: 1.125rem; padding-left: 2.5rem;}
	.register:after,.sd_login_panel:after {
		background-size:cover;	
		width: 47.142rem;
		height: 30.214rem;
	}
	.sd_login_1_text{ height: 3.75rem;font-size:1.125rem;}
	.register_1:after{height: 3.75rem;}
	.class_list_warp_bei:before {
		top: -18vh;
	}
	.class_list_txx2{ font-size: 2.75rem;}
	.n_big_3{ font-size: 1.75rem;}
	.n_big_4 span{ font-size: 1.625rem; line-height: 3rem;}
	.sd_product_show_box{ padding-top: 7.25rem;}
	.product_show_1{ font-size: 2rem;}
	.product_show_2{ font-size: 1.25rem; line-height: 3.5rem;}
	.sd_product_show_img{ width: 50%;}
	.sd_product_show_list{ margin-top: -4.714rem; padding-top: 3.5rem;}
	.sd_product_list{ height: 92%;}
	.sd_product_list_con_1{ font-size: 1.125rem;}
	.n_big_mune{ width: 55%;}
	.n_big_mune_right{ font-size: 1rem;}
	.n_big_mune_right span{ font-size: 1.75rem;}
	.pei_con{ padding: 0 1.5rem 0 2rem;}
	.pei_mune a{ height: 5.5rem;}
	.pei_mune span{ padding-left: 4.5rem;}
	.culture_con {
		font-size: 1.375rem;
		line-height: 2.75rem;
	}
	.sd_devcourse_1{ font-size: 2rem;}
	.sd_devcourse_1 span{ font-size: 2.25rem;}
	.sd_devcourse_2{ font-size: 1.375rem;}
	.sd_covalue_img_list>div div {
		font-size: 1.375rem;
		line-height: 3.25rem;
	}
	.n_biggong .n_big_1{ font-size: 3.25rem;}
	.n_big_nei_1{ font-size: 1.875rem; height: 4rem;}
	.n_big_nei_1>span {
		font-size: 2.75rem;
		width: 1.75rem;
		margin-right: 1.5rem;
	}
	.n_big_wei{ width: 11rem; height: 11rem;}
	.sd_login_3 a{ height: 3.75rem;}

	.mainti_con{
		height: calc(73vw * 0.308 * 580 / 462);
    	height: calc(var(--mainwidth) * 0.308 * 580 / 462);
	}
	.mainti_img { height: 30%;}
	.mainti_1{ font-size: 1.75rem; margin-top: 2rem;}
	.mainti_nei_1 { font-size: 1.375rem;}
	.down_2 span{    margin-right: 2rem;}
	.bd_big-left{left: 2%;}
	.bd_big-right{ right: 2%;}
	.gong_2{ font-size: 1.625rem;}
	.n_big_1{ font-size: 3.75rem;}
	.n_big_2 a{ font-size: 1.875rem;}
	.n_big_4{ margin-top: 0;}
	.empower_warp:after,.class_list_warp_bei:before{ width: 20rem; height: 21rem}
	.n_big_1 span img{ height: 4.571rem; width: auto;}
	.n_big_4a { margin-top: 3rem;}
	.class_list_txx3{ font-size: 1.625rem; line-height: 2.75rem;}
	.class_list_txx3::after{ top: calc(1.375rem - 2px);}
}

@media screen and (max-width:1599px)and (min-width:1280px) {
	.sd_product_show_box{ padding-top: 7.25rem;}
	.product_show_1{ font-size: 2rem;}
	.product_show_2{ font-size: 1.25rem; line-height: 3.25rem;}
	.sd_product_show_img{ width: 50%; height: 90%;}
	.sd_product_show_list{ margin-top: -7.375rem; padding-top: 6.5rem;}
	.sd_product_list{ height: 92%;}
	.sd_product_list_con_1{ font-size: 1.125rem;}
	.class_list_warp13 .class_list_txx2{ font-size: 2.625rem;}
}
@media screen and (max-width:1439px)and (min-width:1280px){
	.sd_product_show_list {
		margin-top: -4.375rem;
		padding-top: 3.5rem;
	}
	.mainti_img {
		height: 31%;
	}
	.n_big_mune {
		width: 58%;
	}
	.sd_supdown_resclass_show>a{ padding: 0.75rem 1rem; margin-right: 1rem;}
	.class_list_warp11 .class_list_txt {
		width: 42%;
	}
	.class_list_warp13 .class_list_txx2 {
		font-size: 2.5rem;
	}
	.class_list_txx3::after {
		top: calc(1.125rem - 2px);
	}
}
@media screen and (max-width:1279px)and (min-width:1024px){
	.sd_nav_logo a img,.sd_foot_logo>img{ height: 4.75rem;}
	.sd_nav_1{ margin-right: 2.5rem;}
	.sd_nava .sd_nav_deng {
		background-size: 1.375rem;
	}
	.mainti_zi{ font-size: 2.25rem; height: 4.5rem;}
	.mainti_en{ font-size: 1.75rem; height: 4rem;}
	
	.resource_img{
		width: 14%;
		height: calc(73vw * 0.14 * 200 / 150);
		height: calc(var(--mainwidth) * 0.14 * 200 / 150);
	}
	.resource_4 a span{ background: none; padding-left: 0;}
	.resource_4 a:nth-child(2) span,.resource_4 a:nth-child(3) span,.resource_4 a:nth-child(4) span{ background: none;}
	.resource_right_2{ font-size: 1.07rem;}
	.resource_right_3 a{ font-size: 1.07rem;}
	.register { width: calc(var(--mainwidth) * 0.96);}
	.book_tit:after{ background-size: auto 80%; right: -4rem;top:3.5rem;}	
	.book_alla .book_tit:after{ background-size: auto 80%;}
	
	.class_list_txx1 { font-size: 3.75rem;}
	.class_list_txx2{ font-size: 2.25rem;}
	.class_list_txx2::after{ width: 2rem; height: 2rem;}
	.class_list_txx3{ font-size: 1.5rem; line-height: 2.5rem;}
	.class_list_txx3::after{ top: calc(1.25rem - 2px);}
	.class_list_warp2 {
		margin-top: -6vh;
	}
	.class_list_warp2 .class_list_img {
		transform: translateX(-4.45vw);
	}
	.class_list_warp_bei:after,.culture_warp:after{
		width: 20rem;
		height: 22.571rem;
	}
	.sd_foot_logo{ display: flex; align-items: center;}
	.class_list_warp13 .class_list_txx3 {
		width: 70%;
	}

	
	
	.list_right span{ font-size: 1.125rem; padding-left: 2.5rem;}
	.register:after,.sd_login_panel:after {
		background-size:cover;	
		width: 47.142rem;
		height: 30.214rem;
	}
	.sd_login_1_text{ height: 3.75rem;font-size:1.125rem;}
	.register_1:after{height: 3.75rem;}
	.class_list_warp_bei:before {
		top: -18vh;
	}
	
	.n_big_3{ font-size: 1.625rem;    height: 10vh;}
	.n_big_4 span{ font-size: 1.5rem; line-height: 2.75rem;background-size:1.75rem;
    padding-left: 3rem; width: 37rem;}
	.n_big_2 { margin-top: 8vh;}
	.n_big_2 a{ font-size: 1.5rem;width: 14rem; height: 4.5rem;}
	.sd_supdown_find_tit{ font-size: 1.375rem;}
	.sd_supdown_resclass_show>a {
		padding: 0.75rem 1rem;
		font-size: 1.125rem;
	}
	.agent_1 { height: 5rem;}
	.sd_supdown_head>div{ font-size: 2.25rem;}
	.down_mune a span{ font-size: 1.375rem;}
	
	.down_left{    padding-left: 5.857rem;}
	
	.bd_notes_right .down_left{ width:76%;}
	.bd_notes_right .down_2 span{ margin-right: 1.5rem;}
	
	.sd_devolu_info_add_item>select{ font-size: 1.25rem;}
	.empower_ti a{ width: 16rem; font-size: 1.5rem;}
	
	.sd_login_panel {
    	width: calc(var(--mainwidth) * 0.96);
		height: calc(var(--mainwidth) * 0.96 * 682 / 1220);
	}
	
	
	.sd_product_show_box{ padding-top: 6.25rem;}
	.product_show_1{ font-size: 1.85rem;  background-size: 1.875rem;  padding-left: 3rem;    line-height: 4.428rem;}
	.product_show_2{ font-size: 1.25rem; line-height: 2.75rem;}
	.sd_product_show_img{ width: 40%;}
	.sd_product_show_img img{ width: 100%;}
	.sd_product_show_list{ margin-top: -4.714rem; padding-top: 1rem; width: 20%; background: #fec20a none; border-radius:12px;}
	.sd_product_list{ height: 98%;}
	.sd_product_list_con_1{ font-size: 1.125rem;}
	.sd_news_box{ padding-top: 12rem;}
	
	.product_show_con{ padding-top: 4rem;}
	
	
	.pei_con{ padding: 0 1.5rem 0 2rem;    width: calc(var(--mainwidth) * 0.24);}
	.pei_con_1 span{ font-size: 1.5rem;}
	.pei_mune a{ height: 4.5rem;}
	.pei_mune span{ padding-left: 4rem; font-size: 1.25rem;}
	.culture_all{ margin-top: 3rem;}
	.culture_con {
		font-size: 1.25rem;
		line-height: 2.25rem;
		margin-top: 3rem;
	}
	.sd_devcourse{ height: auto; padding-bottom: 10vh;}
	.sd_devcourse_1{ font-size: 1.5rem;}
	.sd_devcourse_1 span{ font-size: 1.75rem; margin-left: 1rem;}
	.sd_devcourse_2{ font-size: 1.125rem; padding-right: 2.5rem;}
	
	.sd_devcourse_one:after{ width: 8px; height: 8px; right: -4.428rem;}
	.sd_devcourse_two:after{ width: 8px; height: 8px; right: -3.5rem;}
	.sd_devcourse_three:after{ width: 8px; height: 8px; right: -6.75rem;}
	
	.sd_devcourse_four:after{ width: 8px; height: 8px; left: -3.75rem;}
	.sd_devcourse_five:after{ width: 8px; height: 8px; left: -3rem;}
	.sd_devcourse_six:after{ width: 8px; height: 8px; left: -6.25rem;}
	
	.sd_devcourse_four .sd_devcourse_1 span, .sd_devcourse_five .sd_devcourse_1 span, .sd_devcourse_six .sd_devcourse_1 span {
		margin-right: 1rem;
	}
	.sd_devcourse_four .sd_devcourse_2, .sd_devcourse_five .sd_devcourse_2, .sd_devcourse_six .sd_devcourse_2 {
		padding-left: 2.75rem;
	}
	
	.sd_about_news_list_dates {
    	font-size: 2.75rem;
		line-height: 2.75rem;
	}
	.frequency_list{ padding-bottom: 1rem;}
	.frequency_ban{ font-size: 1.25rem; margin-bottom: 1rem;}
	.frequency_1, .frequency_2, .frequency_3, .frequency_4 {
		height: 2.5rem;
		font-size: 1rem;
		padding-left: 2.25rem;
	}
	.frequency_1{ background-size: 1.25rem;}
	.frequency_2{ background-size: 1.25rem;}
	.frequency_3{ background-size: 1.25rem;}
	.frequency_4{ background-size: 1.25rem;}
	
	.n_big_pei {
		font-size: 1.375rem;
		line-height: 3rem;
	}
	.n_big_mune{ width: 60%; margin-top: 10vh;}
	.n_big_mune>a{ height: 6rem;}
	.n_big_mune_img{ width: 6rem; height: 6rem;}
	
	.n_big_mune_right{ font-size: 1rem;}
	.n_big_mune_right span{ font-size: 1.75rem;}
	
	
	.sd_covalue{ margin-top: -2rem;}
	.sd_covalue_img_list>div div {
		font-size: 1.25rem;
		line-height: 2.25rem;
	}
	.sd_about_inner_bc{ height: 3rem;}
	.n_biggong .n_big_1{ font-size: 3rem;}
	.n_big_nei_1{ font-size: 1.625rem; height: 4rem;}
	.n_big_nei_1>span {
		font-size: 2.5rem;
		width: 1.75rem;
		margin-right: 1.5rem;
	}
	.n_big_wei{ width: 11rem; height: 11rem;}
	.sd_login_3 a{ height: 3.75rem;}

	.gong_1 span{ font-size: 1rem;}
	.gong_2{ font-size: 1.5rem;}
	.mainti_con{
		width: 32%;
		height: calc(73vw * 0.32 * 580 / 462);
    	height: calc(var(--mainwidth) * 0.32 * 580 / 462);
	}
	.mainti_img { height: 31%;}
	.mainti_1{ font-size: 1.625rem; margin-top: 1.5rem;}
	.mainti_nei_1 { font-size: 1.25rem; line-height: 2.375rem;}
	.mainti_ti {
		height: 3.75rem;
		margin-top: 0.5rem;
	}
	.mainti_ti a{ border-radius:10px;font-size: 1.5rem;}
	
	.down_2 span{    margin-right: 2rem;}
	.bd_big { height: 70vh;}
	.bd_big-left{left: 2%;}
	.bd_big-right{ right: 2%;}
	.bd_big-left img, .bd_big-right img {
		width: 2.142rem;
	}
	.sd_index_tab a{ height: 12rem;}
	.sd_index_tab_tit{ font-size: 2rem;}
	.sd_index_tab_tit span{ font-size: 1.25rem;}
	
	.n_big_1{ font-size: 2.75rem;}
	.n_big_1 img { width: 1rem;}
	
	
	.n_big_4{ margin-top: 0;}
	.empower_warp:after,.class_list_warp_bei:before,.mainti_warp:after{ width: 20rem; height: 21rem}
	.n_big_1 span img{ height: 4.571rem; width: auto;}
	.n_big_4a { margin-top: 3rem;}
	
	.sd_product_show_list_btn{ bottom: -4rem;}
	.sd_product_show_list_btn1,.sd_product_show_list_btn2{ width: 3rem; height: 3rem;}
	.sd_product_show_list_btn1{ margin-right: 0.5rem;} 
	.sd_nav_1>a{
	    font-size: 1rem;
	}
}
	
@media screen and (max-width:1023px)and (min-width:300px) {
	
	
/* !顶部导航 */
.sd_nav {
    height: 8vh;
    margin: 0 auto;
	background: #fff;
}
.sd_nava {
    background: #fff;
    position: relative;
}
.sd_nav_box {
    width: 94%;
}
.sd_nav_logo,.sd_nav_logo a{
	height: 100%;
	display: flex;
	align-items: center;
}
.sd_nav_logo a img {
   height: 3rem;
	width: auto;
}

.sd_nav_right{
	display: flex;
	justify-content: space-between;
}

.sd_nav_nav{
	display: none;
}



.sd_nav_deng{
	display: flex;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	background: url("../images/load_06.png") no-repeat left;
	background-size:1.25rem;
	padding-left: 2rem;
	padding-right: 35px;
}
.sd_nav_deng a {
    font-size: 1.25rem;
}
.sd_nav_deng span{
	padding: 0px 5px;
}



	/* !foot */
	.sd_foot {
		background: #353845 none;
		padding-top: 3vh;
		margin-top: 0vh;
	}

	.sd_index_foot {
		margin-top: 0rem;
	}
	.reg_footer {
		margin-top: 0rem;
	}

	.sd_foot_nav {
		width: 94%;
		justify-content:center;
		flex-direction: column;
		margin-bottom: 0;
		height: auto;
	}
	.sd_foot_nav::after{ display: none;}
	.sd_foot_logo{ width:100%; text-align: center;}
	.sd_foot_logo>img {
		height: 4rem;
		width: auto;

	}
	.sd_foot_mune {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		padding: 1rem 0 1.5rem 0;
	}

	.sd_foot_mune>a {
		width: 25%;
		font-size: 16px;
	   text-align: center;
		line-height: 28px;
	}
	.sd_foot_mune>a:first-child{
		background: none;
		padding-left: 0;
	}


	.sd_foot_box {
	   display: none;

	}

	.sd_foot_text {
		margin-top:0;
	}

	.sd_foot_text>div {
		width:94%;
		justify-content: center;
		flex-direction: column;
		padding: 1rem 0;
		line-height: 20px;
		text-align: center;
	}

	/*登录*/
	.sd_login_box {
		padding: 10vh 0 10vh 0;
	}
	.sd_login_panel {
		width:94%;
		height: auto;
		background: #fff url(../images/load_11.png) no-repeat right bottom;
		background-size: 50% 50%;
	}
	.sd_login_panel:after{
		display: none;
	}

	.sd_login_panel_l{
		width: 90%;
		margin-left: 5%;
		padding:3rem 0;
	}

	.sd_login_title {
		font-size: 2rem;
		height: 6rem;
		justify-content: center;
	}
	.sd_login_title>div:nth-of-type(2) {
		font-size: 6rem;
		width: 100%;
		text-align: center;
	}

	.sd_login_1{
		margin-top: 2rem;
	}
	.sd_login_1_text{
		width: 100%;
		height: 3.75rem;
	}

	.sd_login_2{
		margin-top: 1rem;
	}
	.sd_login_btn {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	/*注册*/
	.register {
		width:94%;
		background:#fff none;
		padding:3rem 0 0 0;
	}
	.register:after{
		display: none;
	}
	.register_all{
		margin-top: 2rem;
	}
	.register_1{
		width:100%;
		height: auto;
		position: relative;
	}
	.register_1:after {
		height:3.75rem;
	}

	.register_1_1{
		font-size: 1rem;
	}

	/*APP下载*/
	.n_big{
		height: 210px;
	}
	.n_big_con{
		width: 94%;
	}
	.n_big_1{
		font-size: 2rem;
	}
	.n_big_1 span{ margin-right: 1rem; }
	.n_big_1 img{ margin-left: .5rem; width: 0.75rem;}

	.n_big_1s span{font-size: 1.625rem;}
	.sd_app_top_l>img {
		width: 0.5rem;
		top: -0.5rem;
	}


	/* !页面导航定位 */
	.sd_position {
		width: 94%;
		flex-wrap: wrap;
		background: url(../images/positioning.png) no-repeat left 1px;
	}
	
	.mainti_warp{
		padding:5vh 0 5vh 0; 
	}
	.mainti_warp:after{
		width: 100px;
		height: 105px;
		 top: -20px;
	}
	.mainti{
		width: 94%;
	}

	.mainti_zi{

		font-size:2rem;
		height: 4rem;
	}
	.mainti_zi::before {
		width: 4rem;
		height: 3px;
	}
	.mainti_zi::after {
		left: 4.5rem;
		width: 1.25rem;
		height: 3px;
	}
	.mainti_en{
		font-size: 1.375rem;
		line-height: 4rem;
	}
	.mainti_list{
		justify-content:center;
		flex-direction: column;
		margin-top: 2rem;
	}
	.mainti_con{
		width: 100%;
		height: calc(94vw * 542 / 462);
		margin: 0 auto;
		margin-bottom: 10px;
	}


	/*公众号*/
	.n_biggong{ height: auto;
    padding: 5vh 0 8vh 0;}
	.n_biggong .n_big_1{ font-size: 2rem;}

	.n_big_nei{
		margin-top: 1.5rem;
	}
	.n_big_nei_1{
		font-size: 1.375rem;
		height: 3rem;
	}
	.n_big_nei_1>span {
		font-size: 2rem;
		width: 2rem;
		margin-right: 1rem;
	}
	.n_big_nei_1>span::after {
		right: -0.25rem;
	}
	.n_big_wei {
		width: 10rem;
		margin-top: 2rem;
		height: 10rem;
	}


	.gong{
		height: auto;
		margin-top: 1rem;
	}
	.gong:after {
		display: none;
	}
	.gong_list{
		width: 100%;
		height: auto;
		flex-wrap: wrap;
	}
	.gong_list:after{
		display: none;
	}
	.gong_con{
		width: 100%;
		height: auto;
		margin-right:0%;
		margin-bottom: 15px;
	}
	.gong_con:nth-child(2) a .gong_img_bei:after{background-size:6rem;}


	.gong_img{
		width:100%;
		height: 268px;
		font-size: 0px;
		overflow: hidden;
		border: 1rem solid #fe940a;
		border-bottom: none;
		border-radius: 1rem 10rem 0 0;
		position: relative;

	}
	.gong_img_bei:after{
		background-size:5rem;
	}

	.gong_nei{
		background: #fe940a;
	}

	.gong_1 span{
		font-size: 1rem;
	}
	.gong_2{
		font-size: 1.5rem;
	}

	/*配套资源包*/
	.n_big_pei{
		font-size: 1.375rem;
		line-height: 3rem;
		margin-top: 1.5rem;
	}
	.n_big_mune {
		width: 100%;
		margin-top: 5vh;
	}
	.n_big_mune>a {
		width: 49%;
		height: 4rem;
	}

	.n_big_mune_img {
		width: 4rem;
		height: 4rem;

	}
	.n_big_mune_img>img {
		width: 1.35rem;
		height: auto;

	}
	.n_big_mune_right {
		width: calc(100% - 5rem);
		display: block;
		overflow: hidden;
	}
	.n_big_mune_right span{
		font-size: 1.375rem;
		line-height: 4rem;
	}

	.pei{
		width:100%;
		height: 128px;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 6vh;
	}
	.pei_img{
		display: none;
	}

	.pei_con{
		width: 100%;
		height: auto;
		top: 0;
		right: 0;
		border-radius: 1rem 1rem;
		padding: 1.5rem 1.5rem 1rem 1.5rem;
	}
	.pei_con_1 span{
		display: inline-block;
		font-size: 1.625rem;
		background: url("../images/sup_top_icon3.png") no-repeat left;
		margin-right: 0.5rem;
	}
	.pei_mune{
		width:100%;
		height: auto;
		display: flex;
		justify-content: space-between;
	}
	.pei_mune a{
		display: flex;
		width: auto;
		height: 4rem;
		align-items: center;
		border-top: none;
	}
	.pei_mune a:first-child{ border-top: none;}
	.pei_mune a:nth-child(2) span{background:none;}
	.pei_mune a:nth-child(3) span{background:none;}
	.pei_mune span{
		font-size: 1.25rem;
		padding-left:0;
		background:none;
	}

	.sd_sup_areashow {
		margin-top: 0vh;
	}

	/*配套资源包-下载内页*/
	.sd_supdown_head {
		width: 94%;
		height: calc(94vw * 300 / 1500);
		border-radius:7px;
	}
	.sd_supdown_head>div {
		height: calc(94vw * 300 / 1500);
		font-size: 1.125rem;
		    text-shadow: 0px 0px white, 0px 0px #c8dbfb;
	}





	.sd_supdown_resclass {
		width: 94%;
		margin-top: 1rem;
		justify-content:center;
		flex-direction: column;
		padding: 1.5rem;
	}
	.sd_supdown_find_tit{
		font-size: 1.375rem;
		width: 100%;
		justify-content: flex-start;
	}
	.sd_supdown_resclass_show {
		width: 100%;
		margin-top: 10px;
	}
	.sd_supdown_resclass_show>a {
		padding: 0;
		margin-right: 1.5rem;
		line-height: 24px;
	}
	.sd_supdown_resclass_curr {
		background: transparent;
		color: #ff911c;
	}
	.sd_supdown_resclass_show>a:hover {
		background: transparent;
		color: #ff911c;
	}

	.sd_supdown_find {
		width: 94%;
		margin-top: 1rem;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.sd_supdown_find_show {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.sd_supdown_find_show>select {
		width: 24%;
		padding: 1rem 0.5rem;
		background-size:8px;
		margin-right: 1%;
	}
	.sd_supdown_find_show>span{
		width: 24%;
		background-size:8px;
		margin-right: 1%;
	}
	.sd_supdown_find_show>span>select{
		padding: 1rem 0.5rem;
	}

.empower_cheng span {
    width: 49%;
}
	.sd_supdown_find_reset {
		width: 100%;
		margin: 0 auto;
		margin-top: 0.75rem;
	}
	.sd_supdown_find_reset a{
		padding: 0.75rem 0.5rem;
		font-size: 1.25rem;
	}




	.sd_supdown_tips {
		width: 94%;
		font-size: 1.285rem;
		margin-top: 1.714rem;
		flex-wrap: wrap;
	}
	.sd_supdown_tips div{ display: block; width: 100%; padding-bottom: 10px;}
	.sd_supdown_tips a{
		width: 32%;
		padding: 0 0.5rem;
		height: 3.285rem;
		margin-left: 0;
		margin-right: 2%;
		font-size: 1.142rem;
		display: flex;
		justify-content: center;
	}
	.sd_supdown_tips a:nth-child(3){ margin-right: 0;}

	.down{
		margin-top: 2rem;
		padding-bottom: 6vh;
	}
	.down_mune{
		 width: 94%;
		height: 4rem;
		border-bottom: 2px solid #00c96a;
	}
	.down_mune a{
		margin-right: 0.5rem;
	}
	.down_mune a span{
		font-size: 1.25rem;
		height: 3.5rem;
		padding: 0px 1rem;
	}

	.down_con{
		height: auto;
		padding: 15px 0;
		border: none;
	}

	.down_con_nei{
		width:94%;
		justify-content:flex-start;
		flex-wrap: wrap;
	}
	.down_left{
		background: url("../images/icon_zip.png") no-repeat left top;
		padding-left: 6rem;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		padding-bottom: 10px;
	}
	.down_1{
		font-size: 1rem;
	}

	.down_2{
		flex-wrap: wrap;
		margin-top: 0.5rem;
	}
	.down_2 span{
		margin-right: 0;
		width: 50%;
		line-height: 20px;
	}

	.down_xia{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		flex-direction:inherit;
		margin-top: 15px;
	}
	.down_xia a{
		padding: 0px 1rem;
		height: 2.5rem;
		margin-bottom: 0;
		margin-right: 0.75rem;
	}
	.down_xia a span{
		font-size: 1rem;
	}
	/*配套资源包-目录下载*/
	.bd_notes{
		width: 94%;
		justify-content:center;
		flex-direction: column;
	}
	.bd_notes_left{
		width: 100%;
		padding-top:1rem;
	}

	.bd_notes_mune>a{
		width:100%;
		height: 3.25rem;
		padding: 0px 3%;
	}
	.bd_notes_mune_warp a{
		padding: 0.5rem 4%;
		font-size: 1rem;
	}


	.bd_notes_right{
		width:100%;
	}
	.bd_notes_right .down_con{
		height: auto;
	}

	/*配套资源包 -视频详情*/
	.n_bigpei{
		height: 210px;
	}
	.frequency{
		width: 94vw;
		justify-content:center;
		flex-direction: column-reverse;
	}
	.frequency_left{
		width: 100%;
	}
	.frequency_img{
		height:320px;
		max-height: 320px;
	}
	.frequency_img1{
		width: 100%;
		height:auto;
	}
	.frequency_img1 img{
		max-width: 100%;
	}
	.frequency_mune{
		height:auto;
		margin-top: 1.5rem;
		justify-content:center;
		flex-direction: column;
		padding: 1rem;
	}

	.frequency_yu{

		font-size: 1.285rem;
		width:100%;
	}

	.frequency_nav{
		margin-top: 10px;
		justify-content: flex-start;
		width: 100%;
	}
	.frequency_nav a{
		width:100px;
		height: 35px;
		font-size:14px;
		margin-left: 0px;
		margin-right: 10px;

	}
	.frequency_nav a span{ background-size:18px; padding-left: 24px;}
	.frequency_nav a:nth-child(2) span{ background-size:18px;}
	.frequency_nav a:nth-child(3) span{background-size:18px;}

	.frequency_right{
		width: 100%; margin-bottom: 10px;
	}
	.frequency_list{ padding-bottom: 20px;}
	.frequency_list_logo img{
		height: 4rem;
	}

	.frequency_ban {
		font-size: 1.25rem;
		margin-top: 20px;
	}

	.frequency_1,.frequency_2,.frequency_3,.frequency_4{height: 3rem;}
	.frequency_1{ margin-top: 10px;}

	/*授权代理*/
	.n_big_2{
		margin-top: 4vh;
	}
	.n_big_2 a{
		width: 10rem;
		height: 3.5rem;
		font-size: 1.25rem;
	}

	.search{
		width: 100%;
		position: relative;
		margin-left:-1.714rem;
		margin-top: 1.5rem;
	}


	.agent{
		width: 94%;
		margin-top: 1rem;
		margin-bottom: 8vh;

	}
	.agent_1{
		font-size: 1.25rem;
		height: 5rem;
		margin-bottom: 1.5rem;
	}
	.agent_1 div{ width:auto; text-align: left; padding-left: 0; padding-right: 2%;}	
	

	.agent_2{
		width: 100%;
		height: auto;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.agent_2 a{
		justify-content:flex-start;
		flex-wrap: wrap;
		cursor: pointer;
		line-height: 24px;
	}
	.agent_1_1{ width: 20%; padding-left: 6%; text-align: left;}
	.agent_1_2{ width: 50%; padding-left: 6%;}
	.agent_1_3{ width: 100%; text-align: left; line-height: 20px; padding: 3px 0; padding-left: 6%;}
	.agent_1_4{ width: 100%; text-align: left; padding-left: 6%;}

	.agent_1_5{
		height:24px;
	}


	/*授权网店（代理）-申请加入*/
	.n_big_3{
		font-size: 1.25rem;
		height: auto;
		margin-top: 10px;
	}
	.n_big_4{
		margin-top: 1rem;
	}
	.n_big_4 span{
		font-size: 1.125rem;
		background: url("../images/white_tic.png") no-repeat left 0.5rem;
		background-size:1.25rem;
		padding-left: 2.25rem;
		line-height: 2rem;
		width: 100%;
	}
	.empower_warp{
		padding: 0 0 10vh 0;
	}
	.empower_warp:after {
		width: 100px;
		height: 105px;
		top: -20px;
	}
	.empower{
		width: 94%;
	}
	.empower_mune{
		height: 9rem;
	}
	.empower_mune:after{
		bottom: 4px;
	}
	.empower_mune a{
		position: relative;
		z-index: 2;
		margin: 0px 8%;
		height: 100%;
	}


	.empower_mune_1{
		width: 3rem;
		height: 2rem;
		left: calc(50% - 1.5rem);
	}
	.empower_mune_1:after{
		width: 8px;
		height: 8px;
		left: calc(50% - 4px);
	}
	.empower_mune_img img{
		height: 70px;
		width: auto;
	}
	.empower_tit{
		font-size: 1.5rem;
		margin-top: 4rem;
	}
	
	.empower_list{
		margin-top: 2rem;
	}
	.empower_con{
		justify-content:center;
		flex-direction: column;
		margin-bottom: 1rem;
	}
	.empower_name{
		width: 100%;
		justify-content: flex-start;
	}

	.empower_right{
		width: 100%;
	}
	.empower_selece{
		width: 100%;
		padding: 0.875rem 1rem;
	}
	.empower_input{
		width: 100%;
		padding: 0.875rem 1rem;
	}

	.empower_shen {
		width: 100%;
	}

	.empower_1{
		width:100%;
		font-size: 1rem;
		line-height: 1.75rem;
	}

	#zengjia{ width: 100%;}

	.empower_2{
		width: 100%;
	}

	.empower_ti{
		margin-top: 3rem;
	}
	.empower_ti a{
		width: 16rem;
		font-size: 1.375rem;
	}


	/*授权网店（代理）-线下代理*/
	.empower_cheng{
		width: 100%;
	}
	.empower_radio span{ margin-left: 0.5rem;}

	.sd_devolu_info_add{
		margin-top: 2rem;
	}
.sd_devolu_info_add_title {
    width: 100%;
    padding: 1rem 0;
}

.sd_devolu_info_add_title>div {
    font-size: 1.25rem;
}

	.sd_devolu_info_add_title1,
	.sd_devolu_info_add_title2 {
		width: 16%;
	}
	.sd_devolu_info_add_item1,
	.sd_devolu_info_add_item2 {
		width: 49%;
	}
	.sd_devolu_info_add_item1{ margin-right: 2%;}

	.sd_devolu_info_add_title3,
	.sd_devolu_info_add_title4,
	.sd_devolu_info_add_title5 {
		width: 23%;
	}

	.sd_devolu_info_add_item3,
	.sd_devolu_info_add_item4,
	.sd_devolu_info_add_item5 {
		width: 32%;
	}

	.sd_devolu_info_add_item {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-bottom: 1vh;
	}

	.sd_devolu_info_add_item>* {
	   height: 3.5rem;
		padding-left: 1.5rem;
		font-size: 1.25rem;
		margin-bottom: 10px;
	}

	.sd_devolu_info_add_item>select {
		font-size: 1.25rem;
		padding-left: 1.5rem;
		margin-right: 2%;
		width: 32%;
	}

	.sd_devolu_info_add_up {
		font-size: 1.25rem;
	}

	/*关于我们*/
	.culture_warp{
		padding: 5vh 0 0 0;
	}
	.culture_warp:after {
		width: 100px;
		height: 105px;
		top: -20px;
	}
	.culture {
		width: 94%;
	}
	.culture_all{
		justify-content: center;
		flex-direction: column;
		margin-top: 2rem;
	}

	.culture_left {
		width: 90%;
		padding-top: 2rem;
		margin: 0 auto;
	}

	.culture_right {
		width: 100%;
		margin-top: 2rem;
	}

	.culture_title {
		font-size: 1.875rem;
	}
	.culture_title:after {
		width: 1.25rem;
		height: 1.25rem;
	}

	.culture_title span:after {
		width: 3rem;
		right: -4rem;
	}

	.culture_con {
		font-size: 1.125rem;
		line-height: 2.25rem;
		margin-top:1rem;
	}


	/* 发展历程 */
	.sd_devcourse {
		height: auto;
		margin-top: 5rem;
		background: #f8f8f8 none;
		padding: 6vh 0;
	}
	.sd_devcourse_box {
		width: 94%;
		height: auto;
		padding-top: 0vh;
	}
	.sd_devcourse_show {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 1rem;
	}

	.sd_devcourse_cic {
		display: none;
	}

	.sd_devcourse_one{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}
	.sd_devcourse_one:after{
		display: none;
	}

	.sd_devcourse_1{
		justify-content: flex-start;
		font-size: 1.5rem;
	}
	.sd_devcourse_1 span{
		display: none;
	}
	.sd_devcourse_2{
		font-size: 1.125rem;
		line-height: 3rem;
		padding-right:0;
		text-align: left;
	}

	.sd_devcourse_two{
		position: relative;
		left: 0;
		top:0;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.sd_devcourse_two:after{
		 display: none;
	}
	.sd_devcourse_three{
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.sd_devcourse_three:after{
		 display: none;
	}

	.sd_devcourse_four{
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.sd_devcourse_four:after{
		display: none;
	}
	.sd_devcourse_five{
		position: relative;
		right: 0;
		top:0;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.sd_devcourse_five:after{
		display: none;
	}
	.sd_devcourse_six{
		position: relative;
		right: 0;
		bottom: 0rem;
		width: 100%;
		height: auto;
	}
	.sd_devcourse_six:after{
		 display: none;
	}

	.sd_devcourse_four .sd_devcourse_2,.sd_devcourse_five .sd_devcourse_2,.sd_devcourse_six .sd_devcourse_2{ padding-right:0;padding-left:0; text-align: left;}


	/* 企业价值观 */
	.sd_covalue {
		width: 94%;
		margin-top: 2rem;
	}

	.sd_covalue_show {
		margin-top: 1rem;
	}
	.sd_covalue_show:before,.sd_covalue_show:after{
		display: none;
	}
	.sd_covalue_img_list {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.sd_covalue_img_list>div {
		width: 50%;
		flex-direction: column;
		justify-content: flex-start;
	}
	.sd_covalue_img_list>div:nth-child(2n){flex-direction: column; padding-top: 0;}
	.sd_covalue_img_list>div:nth-child(2n) div{padding-top: 0;padding-bottom: 0;}
	.sd_covalue_img_list>div img{
		height: 7rem;
	}
	.sd_covalue_img_list>div div{
		text-align: center;
		font-size: 1.25rem;
		line-height: 2rem;
		padding-bottom: 1rem;
		width: 90%;
		margin: 0 auto;
		margin-top: 0.5rem;
	}

	/* 关于我们新闻资讯 */
	.sd_about_news {
		padding-top: 16vh;
		padding-bottom: 5vh;
		margin-top: 5vh;

	}

	.sd_about_news_box {
		width: 94%;
	}
	.sd_about_news_list>a {
		display: flex;
		justify-content:center;
		flex-direction: column;
		padding: 0rem 0;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		padding-bottom: 15px;
	}
	.sd_about_news_list>a::before {
		display: none;
	}
	.sd_about_news_list>a:after{
		display: none;
	}



	.sd_about_news_list>a:hover .sd_about_news_list_dates,.sd_about_news_list>a:hover .sd_about_news_list_dates span,.sd_about_news_list>a:hover .sd_about_come_1,
	.sd_about_news_list>a:hover .sd_about_come_2{
		color: #a2a2a2;
	}
	.sd_about_news_list>a:hover .sd_about_news_list_dates span::before {
		background:#f85b3c;
	}
	.sd_about_news_list_img {
		width: 100%;
		height: calc(94vw * 106 / 154);
	}

	.sd_about_news_list_dates {
		font-size:1rem;
		justify-content: flex-start;
		flex-direction: initial;
		line-height: 2.571rem;
		margin-top: 10px;
		display: none;
	}
	.sd_about_news_list_dates span{
		display: inline-block;
		font-size: 1rem;
		line-height: 2.571rem;
	}
	.sd_about_news_list_dates span::before {
		display: none;
	}
	
	.sd_about_news_list_dates_phone {
		display: block;
		font-size:1rem;
		justify-content: flex-start;
		flex-direction: initial;
		line-height: 2.571rem;
		margin-top: 10px;
		width: 100%;
    color: #000;
	}
	.sd_about_news_list_dates_phone span{
		display: inline-block;
		font-size: 1rem;
		line-height: 2.571rem;
	}
	.sd_about_news_list_dates_phone span::before {
		display: none;
	}

	.sd_about_come,.sd_about_come_1,.sd_about_come_2{
		width:100%;
	}
	.sd_about_news_list_more {
		display: none;
	}


	/* 联系我们 */
	.sd_about_connect {
		width: 100%;
		height: auto;
		position: relative;
		padding-bottom: 4vh;
		margin-top: 0;
	}
	.sd_about_connect {
		width: 94%;
	}
	.sd_about_connect_show {
		justify-content:center;
		flex-direction: column;
		margin-top: 1.5rem;
	}
	.sd_about_connect_show>div {
		width: 100%;
		height: auto;
		border-radius: 7px;
		margin-bottom: 10px;
	}
	.sd_about_connect_img {
		height: calc(94vw* 302 / 454);
	}
	.sd_about_inner_bc {
		height: 3rem;
	}


	/*图书产品-七彩课堂*/
	.n_bigbook{
		height: 40vh;
	}
	.n_bigbook .n_big_3{ height:2.142rem;}
	.n_bigbook .n_big_4 span{  background: url(../images/textbook_top_tic.png) no-repeat left 0.5rem; background-size:14px;}

	.book_warp {
		padding:4vh 0 3rem 0;
	}
	.book_warp:after {
		background-size:cover;
		width: 100px;
		height: 105px;
		top: -20px;
	}
	.book_warp:before {
		display: none;
	}
	.book {
		width: 94%;
	}
	.book_tit{
		height: auto;
	}
	.book_tit:after{
		display: none;
	}
	.book_nei{
		border: 2px solid #ffa752;
		padding-bottom: 2rem;
	}
	.book_list{
		width: 96%;
	}

	.book_con{
		border-radius:10px;
		padding: 1rem 0;

	}

	.book_alla{ margin-top: 1.5rem;}
	.book_alla .book_nei{
		border: 2px solid #9cd450;
		border-top: none;
	}

	.class_list_warp_bei{
		padding-bottom: 10vh;
	}
	.class_list_warp_bei:after{
		width: 100px;
		height: 105px;
	}

	.class_list_warp{
		padding: 4vh 0 0 0;
	}
	.class_list {
		width: 94%;
		justify-content: center;
		flex-direction: column;
	}
	.class_list_img {
		width: 100%;
	}

	.class_list_txt {
		width: 90%;
		margin: 0 auto;
		margin-top: 2vh;
	}
	.class_list_txx1 {
		font-size: 2.25rem;
	}
	.class_list_txx2 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.class_list_txx2::after {
		width: 1.375rem;
		height: 1.375rem;
		top: calc(50% - 0.75rem);
		left: -0.5rem;
	}
	.class_list_txx3 {
		font-size: 1.25rem;
		line-height:2rem;
	}
	.class_list_txx3::after {
		width: 20px;
		height:2px;
		top: calc(1rem - 1px);
		left: -25px;
	}

	.class_list_warp1{
		height: auto;
		padding-top: 2vh;

	}
		.class_list_warp1 .class_list{flex-direction: column-reverse;}
	.class_list_warp1  .class_list_txt{ width: 90%;}
	.class_list_warp1  .class_list_img{transform: translateX(0);}

	.class_list_warp2{
		margin-top: 5vh;
		padding: 0;
	}
	.class_list_warp2  .class_list_txt{ width: 90%;}
	.class_list_warp2  .class_list_img{transform: translateX(0);}

	.class_list_warp3{
		margin-top: 6vh;
		position: relative;
		padding: 0;
	}
		.class_list_warp3 .class_list{flex-direction: column-reverse;}
	.class_list_warp3:after{
		display: none;
	}
	.class_list_warp3  .class_list_txt{ width: 90%;}
	.class_list_warp3  .class_list_img{transform: translateX(0);}

	.class_list_warp4{
		margin-top:6vh;
		padding: 0;
	}
	.class_list_warp4  .class_list_txt{ width: 90%;}

	.class_list_warp5{
		margin-top: 6vh;
	}
	.class_list_warp5  .class_list_txt{ width: 90%;}
	.class_list_warp5 .class_list{flex-direction: column-reverse;}

	/*图书产品-教材一点通*/
	.n_big_4a{ margin-top: 2rem;}

	.class_list_warp_bei:before {
		width: 100px;
		height: 105px;
		top: -120px;
	}
	.class_list_warp6{
		margin-top: 6vh;
	}
	.class_list_warp6  .class_list_txt{ width: 90%;}
	.class_list_warp6  .class_list_img{ width: 100%;}

	.class_list_warp7{
		height: auto;
	}
	.class_list_warp7:after{
		display: none;
	}
	.class_list_warp7 .class_list{ flex-direction: column-reverse;}

	.class_list_warp7  .class_list_txt{ width:90%;}
	.class_list_warp7  .class_list_img{ position: relative; width: 100%; padding-bottom: 0;} 

	.class_list_warp8 .class_list_img{ width: 100%;}
	.class_list_warp9{ position: relative; padding-top: 6vh;}
	.class_list_warp9:after{
		display: none;
	}
	.class_list_warp9 .class_list{ flex-direction: column-reverse;}
	.class_list_warp9 .class_list_img{ width: 100%;transform: translateX(0);}

	.class_list_warp10{}
	.class_list_warp11{
		margin-top: 5vh;
		position: relative;
		padding: 0;
	}
	.class_list_warp11 	.class_list{ flex-direction: column-reverse;}
	.class_list_warp11  .class_list_txt{ width: 90%;}
	.class_list_warp11  .class_list_img{ width: 100%;transform: translateX(0);}

	.class_list_warp12{ position: relative; padding:0;height: auto;}
	.class_list_warp12:after{
		display: noen;
	}
	.class_list_warp12 .class_list_txt{  width: 90%;}
	.class_list_warp12  .class_list_img{ width: 100%;}

	.class_list_warp13{ position: relative; padding-top:6vh;height:auto; display: flex; flex-direction: column-reverse; justify-content: center;}
	.class_list_warp13 .class_list_txt{  width: 90%;}
	.class_list_warp13 .class_list_txx3{ width: 100%; display: block;}
	.class_list_warp13 .class_list_img{ width:100%; position: relative;}


	/*首页*/
	.bd_big {
		height: 27vh;
	}

	.bd_big .pagination_bd_big{ 
		width:97%;
		bottom: 2vh;
		text-align: right;
	}
	.bd_big .swiper-pagination-bullet { 
		width:0.5rem; 
		height:0.5rem; 
	}
	.bd_big .swiper-pagination-bullet-active{ 
		width: 2rem;
	}	
	.bd_big-left,.bd_big-right{
		display: none;
	}


	.sd_index_tab {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 4vh;
		margin-bottom:6vh;
	}

	.sd_index_tab a {
		width: 49%;
		border-radius: 10px;
		justify-content:center;
		flex-direction: column;
		padding:1.5rem 0px;
		margin: 0 0.857rem;
		height: auto;
		position: relative;
		text-align: center;
	}
	.sd_index_tab a:after{
		content: '';
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		border: 1px #fe940a solid;
	}

.sd_index_tab_img{
	width: 3.5rem;
}

.sd_index_tab_tit {
    margin-left: 0;
    font-size: 1.5rem;
	margin-top: 1rem;
	
}
.sd_index_tab_tit span {
    font-size: 1rem;
}


	/* 产品展示 */
	.sd_product_show {
		height: auto;
		background:#f8f8f8 none;
		padding: 4vh 0;
	}
	.sd_product_show_box {
		width: 94%;
		padding-top: 0;
	}

	.product_show{
		justify-content:center;
		flex-direction: column;
		margin-top: 2vh;
	}
	.product_show_left{
		width: 100%;
		justify-content:center;
		flex-direction: column-reverse;

	}
	.product_show_con{
		width: 100%;
		padding-top: 2rem;
	}
	.product_show_1{
		background-size:1.5rem;
		padding-left: 2.5rem;
		font-size: 2rem;
		line-height: 4rem;
	}
	.product_show_2{
		font-size: 1.25rem;
		line-height: 2.5rem;
	}

	.sd_product_show_img {
		width: 100%;

	}
	.sd_product_show_img>img {
		width: 70%;
	}

	.sd_product_show_list {
		background:#fec20a none;
		 width:100%;
		padding: 2vh 0;
		margin-top: 4vh;
		height: auto;
		border-radius:7px;
	}

	.sd_product_list{
		width: 96%;
		height: 180px;
		position: relative;
		overflow: hidden;
		padding-top: 15px;
		}
	.sd_product_list .swiper-slide{ height: 180px;}
	.sd_product_list_con_1{
		width: 100%;
		 font-size: 1.428rem;
	}
	.sd_product_list_con_2{
		height: 120px;
	}

	.sd_product_show_list_btn {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: 0;
		margin-top: 2vh;
	}
	.sd_product_show_list_btn1 {
		width: 3rem;
		height: 3rem;
		margin-right: 0.5rem;
	}
	.sd_product_show_list_btn2 {
		width: 3rem;
		height: 3rem;
	}

	.wei{
		width: 94%;
		margin-top: 4vh;
	}


	/* 资讯 */
	.sd_news {
		padding-bottom: 5vh;
		background:#f5f5f5 none;
		margin-top: 5vh;
	}
	.sd_news_box {
		width: 94%;
		padding-top: 5vh;
	}

	.sd_news_show {
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		margin-top: 1rem;
	}

	.sd_news_show_l {
		width: 100%;
	}
	.sd_news_show_l_img{
		width:100%;
		height: calc(94vw * 302 / 710);
		border-radius: 7px;
	}

	.sd_news_tit_tit{
		font-size: 1.5rem;
	}

	.sd_news_come{
		font-size: 1.125rem;
	}


	.sd_news_show_r {
	   margin-top: 3vh;
		width: 100%;
		border-top: 1px solid #efefef;
		padding-top: 1rem;
	}
	.sd_news_show_r>a {
		justify-content: center;
		flex-direction: column;
		padding-bottom: 1rem;
	}

	.sd_news_show_r .sd_about_come{ width: 100%;}
	.sd_news_show_r .sd_about_come_1,.sd_news_show_r .sd_about_come_2{ width: 100%;}
	.sd_about_news_list_dates{ width: 100%;}



	/* !侧边栏  */
	.sd_slider {
		display: none;
	}


	.gong_con:nth-child(2) a .gong_img {
    height: 268px;
}

	/*资源包*/
	.resource{
		width: 94%;
		padding-top: 5vh;
		justify-content:center;
		flex-direction: column;
	}
	.resource_img{
		width: 40%;
		height: calc(94vw * 0.4 * 200 / 150);
		margin: 0 auto;
	}
	.resource_mid{
		width: 100%;
		margin-top: 4vh;
	}
	.resource_1{
		font-size: 1.5rem;
	}
	.resource_2{
		height: auto;
		display: flex;
		flex-wrap: wrap;
		font-size: 1.142rem;
	}
	.resource_2 span{  margin: 0px 5px;}

	.resource_3{
		height: auto;
		flex-direction: column;
		justify-content: flex-start;
		padding: 10px 0;
		align-items: initial;
	}

	.resource_4{
		flex-wrap: wrap;
	}
	.resource_4 a{
		height: 2.857rem;
		margin-right: 0.5rem;
		margin-bottom: 0.875rem;
		padding: 0px 0.5rem;
	}
	.resource_4 a span{
		background: none;
		padding-left:0; 
	}
	.resource_4 a:nth-child(2n){ margin-right: 0;}
	.resource_4 a:nth-child(2) span{background:none;}
	.resource_4 a:nth-child(3) span,.resource_4 a:nth-child(4) span{background: none;}
	.resource_4 a:nth-child(3),.resource_4 a:nth-child(4){ padding: 0 2rem;}

	.resource_5{
		flex-wrap: wrap;
		height: auto;
		align-items: center;
		margin-top: 0.5rem;
	}
	.resource_5 span{
		background-size: 1.5rem;
		padding-left: 2.25rem;
		height: 3rem;
	}
	.resource_5 a{
		background-size: 1.5rem;
		padding-left: 2.25rem;
		margin-left: 0;
	}

	.resource_right{
		width: 100%;
		margin-top: 2vh;
		border: 1px solid rgba(0,0,0,0.1);
		padding: 2rem;
	}
	.resource_right_1{
		width:150px;
		height: 150px;
		margin: 0 auto;
	}
	.resource_right_3{
		width:40%;
		margin: 0 auto;
	}


	.list {
		width: 94%;
		padding: 5vh 0 6vh 0;
	}
	.list_con{
		width:100%;
		height: auto;
	}
	.list_con a{
		justify-content:center;
		flex-direction: column;
		align-items: center;
		padding: 1.5rem 0;
	}


	.list_1{
		justify-content: center;
		font-size: 1.428rem;
		margin-top: 1rem;
	}
	.list_1 span{
		margin-left: 1rem;
	}
	.list_2{
		text-align: center;
	}

	.list_right{
		width: 34%;
		height: 4rem;
		margin-top: 1.5rem;
	}



	.qjbase_videolayer_btn{
		width:30px;
		height: 30px;
		right: -15px;
		top: -15px;
	}


	/*新闻详情*/
	.bd_news_details {
		width: 94vw;
		padding-bottom: 8vh;
		padding-top: 5vh;
	}

	.bd_news_details_head_title {
		font-size: 1.75rem;
	}

	.sd_navfiex{ position: -webkit-sticky;  position: sticky; background: #fff;}
	.sd_nava .sd_nav_deng{    background: url(../images/load_06.png) no-repeat left;background-size:1.25rem;}
	.sd_nava .sd_nav_deng a, .sd_nava .sd_nav_deng span {
		color: #000;
	}
	
	.menubtn{
		width: 30px;
		height: 26px;
		position: absolute;
		right:2%;
		top: calc(50% - 13px);
		z-index: 2;
		padding: 5px;
	display: block;
	cursor:pointer;
	
	}
	/* nav-icon-5 */
	.nav-icon-5{  width: 30px; z-index: 20;  height:26px; position: absolute;  cursor: pointer; }
	.nav-icon-5 span{  background-color:#fe9c1d;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:20px; margin-left: 5px;  height: 2px;  transition-duration: 500ms}
	.nav-icon-5 span:nth-child(1){  top:5px;  left: 0px;}
	.nav-icon-5 span:nth-child(2){  top:12px;  left: 0; 	}
	.nav-icon-5 span:nth-child(3){  bottom:5px;  left: 0px;}
	.nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
	.nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
	.nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
	.nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 11.5px;}
	.nav-icon-5.open span:nth-child(2){  opacity:0;}
	.nav-icon-5.open span:nth-child(3){  transform: rotate(-45deg);  top: 11.5px;}

	.head_nav{
		display: block;
		width: 100%;
		height: calc(100% - 50px);
		position: fixed;
		top: 55px;
		background: #fff;
		opacity: 0;
		right:0;
		z-index: -9;
		box-shadow: 0 0 25px rgb(0 0 0 / 10%);
		
	}
	

	.head_nav_1{
		width:100%;
		height: auto;
    
	}
	.head_nav_1:first-child .head_nav_1_1{ border-top: none;}
	
	.head_nav_1_1{
		width:100%;
		height: 54px;
		position: relative;
		font-size: 15px;
		color: #27292a;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid #ddd;
		padding: 0px 5%;
	}

	.head_nav_1_1 a{color: #27292a;}
	
.head_nav_1_2{    
	width: 100%;
	height: auto;
	padding: 10px 0;
	display: none;
	border-top: 1px solid #ddd;
}
.head_nav_1_2 a{
	display: block;
	color: #27292a;
	font-size: 13px;
	line-height:42px;
	height:42px;
	overflow:hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
	cursor:pointer;
	padding: 0 5%;
}

	
	

}