﻿/* 清浮动 */

.yoyo::before,

.yoyo::after {

	content: "";

	display: table;

}



body {

	position: relative;

}



.yoyo::after {

	clear: both;

}



/* 清浮动 */

/* ==============================heand  banner==================== */

.header {

	width: 100%;

}



.logo {

	float: left;

	width: 20%;

	height: 100px;



}



.logo_img {

	font-size: 0;

	margin: 0 auto;

	padding: 30px 0px;

	width: 171px;

	height: 41px;

}



.logo_img img {



	max-width: 100%;

	height: auto;

}



.header_2 {

	float: left;

	width: 45%;

	height: 100px;

}



.header_2 li {

	float: left;

	width: 11%;

}



.header_2 li p {

	line-height: 40px;

}



.nuewsa {

	color: #e60012;

}



.header_2 li:hover p {

	color: #e60012;



}



.header_2 li a {

	padding-top: 20px;

	height: 80px;

	display: block;

	text-align: center;

	font-size: 16px;

	color: #333333;

}



.header_3 {

	float: left;

	width: 35%;

	height: 100px;



}



.header_3 form {

	margin-top: 32px;

	margin-left: 0px;

	border: 2px solid #CA061A;

	width: 250px;

	height: 36px;

	float: left;

}



.niumen .bt1 {

	padding: 0px 5px;

	float: left;

	height: 36px;

	width: 172px;

}



.niumen .bt2 {

	border: none;

	height: 36px;

	width: 68px;

	float: right;

	background: #e60012;



}



.bt2 input {

	cursor: pointer;

	background: url(../img/fangdajing.png) 5px 10px no-repeat;

	height: 36px;

	width: 78px;



	font-size: 16px;

	color: #ffffff;

}



input::-webkit-input-placeholder {

	padding-left: 10px;

	color: #868686;

	font-size: 14px;

}



.xs {

	margin: 32px 0px 0px 15px;

	float: left;

	width: 85px;

	height: 36px;

	border: 2px solid #e60012;

}



.xs:hover {

	box-shadow: 3px 0px 20px 0px #e60012;

}



.xs a {

	display: block;

	font-size: 14px;

	color: #333333;

	text-align: center;

	line-height: 36px;

}



.swiper-slide img {

	max-width: 100%;

	height: auto;

}



.swiper-container {

	width: 100%;

}



/* ==============================heand banner  end==================== */



/* ==============================neirong ============================ */

.neirr {

	background: #fffdf6;

	padding: 0px 9px;

}



.w1200 {

	width: 1200px;

	margin: 0 auto;

}



.neirong {

	padding: 54px 0px;

}



.footer_tle {

	float: left;

	width: 40%;

}



.footer_t {

	padding: 100px 0px 60px;

}



.jingdong_yu {

	color: #222222;

	font-size: 20px;

	margin-left: 15px;

	line-height: 40px;

}



.jingdong div {

	float: left;

}



.kuaisulianjie {

	margin-top: 60px;

}



.jingdongul {

	margin-top: 40px;

}



.jingdongul li {

	float: left;

}



.kuaisulianjie {

	font-size: 16px;

	color: #222222;

}



.jingdongul li a {

	display: inline-block;

	margin-right: 130px;

	font-size: 14px;

	color: #222222;

	line-height: 30px;

}



.jingdongul li:hover a {

	color: #e60012;

}



.footer_tri {

	float: right;

	margin-right: 70px;

}



.footer_tri_1 {

	margin-right: 50px;

}



.footer_tri_1,

.footer_tri_2 {

	float: left;

	text-align: center;

}



.erweima1,

.erweima2 {

	margin-top: 35px;

}



.footer_tri_1 span {

	font-size: 16px;

	color: #222222;

}



.footer_tri_2 span {

	font-size: 16px;

	color: #222222;

}



.zuizuihou {

	background: #fffdf6;

	border-top: 1px solid #bfa764;

}



.zuizuihou2 p:first-child {

	float: left;



}



.zuizuihou2 p:last-child {

	float: right;

}



.zuizuihou2 p {

	line-height: 80px;

}



.jingpin_1 span {

	float: left;

}



.jingpin_1 span:last-child {

	margin-left: 10px;

}



.jingpin_1 {

	padding: 10px 0px;

	border-bottom: 1px solid #bfa764;

}







/*============================== neirong end =========================*/

/* ========================================内容============================ */

.pound {

	margin-top: 65px;

}



.pound_1 {

	padding: 20px;

	background: url(../img/bb1.png) center -20px no-repeat;

	margin: 0 auto;

	font-size: 36px;

	color: #222222;

	text-align: center;

	font-weight: bold;

}



.pound_2 {

	padding: 20px;

	background: url(../img/bb2.png) center 0px no-repeat;

	margin: 0 auto;

	font-size: 36px;

	font-weight: bold;

	color: #222222;

	text-align: center;

}



.pound_3 {

	padding: 20px;

	background: url(../img/bb3.png) center 0px no-repeat;

	margin: 0 auto;

	font-size: 36px;

	font-weight: bold;

	color: #222222;

	text-align: center;

}



.pound_4 {

	padding: 20px;

	background: url(../img/bb4.png) center -40px no-repeat;

	margin: 0 auto;

	font-size: 36px;

	font-weight: bold;

	color: #222222;

	text-align: center;

}



.pound_p {

	text-align: center;

	font-size: 14px;

	color: #666666;

	line-height: 35px;

}



.pound h1 {

	text-align: center;

	font-size: 16px;

	color: #999999;

	line-height: 40px;

}



.well {

	position: relative;

	margin-top: 50px;

}



.wellwell2 {

	margin-top: 50px;

}



.welldiv {

	background: url(../img/bbq1.png) center center no-repeat;

	background-size: cover;

	height: 110px;

	position: absolute;

	left: 0;

	bottom: -115px;



}



.wellul {

	margin-top: 40px;

}



.wellul li img {

	max-width: 100%;



}



.wellul li {

	position: relative;

	margin-left: 58px;

	float: left;

}



.wellul .dange {

	z-index: 1;

	position: absolute;

	bottom: -9px;

	left: 0px;

}



.okmeaz {

	margin-top: 100px;

}



.okmeaz li:nth-child(2) {

	margin-left: 38px;

}



.wellul li {

	transition: all 0.3s;

}



.wellul li:hover {

	transform: translateY(-5px);

}



/* ========================================内容 end============================= */



/* ========================================图书分类============================= */

.class_1 {

	margin-top: 65px;

}



.clas_1 {

	position: relative;

}



.class_1 li :hover .ckals2 {

	display: block;

}



.class_1 .ckals2 {

	display: none;

	text-align: center;

	position: absolute;

	left: 0px;

	top: 0px;

	background: #fffdf6;

	border: 3px solid #bfa764;

	width: 98%;

	height: 258px;

}





.caoaaa a {

	margin: 0 auto;

	display: block;

	line-height: 30px;

	width: 130px;

	background: #bfa764;

	color: #ffffff;

	font-weight: bold;

	margin-top: 15px;

}



.ckals2 h1 {

	margin-top: 20px;

	font-size: 20px;

	color: #333333;

	font-weight: bold;

}



.class_1 li:first-child .ckals2>.caoaaa a {

	margin-top: 30px;

}



.ckals2 h2 {

	font-size: 12px;

	color: #333333;

	margin-top: 6px;

	margin-bottom: 25px;

}



.komesadasdea {

	width: 110px;

	height: 155px;

}



.komesadasdea img {

	max-width: 100%;

	height: auto;

}



.komesadasdea {

	position: relative;

	z-index: 99999;

}



.class_1 li {

	float: left;

}



.clas_1wenz {

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 86.3%;

	height: auto;

	background: #000000;

	color: #ffffff;

	padding: 10px 20px;

}



.clas_1wenz p:first-child {

	font-size: 16px;

}



.clas_1wenz p:last-child {

	font-size: 16px;

	font-weight: bold;

}



/* .clas_1 img {

	transition: all 1s;

	overflow: hidden;

}



.clas_1:hover img {

	transform: scale(1.1);

} */



.class_1 li {

	position: relative;

	overflow: hidden;

	margin-left: 16px;

}



.class_1 li:first-child {

	margin-left: 0px;

}



/* ========================================图书分类 end========================= */



/* ========================================精品教材============================= */

.material,

.material_ul,

.nuber_2 {

	margin-top: 50px;

}



.material_img {

	width: 110px;



	height: 154px;

	overflow: hidden;

	text-align: center;

}



.material_img img {

	transition: all 1s;

	max-width: 100%;

	height: 100%;

	transition: all 0.3s;

	object-fit: cover;

}



.material_ul li {

	transition: all 0.3s;



}



.material_ul li:hover {

	transform: translateY(-5px);



}







.material_jiaocai {

	padding: 10px 0px;

	border-bottom: 1px solid #bfa764;

}



.material_jiaocai_img {

	float: left;

}



.material_jiaocai h1 {

	padding-bottom: 10px;

	padding-left: 15px;

	font-size: 18px;

	float: left;

}

.material_sort {
	line-height: 25px;
	display: flex;
	align-items: center;
	float: right;
}



.material_ul li {



	float: left;

}



.material_p h1 {



	font-size: 16px;

	color: #5f5f5f;

	line-height: 30px;

	overflow: hidden;

	width: 151px;

	height: 30px;

}



.material_p p {

	line-height: 40px;

	font-size: 14px;

	color: #a9a9a9;

	overflow: hidden;

	width: 151px;

	height: 40px;

}



.material_p:hover h1 {

	color: #CA061A;

}



.material_ul li:first-child {

	margin-left: 0px;

}



.material_ul li:last-child {

	margin-left: 61px;

}



.material_ul li {

	margin-left: 58px;

}



.azssx {

	margin-top: 50px;

}





/* ========================================精品教材 end========================= */

/* ========================================数字业务============================= */

.nuber {

	padding: 0px 40px;

}



.nuber_2 li {

	float: left;

}



.nuber_img {

	overflow: hidden;

	width: 335px;

	height: 421px;

}



.nuber_img img {

	width: 100%;

	height: auto;

}



.nuber_img img {

	transition: all 2s;

}



.nuber_img img:hover {

	transform: scale(1.1);

}



.nuber_p h1 {

	margin: 10px auto;

	font-size: 16px;

	color: #333333;

	font-weight: bold;

}



.nuber_p p {

	line-height: 20px;

	font-size: 13px;

	color: #8d8c8b;

}



.nuber_p {

	height: 110px;

	width: 335px;

	overflow: hidden;

}



.nuber_p a:hover {

	color: #e60012;

}



.nuber_p h1:hover {

	color: #e60012;

}





.nuber_p:hover .hahazza {



	color: #e60012;

}



.nuber_2 li:first-child {

	margin-left: 0px;

}



.nuber_2 li {

	margin-left: 97px;

}



.nuber_2 .haahz {



	overflow: hidden;

}



.nuber_2 .hahazza {

	color: #8d8c8b;

	font-size: 13px;



}





.nav_bar,

.nav,

.header_iphone {

	display: none;

}





/* ========================================数字业务 end========================= */



/* ========================================使用引导============================ */

.yindao {

	font-size: 0;

}



.yindao img {

	width: 100%;

	height: auto;

}



.yindao2 {

	background: #f7f7f7;

	padding: 100px 0px;

	margin: 0 auto;

}



.guide {

	padding: 80px 50px;

	background: #ffffff;

	margin: 0 auto;

}



.guide .guidep1 {

	letter-spacing: 8px;

	font-size: 40px;

	color: #383838;

}



.guide p {

	line-height: 25px;

	font-size: 14px;

	color: #222222;

	margin-top: 30px;

}



.guide2 {

	margin: 50px 0px;

	text-align: center;

}



.guide2 img {

	max-width: 100%;

	height: auto;

}



.footer_1 {

	border-top: 2px solid #333333;

	background: #f7f7f7;

}



.footer_2 {

	padding: 30px 0px;

	margin: 0 auto;

}



.footer_3_1 p {

	float: left;

	font-size: 14px;

	color: #000000;

	margin-bottom: 15px;

}



.footer3_2 {

	float: right;

}



.footer3_2 li {

	float: left;

	padding: 0px 10px;

}



.footer3_2 li a {

	font-size: 14px;

	color: #000000;

}



.footer_4 {

	width: 60%;

	float: left;

}



.footer_4 li {

	margin-right: 25px;

	float: left;

	line-height: 35px;

}



.footer_4 li a {

	font-size: 12px;

	color: #666666;

}







.footer_4_3 li:first-child {

	margin-left: 0px;

}



.footer_4_2 li {

	margin-left: 22px;

	float: left;

}



.footer_4_2 li:first-child {

	margin-left: 0px;

}



.iphone_footer {

	display: none;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.wellul .dange {

		display: none;

	}



	.dasdsazxzssda {

		padding: 0px 10px;

	}



	.iphone_footer {

		display: block;

	}



	.iphone_footer {

		background: #666666;

	}



	.iphone_footer_2 {

		line-height: 25px;

		text-align: center;

		margin: 0 auto;

		padding: 10px 6px;

	}



	.iphone_footer_2 p:first-child {

		color: white;

		font-size: 12px;

		float: none;

	}



	.iphone_footer_2 p:last-child {

		font-size: 12px;

		float: none;

		color: white;

	}



	.footer_1 {

		display: none;

	}



	.yindao2 {

		background: #f7f7f7;

		padding: 30px 10px;

		margin: 0 auto;

	}



	.guide {

		padding: 1px 0px;

	}



	.guide .guidep1 {

		letter-spacing: 4px;

		font-size: 25px;

		color: #383838;

		font-weight: bold;

	}



	.guide2 {

		margin: 35px 0px;

	}





}



/* ========================================使用引导 end ========================*/

/* ========================================关于华职============================ */

.yindao3 {

	background: #f7f7f7;

	padding: 80px 0px;



}



.aboutz {

	padding: 60px 20px;

	background: #ffffff;

	margin: 0 auto;

}



.aboutzz p {

	line-height: 30px;

}



.aboutzz_1 {

	color: #e60012;

	font-size: 24px;

	font-weight: bold;

}



.aboutzz_2 {

	color: #999999;

	font-size: 16px;

}



.about_heng {

	/*border: 2px solid #e60012;*/

	width: 20px;

	color: #e60012;

	margin-top: 25px;

}



.killmen {

	margin-top: 40px;

}

.killmen img {

	max-width: 99%;

}

.killmen_1 {

	font-size: 16px;

	color: #e60012;

	font-weight: bold;

}



.killmen_2 {

	font-size: 18px;

	color: #222222;

	font-weight: bold;

	margin-top: 35px;

}



.killmen_3 {

	font-size: 16px;

	color: #222222;

	padding: 40px 0px 0px;

	text-indent: 25px;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.aboutz {

		padding: 25px 0px;

	}



	.yindao3 {

		padding: 30px 10px;

	}



	.killmen_3 {

		margin-top: 15px;

		padding: 0px;

	}



	.killmen {

		margin-top: 35px;

	}



}



/* ========================================关于华职 end ======================= */



/* ========================================动态详情============================ */

.use {

	border-top: 6px solid #e60012;

}



.use_1 {

	background: white;



}



.use .use_1p {

	text-align: center;

	padding-top: 40px;

	font-size: 30px;

	color: #222222;

}



.use_div p {

	float: left;

}



.use_div {

	text-align: center;

	margin-top: 20px;

}



.use_div i {

	font-size: 14px;

	color: #222222;

}



.use_div span {

	font-size: 14px;

	color: #666666;

}



.use_2 {

	margin-top: 50px;

	padding: 60px 40px;

	border-top: 1px solid #e6e6e6;

	border-bottom: 0.6px solid #e6e6e6;

}



.use_2 .use_2_p {

	font-size: 14px;

	padding-bottom: 0px;

	color: #666666;

	text-indent: 30px;

}



.use_2_img {

	width: 100%;

	height: auto;

	padding: 40px 0px 30px;

}



.use_2_img img {

	max-width: 100%;

	height: auto;

}



/* .use_2 p {

	text-indent: 30px;

	color: #666666;

	font-size: 14px;

	padding-bottom: 40px;

} */

.use_2 img {

	max-width: 100%;

	height: auto;

}



.sp {



	margin: 0 auto;



	padding: 50px 30px 60px;

}



.spleft {

	float: left;

}



.spleft div {

	float: left;

}



.shuxian {

	margin-left: 30px;

}



.sppp {

	line-height: 25px;

	margin-top: -10px;

	margin-left: 40px;

}



.sppp p:first-child {

	font-size: 14px;

	color: #999999;

}



.sppp p:last-child {

	font-size: 15px;

	color: #222222;

}



.sppp:hover p {

	color: #e60012;

}







.spright {

	float: right;

}



.spright div {

	float: right;

}



.shuxian2 {

	margin-right: 30px;

}



.sppp2 {

	line-height: 25px;

	margin-top: -10px;

	margin-right: 40px;

}



.sppp2 p:first-child {

	font-size: 14px;

	color: #999999;

	text-align: right;

}



.sppp2 p:last-child {

	font-size: 15px;

	color: #222222;

	text-align: right;

}



.sppp2:hover p {

	color: #e60012;

}



.iphonexx {

	display: none;

}



#submit,

#sub {

	width: 100%;

	height: 100%;

	background: #e60012;

	color: #ffffff;

}





@media only screen and (min-width: 320px) and (max-width: 992px) {



	#submit,

	#sub {

		cursor: pointer;

		background: url(../img/fangdajing.png) 12px 11px no-repeat;

		text-align: center;

		height: 36px;

		width: 45px;

		/* margin: 0 auto; */

		font-size: 16px;

		color: #ffffff;

	}







	.sp {

		display: none;

	}



	.iphonexx {

		display: block;

		padding: 35px 10px 20px;

		text-align: center;

	}



	.isyp1 {

		float: left;

		line-height: 10px;

	}



	.isyp1 img {

		float: left;

	}



	.isyp1 p {

		float: left;

		margin-left: 10px;

	}



	.isyp2 {

		float: right;

		line-height: 10px;

	}



	.isyp2 img {

		float: right;

	}



	.isyp2 p {

		float: right;

		margin-right: 10px;

	}



	/* 	.use_2 p {

		text-indent: 30px;

		color: #666666;

		font-size: 14px;

		padding-bottom: 25px;

	}

 */

	.use_2 {

		margin-top: 20px;

		padding: 35px 0px;

	}



	.use .use_1p {

		line-height: 35px;

		font-size: 19px;

		color: #222222;

		font-weight: bold;

		margin-top: 25px;

	}

}





/* ========================================动态详情 end======================== */





/*========================================联系我们===============================*/

.lianxilianxi {

	background: #f7f7f7;

	padding: 100px 0px;

}



.lianxi {

	background: #ffffff;

}



.bumen {

	background: #545454;

}



.bumen span {

	font-size: 18px;

	color: #ffffff;

	line-height: 60px;

	margin-left: 20px;

}

.fuwu1_1 {

	background: #eeeeee;

	line-height: 215px;

	float: left;

	text-align: center;

	width: 13%;

	font-size: 16px;

	color: #333333;

}



.fuwu1_2 {

	text-align: center;

	width: 85%;

	float: left;

	padding: 0px 10px 0px 10px;

}



.fuwu1_21 {

	width: 100%;

	float: left;

	background: #fff;

	padding: 30px 0;

	min-height: 160px;

}



.fuwu1 {

	border-bottom: 2px solid #f7f7f7;

	background: #eee;

}

/*.fuwu1_1 {

	background: #eeeeee;

	line-height: 215px;

	float: left;

	text-align: center;

	width: 13%;

	font-size: 16px;

	color: #333333;

}



.fuwu1_2 {

	text-align: center;

	width: 85%;

	float: left;

	padding: 20px 10px 0px 10px;

}



.fuwu1_21 {

	width: 100%;

	float: left;

}



.fuwu1 {

	border-bottom: 2px solid #f7f7f7;

}

*/

.fuwu1_22 {

	float: left;

	margin-left: 400px
}



.fuwu1_22 p {

	line-height: 25px;

}



.fuwu1_22 .heihei p:first-child {

	font-size: 15px;

	color: #666666;

}



.fuwu1_22 .heihei p:last-child {

	font-size: 14px;

	color: #333333;

	font-weight: bold;

}



.fuwu1_22 .heihei2 p:first-child {

	font-size: 15px;

	color: #666666;

}



.fuwu1_22 .heihei2 p:last-child {

	font-size: 14px;

	color: #333333;

	font-weight: bold;

}



.candandx p:first-child {

	line-height: 25px;

	color: #333333;

	font-size: 16px;

}







.heihei2 {

	margin-top: 40px;

}



.fuwu1_21 p {

	margin-left: 30px;

	font-size: 14px;

	color: #333333;

	text-align: left;

	line-height: 25px;

}



.lianxi2 {

	margin-top: 60px;

}



.jklow {

	width: 100%;

}



.jklovea {

	float: left;

}



.jklov3 {

	margin-top: 7px;

	width: 646px;

	height: 220px;

	float: right;

	line-height: 25px;

}



.jklov3 img {

	max-width: 100%;

	height: auto;

}



.jklovea p:first-child {

	font-size: 16px;

	color: #333333;

}



.jklovea .jklov2 p {

	font-size: 14px;

	color: #333333;

}



.jklov2 {

	margin-top: 0px;

}



.jklov2 p {

	line-height: 30px;

}



.jklovea {

	padding: 40px 0px 40px 60px;

	float: left;

}



.jklov3_1 p:first-child {

	font-size: 15px;

	color: #666666;

}



.jklov3_1 p:last-child {

	font-size: 14px;

	color: #333333;

	font-weight: bold;

}



.jklov3_2 p:first-child {

	font-size: 15px;

	color: #666666;

}



.jklov3_2 p:last-child {

	font-size: 14px;

	color: #333333;

	font-weight: bold;

}



.jklov3_2 {

	margin-top: 40px;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.bumen span {

		text-align: center;

		display: block;

		font-size: 24px;

	}



	.fuwu1_21 p {

		margin-left: 0px;

		width: 100%;

	}



	.fuwu1_21 p span {

		width: 100%;

	}



	.fuwu1_1 {

		background: #eeeeee;

		line-height: 45px;

		float: left;

		text-align: center;

		width: 100%;

		font-size: 16px;

		color: #333333;

	}



	.fuwu1_2 {

		ext-align: none;

		width: 100%;

		height: auto;

		float: left;

		padding: 20px 0px;

	}



	.fuwu1_21 {

		width: 100%;

		float: left;

	}



	.fuwu1_21 p:nth-child(2) {

		margin-top: 0px;

	}



	.fuwu1_22 {

		width: 50%;

		float: left;

		margin-left: 0px;

	}



	.heihei2 {

		margin-top: 0px;

	}



	.lianxi2 {

		margin-top: 35px;

	}



	.lianxilianxi {

		padding: 0px 10px;

	}



	.jklovea {

		width: 100%;

		float: none;

		padding: 0px;

	}



	.jklov2 {

		margin-top: 10px;



	}



	.jklov3 {

		width: 100%;

		line-height: 25px;

		padding: 10px 0px;

		margin-top: 15px;

	}



	.jklov3_2 {

		margin-top: 25px;

	}



	.jklov {

		padding: 20px 0px;

	}

}





/*========================================联系我们 end===========================*/



/* ========================================书目下载============================ */

.bookxz {

	padding: 25px 0px 40px;

}



/* ========================================书目下载end========================= */

.bookxz_1p {

	float: left;

}



.bookxz_1p {

	line-height: 35px;



}



.bookxz_1p .mdsadasxz {

	font-weight: bold;

}



}



.bookxz_1p p:first-child {

	color: #e60012;

	font-size: 16px;

}



.bookxz_1p p:last-child {

	font-size: 14px;

	color: #666666;

}



.bookxz_1 {

	padding: 20px 10px;

	border-bottom: 1px dashed #999999;

}



.bookxz_xuan {



	float: right;

}



.bookxz_xuan a {

	display: inline-block;

	width: 120px;

	height: 34px;

	background: #e60012;

	color: #ffffff;

	text-align: center;

	line-height: 34px;

	font-size: 12px;

}





/* =========================================meda================================= */

/* header start */





@media only screen and (min-width: 320px) and (max-width: 992px) {

	.iphone_footer {

		display: block;

	}



	.asdsadaz {

		display: none;

	}



	.header {

		display: none;

	}



	.header_iphone {

		display: block;

	}



	.header_iphone {

		width: 100%;

		height: 50px;

	}



	.header_ip_logo {

		float: left;

		margin-left: 10px;

		width: 30%;

		height: auto;

	}





	.header_ip_logo img {

		max-width: 100%;

		height: auto;

		margin-top: 13px;

	}



	.nav_bar {

		display: block;

		margin-top: 8px;

		margin-right: 15px;

	}



	.nav_bar {

		float: right;

		width: 35px;

		height: 21px;

		font-size: 0;

	}



	.nav_bar img {

		width: 100%;

		height: auto;

	}



	.nav {

		z-index: 999999;

		height: 100%;

		position: absolute;

		width: 100%;

		background: white;

		top: 50px;

		left: 0;

	}



	.nav>li {

		position: relative;

		display: block;

	}



	.nav>li>a {

		border-bottom: 1px solid #f1f1f1;

	}



	.nav>li>a {

		color: #333333;

		position: relative;

		display: block;

		padding: 15px 15px;

	}



	.w1200 {

		width: 100%;

	}



	.well {

		margin-top: 0px;

	}



	.neirong,

	.nuber {

		padding: 0px;

	}



	.nuber_2 li {

		margin-left: 0px;

	}



	.pound_p {

		line-height: 20px;

	}



	.pound h1 {

		font-size: 15px;

		line-height: 30px;

	}



	.welldiv {

		display: none;

	}



	.jingpinyincang,

	.kaoshitushu {

		display: none;

	}



	.class_1 li {

		margin-top: 20px;

		margin-left: 0px;

	}



	.class_1 {

		margin-top: 0px;

	}



	.clas_1 {

		width: 95%;

		margin: 0 auto;

		height: auto;



	}





	.clas_1 img {

		width: 100%;

		height: auto;

	}



	.clas_1wenz {

		width: 100%;

		padding: 10px 0px;

	}



	.class_1 li {

		text-align: center;

		float: none;

	}



	.nuber_2 li {

		float: none;

	}



	.nuber_img {

		width: 100%;

		height: auto;

	}



	.nuber_p {

		width: 100%;

		margin-bottom: 20px;

	}



	.jingpin_1 {

		margin: 0 auto;

		background: #af1f24;

		font-size: 25px;

		text-align: center;

		color: white;

		text-align: center;

		padding: 10px 0px;

		width: 75%;

		border-radius: 41px;

		margin-top: 20px;

		margin-bottom: 20px;

	}



	.wellul li {

		margin-left: 0px;

		padding: 15px 0px;

		width: 50%;

		height: 155px;

		float: left;

		text-align: center;

	}



	.wellwell2 {

		margin-top: 25px;

	}



	.pound {

		margin-top: 45px;

	}



	.material_ul li:nth-child(even) {

		float: right;

		margin-left: 20px;

	}



	.material_ul li:nth-child(odd) {

		float: left;

		margin-left: 20px;

	}



	.material_ul li:last-child {

		margin-left: 0;

	}



	.wellul {

		margin-top: 0px;

	}



	.material_ul li:first-child {

		margin-left: 20px;

	}

}



/* =========================================meda end============================= */







/* ======================精品图书============================= */

.boutique {

	padding: 60px 0px;

}



.boutique li {

	margin-left: 30px;

	float: left;

}



.boutique_1 {

	max-width: 100%;

	height: auto;

	position: relative;

}



.boutique_1 img {

	max-width: 100%;

	/*height: auto;*/

}



.boutique_1_posi {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0px;

	top: 0px;

	background: rgba(5, 5, 5, 0.3);

	z-index: 1;

}



.boutique_1_posi {

	text-align: center;

	line-height: 150px;

	font-size: 28px;

	color: white;

	font-weight: bold;

}







.boutique_1:hover .boutique_1_posi {

	background: rgba(5, 5, 5, 0.4);

}



.boutique li:first-child {

	margin-left: 0px;

}



.boutique li:nth-child(4) {

	margin-left: 0px;

}



.boutique_z {

	margin-top: 40px;

}



.section_1 {

	background: url(/home/img/SB2.jpg);

	text-align: center;

	line-height: 60px;

}



.section_span {

	font-size: 18px;

	color: #ffffff;

}



.section_bor {

	border: 1px solid #65a5fd;

	padding: 25px 45px;

}



.section_bor li {

	float: left;

}



.section_bor li a {

	white-space: nowrap;

	overflow: hidden;

	display: inline-block;

	font-size: 16px;

	color: #333333;

	width: 133px;

	line-height: 45px;

	margin-left: 25px;

	text-overflow: ellipsis;

}



.section_bor .zzasdasdhoujia a {

	color: #af1f24;

}



.section_bor .monmen1z a {

	color: #63a2fc;

}



.section_bor .momen2z a {

	color: #ffe9cf;

}



.section_bor_div1 li {

	margin-left: 10px;

}



.zasdaz li:nth-child(7) {

	margin-left: 0px;

}



.zasdaz li {

	margin-top: 30px;



}



.zasdaz li:nth-child(13) {

	margin-left: 0px;

}



.houhouzs {

	border-bottom: 1px solid #eeeeee;

	padding: 0px 10px;

}



.wjxa2 {

	padding: 45px 0px 65px 0;

	text-align: center;

	width: 1200px;

	margin: 0 auto;



}



.wjxa2 strong {

	display: inline-block;

	padding: 14px 18px;

	/* 	background: #ffffff; */

	color: #333333;

	font-size: 14px;

	font-weight: normal;

}



.wjxa2 a {

	display: inline-block;

	padding: 14px 18px;

	/* background: #ffffff; */

	color: #333333;

	font-size: 14px;

	margin-left: 10px;

}



.wjxa2 a:hover {

	background: #65a5fd;

	color: white;

}



.section_bor li:hover a {

	color: #65a5fd;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.zasdaz li:nth-child(7) {

		margin-left: 20px;

	}



	.zasdaz li:nth-child(13) {

		margin-left: 20px;

	}



	.bookxz_xuan {

		float: none;

	}



	.bookxz_xuan a {

		display: inline-block;

		width: 100%;

		height: 34px;

		background: #e60012;

		color: #ffffff;

		text-align: center;

		line-height: 34px;

		font-size: 12px;

		margin-top: 20px;

	}



	.section_bor li a {

		white-space: nowrap;

		overflow: hidden;

		display: inline-block;

		font-size: 16px;

		color: #333333;

		width: 150px;

		line-height: 45px;

		margin-left: 25px;

		text-overflow: ellipsis;

	}



	.section_bor {

		border: 1px solid #65a5fd;

		padding: 25px 0px;

	}



	.boutiquezdsa {

		padding: 10px 10px 20px;

	}



	.wjxa2 {

		width: 100%;

	}



	.boutique li {

		margin-left: 11px;

		margin-top: 10px;

		width: 45%;

	}



	.boutique_z {

		margin-top: 0px;

	}



	.boutique {

		padding: 0px;

	}



	.material_ul2 {

		padding: 0px 10px;

	}



	.margin-top {

		margin-top: 25px;

	}



	.material {

		margin-top: 0px;

		padding: 10px 0px;

	}



	.zasdaz {

		margin-top: 0px;

	}



	.wjxa2 {

		padding: 25px 0px;

	}



	.qiyuan11 {

		height: 97%;

	}

}



/* ======================精品图书end========================== */





/* ======================总发图书================================ */

.childhood {

	background: url(/home/img/SB1.jpg);

	background-size: cover;

}



.childhood2 li:hover a {

	color: #d12c32;

}



.childhood2 {

	border: 1px solid #d12c32;



}



.wjxa3 a:hover {

	background: #d12c32;

	color: white;

}



.boutique_2_posi {

	text-align: center;

	line-height: 125px;

	font-size: 28px;

	color: white;

	font-weight: bold;

}



.boutique_2_posi {

	width: 100%;

	height: auto;

	position: absolute;

	left: 0px;

	top: 0px;

	background: rgba(5, 5, 5, 0.3);

	z-index: 1;

}





.boutique_1:hover .boutique_2_posi {

	background: rgba(5, 5, 5, 0.4);

}



.boutique_22 li {

	margin-top: 0px;



}



.boutique_22 li:nth-child(4) {

	margin-left: 25px;

}



.boutique_22 li {

	margin-left: 25px;

}





.page li {

	display: inline-block;

	padding: 14px 18px;



	color: #333333;

	font-size: 14px;

	font-weight: normal;

	cursor: pointer;

	list-style: none;

}



.page li:hover {

	color: #ffffff;

	background: #e60012;

}





@media only screen and (min-width: 320px) and (max-width: 992px) {

	.childhood2 {

		background: none;

	}



	.boutique_1zxcs {

		width: 100%;

		height: auto;

	}



	.boutique_1zxcs img {

		width: 100%;

		height: auto;

	}



	.boutique_22 li {

		margin-left: 11px;

		margin-top: 10px;

	}



	.boutique_22 li:nth-child(4) {

		margin-left: 0px;

	}



	.boutique_2_posi {

		height: 98%;

		line-height: 215px;

	}





}



/* ===============================单独5S=============================================== */



@media screen and (device-width: 320px) and (device-height: 568px) {

	.boutique_2_posi {

		height: 98%;

		line-height: 175px;

	}



	.section_bor li a {

		white-space: nowrap;

		overflow: hidden;

		display: inline-block;

		font-size: 16px;

		color: #333333;

		width: 135px;

		line-height: 45px;

		margin-left: 14px;

		text-overflow: ellipsis;

	}



	.material_ul2 {

		padding: 0px 9px;

	}



	.material_ul li:first-child {

		margin-left: 0px;

	}



	.material_ul li:nth-child(even) {

		margin-left: 0px;

	}



	.material_ul li:nth-child(odd) {

		margin-left: 0px;

	}



	.boutique_1_posi {

		line-height: 54px;

	}



}



/* ===============================单独5S=============================================== */





/* ======================总发图书end============================= */





/* ==============================================考试图书 =======================================*/

.boutique_23 {

	padding: 20px 0px;

}



.qiyuanqiyuan li:nth-child(5) {

	margin-left: 0px;

}



.qiyuanqiyuan li {

	margin-left: 20px;

}



.boutique_23 li:nth-child(4) {

	margin-left: 20px;

}



.boutique_23 li {

	margin-top: 40px;

}



.heiehiyo {

	background: url(/home/img/SB3.jpg);

	background-size: cover;

	border: 1px solid #ffe9cf;

	margin-top: 40px;



}



.heiehiyo .section_span {

	color: #333333;

}



.heiheiyoyo2 {

	border: 1px solid #ffe9cf;

}



.heiheiyoyo2 li:hover a {

	color: #ffe9cf;

}



.wjxa4 a:hover {

	background: #feab4b;

}





@media only screen and (min-width: 320px) and (max-width: 992px) {

	.boutique_23 {

		padding: 0px 0px;

	}



	.boutique_23 li {

		margin-top: 15px;

	}



	.qiyuanqiyuan li {

		margin-left: 11px;

	}



	.qiyuan22 {

		height: 97%;

		line-height: 165px;

	}



	.boutique_23 li:nth-child(4) {

		margin-left: 0px;

	}



	.boutiquezdsa {

		padding: 10px 0px 10px;

	}



	.heiehiyo {

		margin-top: 0px;

	}



	.qiyuan22 span {

		font-size: 20px;



	}



	.qiyuanqiyuan li:nth-child(5) {

		margin-left: 11px;

	}



}



@media screen and (device-width: 320px) and (device-height: 568px) {

	.heiehiyo {

		margin-top: 0px;

	}



	.boutique_23 {

		padding: 0px 0px;

	}



	.qiyuan22 {

		line-height: 145px;

	}



}



/* ==============================================考试图书end==================================== */



/* ============================================立体书城========================================== */

.liti,

.zhuyaogn {

	height: 100%;

	background: #f4f4f4;

}



.aadsazsd {

	color: #ffffff;

}



.hahaha {

	color: #ffffff;

	background: #1b1b1b;

}



.aadsazsd li a {

	color: #ffffff;

}



.aadsazsd span {

	color: #ffffff;

}



.liti2 {

	background: url(../img/images/ar1_03.jpg) center center no-repeat;

	background-size: cover;

	height: 580px;

}



.liti3 {

	float: right;

	text-align: right;

	margin-right: 215px;

}



.liti3 h1 {

	font-size: 36px;

	color: #ffffff;

	background: #3fcc61;

	border-radius: 10px;

	text-align: center;

	width: 300px;

	margin-left: 80px;

	margin-top: 160px;

	margin-bottom: 60px;

}



.liti3 p {

	line-height: 30px;

	color: #333333;

	font-size: 18px;



}



.litijc {

	height: 100%;

	background: #ffffff;



}



.litijc1 {

	background: url(../img/images/ar2_03.jpg)center center no-repeat;

	background-size: cover;

	height: 580px;

}



.zhuyaogn1 {

	background: url(../img/images/ar3_03.jpg)center center no-repeat;

	background-size: cover;

	height: 580px;

}



.zhanxianxs {

	background: url(../img/images/ar4_03.jpg)center center no-repeat;

	background-size: cover;

	height: 580px;

}



.litijc2 {

	margin-left: 185px;

}



.litijc2 h1 {

	padding: 2px 5px;

	font-size: 36px;

	color: #ffffff;

	background: #3fcc61;

	border-radius: 10px;

	text-align: center;

	width: 300px;

	margin-top: 165px;

	margin-bottom: 45px;

}



.litijc3 {

	width: 486px;

	text-indent: 30px;

}



.litijc3 p {

	font-size: 18px;

	color: #333333;

	line-height: 30px;

	padding-bottom: 15px;

}



.zhuyaogn3 h1 {

	margin-top: 205px;

	margin-bottom: 60px;

	width: 200px;

	font-size: 36px;

	color: #ffffff;

	background: #3fcc61;

	border-radius: 10px;

	text-align: center;

}



.zhuyaogn3 p {

	font-size: 18px;

	color: #333333;

	line-height: 30px;



}



.zhuyaogn3 {

	float: right;

}



.yanfeng h1 {

	width: 200px;

}



.zhanxianxsaa {

	margin-left: 170px;

}



.zhanxiansxs {

	width: 450px;

}



/* 下载立体 */

.xiazilt {

	padding: 158px 0px;

	background: #89ecc6;

}



.xiazailt2 h1 {

	font-size: 80px;

	color: #ffffff;

	text-align: center;



}



.xiazailt2 p {

	margin-top: 50px;

	font-size: 60px;

	color: #ffffff;

	text-align: center;



}



.ipdsads {

	width: 800px;

	margin: 0 auto;

	margin-top: 80px;

}



.ipipewm {

	float: left;

	margin-left: 65px;

}



.ipip1 {

	float: left;

	margin-left: 160px;

}



.ipand2 {

	margin-top: 25px;

}



/* 下载立体 end */







@media only screen and (min-width: 320px) and (max-width: 992px) {

	.liti2 {

		background: none;

		height: auto;

	}



	.liti3 {

		padding: 0 10px;

		text-align: left;

		margin-right: center;

		float: none;

		margin-right: 0px;

	}



	.liti3 h1 {

		font-size: 26px;

		color: #ffffff;

		background: #3fcc61;

		border-radius: 10px;

		text-align: center;

		width: 100%;

		margin: 0 auto;

		margin: 20px 0px;

	}



	.litijc2 h1 {

		font-size: 26px;

		color: #ffffff;

		background: #3fcc61;

		border-radius: 10px;

		text-align: center;

		width: 100%;

		margin: 0 auto;

		margin: 20px 0px;

	}



	.litijc2 {

		margin-left: 0px;

	}



	.litijc2,

	.zhuyaogn3 {

		padding: 0px 10px;

	}



	.litijc1 {

		background: none;

		height: auto;

	}



	.litijc3 {

		width: 100%;

		text-indent: 30px;

	}



	.zhuyaogn1 {

		background: none;

		height: auto;

	}



	.zhuyaogn3 h1 {

		font-size: 26px;

		margin: 20px 0px;

		width: 100%;

	}



	.ipdsads {

		width: 100%;

	}



	.xiazilt {

		padding: 45px 0px;

	}



	.xiazailt2 h1 {

		font-size: 45px;

	}



	.xiazailt2 p {

		margin-top: 20px;

		font-size: 35px;

		color: #ffffff;

		text-align: center;

	}



	.ipdsads {

		width: 100%;

		margin: 0 auto;

		margin-top: 45px;

	}



	.ipip1 {

		width: 50%;

		margin-left: 0px;

		float: left;

		text-align: center;

	}



	.ipand img {

		max-width: 50%;

		height: auto;

	}



	.ipand2 img {

		max-width: 50%;

		height: auto;

	}



	.ipipewm img {

		max-width: 50%;

		height: auto;

	}



	.ipipewm {

		width: 50%;

		margin-left: 0px;

		text-align: center;

	}

}



/* ============================================立体书城end======================================= */

/* ============================================华智动态========================================== */

.huazhidtdt {

	padding: 100px 0px;

	background: #F7F7F7;

}



.huazhidt li {

	margin-top: 20px;

	float: left;

	background: #ffffff;

	width: 32.5%;

	margin-left: 15px;

}



.huazhidt li:first-child {

	margin-left: 0px;

}



.huazhidt li:nth-child(4) {

	margin-left: 0px;

}



.huazhidt li:nth-child(7) {

	margin-left: 0px;

}



.huazhidt1_img {

	width: 100%;

	height: auto;

}



.huazhidt1_img img {

	max-width: 100%;

	height: auto;

}



.huazhidt1_p {

	padding: 20px 20px;

}



.huazhidt1_p p:first-child {

	font-size: 14px;

	color: #333333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.huazhidt1_p p:last-child {

	width: 350px;

	height: 46px;

	overflow: hidden;

	font-size: 12px;

	color: #9c9c9c;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;



}



.huazhidt1_p p {

	line-height: 27px;

}



.huazhidt1_img {

	font-size: 0px;

	position: relative;

	overflow: hidden;

}



.huazhidt1_img img {

	transition: all 1s;

}



.huazhidt1_img img:hover {

	transform: scale(1.1);

}



.huazhidt1_img h1 {

	font-size: 12px;

	color: #ffffff;

	background: #1b1b1b;

	width: 82px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	position: absolute;

	left: 20px;

	top: 20px;

}



.huazhidtwjxa2 a:hover {

	background: #e60012;

}



.huazhidtwjxa2 {

	padding: 45px 0px 0px 0px;

}



.cativemu {

	display: none;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.huazhidt1_p p:last-child {

		width: 100%;

	}



	.huazhidt1_p {

		padding: 10px;

	}



	.huazhidtwjxa2 {

		display: none;

	}



	.huazhidt li {

		width: 100%;

		margin-left: 0px;

	}



	.huazhidtdt {

		padding: 25px 10px;

	}



}



/* ============================================华智动态 end====================================== */



/* ============================================人才招募========================================== */

.recrui {



	background: #F7F7F7;

}



.recruit1 {

	padding: 100px 0px;

}



.recruit1 h1 {

	font-size: 32px;

	color: #222222;

	font-weight: bold;

	text-align: center;

}



.recruit1 h2 {

	font-size: 14px;

	color: #999999;

	text-align: center;

	margin-top: 30px;

}



.recruit3 {

	margin-top: 40px;

	background: #545454;

	padding: 18px 0px 18px 40px;

}



.recruit3 li {

	font-size: 14px;

	color: #FFFFFF;

	float: left;

	font-weight: bold;

	margin-left: 178px;

}



.recruit3 li:first-child {

	margin-left: 0px;

}



.recruit3 li:nth-child(3) {

	width: 172px;

}



.recruit4 li:nth-child(3) {

	width: 100px;

	width: 151px;

	/* text-align: center; */

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.recruit4 {

	border-bottom: 1px solid #eeeeee;

	padding: 18px 0px 18px 40px;

}



.recruit4 li {



	font-size: 14px;

	color: #666666;

	float: left;

	margin-left: 196px;



	text-align: left;

}



.recruit4 li:first-child {

	margin-left: 3px;

}



.recruit4 .jiahaojianhao {

	float: left;

	font-size: 0px;



}



.jiahaojianhao img {

	max-width: 100%;



	height: auto;

}



.jiahaojianhao .jianhao {

	margin-top: 8px;

}



.recruit45 {

	display: none;

	padding: 0px 40px 100px;

	border: 1px solid #e60012;

}



.recruit45 li {

	margin-top: 40px;

	font-size: 14px;

	color: #e60012;

	font-weight: bold;

}



.recruit45 p {

	font-size: 14px;

	color: #666666;

	line-height: 25px;

}



.kongtai {

	background: #e60012;

	border: none;

}



.kongtai li {

	color: #FFFFFF;

}



.recruit455 {

	display: block;

}



.imgs {

	display: none;

}



.imgss {

	display: none;

}



.zechen {

	cursor: pointer;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {



	.recruit3 li:last-of-type {

		display: none;

	}



	.recruit4 li:nth-child(4) {

		display: none;

	}



	.recruit3 li:nth-child(3) {

		width: 56px;

	}



	.recruit3 li {

		font-size: 14px;

		color: #FFFFFF;

		float: left;

		font-weight: bold;

		margin-left: 73px;

	}



	.recruit3 {

		margin-top: 40px;

		background: #545454;

		padding: 18px 20px;

	}



	.recruit4 li {

		font-size: 14px;

		width: none;

		float: left;

		margin-left: 30px;

		text-align: left;

	}



	.recruit4 {

		padding: 20px 0px;

	}



	.recruit4 .jiahaojianhao {

		float: left;

		font-size: 0px;

	}



	.recruit4 li {

		width: 25%;

		font-size: 14px;

		width: none;

		float: left;

		margin-left: 33px;

		text-align: center;

	}



	.jianhao {

		margin-top: 10px;

	}



	.recruit1 {

		padding: 25px 0px;

	}



	.recruit1 h1 {

		font-size: 25px;

		color: #222222;

		font-weight: bold;

		text-align: center;

	}



	.recruit1 h2 {

		font-size: 14px;

		color: #999999;

		text-align: center;

		margin-top: 20px;

	}



	.recruit3 {

		margin-top: 25px;

		background: #545454;

		padding: 18px 20px;

	}



	.jiahaojianhao {

		display: none;

	}



	.recruit2 {

		padding: 0px 10px;

	}



	.recruit45 {

		display: none;

		padding: 0px 20px 50px;

		border: 1px solid #e60012;

	}



	.recruit45 li {

		margin-top: 20px;

	}

}



@media screen and (device-width: 320px) and (device-height: 568px) {

	.wellul .dange {

		display: none;

	}



	.recruit4 li:nth-child(3) {

		width: 100px;

		text-align: center;

		white-space: nowrap;

		overflow: hidden;

		text-overflow: ellipsis;

	}



	.recruit3 li {

		font-size: 14px;

		color: #FFFFFF;

		float: left;

		font-weight: bold;

		margin-left: 46px;

	}



	.recruit4 {

		padding: 18px 0px;

	}



	.recruit4 li {

		width: 25%;

		font-size: 13px;

		margin-left: 20px;

		float: left;

		text-align: center;

	}



	.recruit1 h1 {

		font-size: 25px;

		color: #222222;

		font-weight: bold;

		text-align: center;

	}



	.recruit1 h2 {

		font-size: 14px;

		color: #999999;

		text-align: center;

		margin-top: 20px;

	}



	.recruit3 {

		margin-top: 25px;

		background: #545454;

		padding: 18px 20px;

	}



	.recruit45 {

		display: none;

		padding: 0px 20px 50px;

		border: 1px solid #e60012;

	}



	.recruit45 li {

		margin-top: 20px;

	}

}



/* ============================================人才招募 end====================================== */



/* =============================资源包================================ */

.bundle {

	background: #2499e2;

}



.bundle1 {

	padding: 205px 0px;

	background: #2499e2;

	text-align: center;

}



.bundle1 h1 {

	font-size: 30px;

	color: #ffffff;

}



.bundle1 h2 {

	font-size: 30px;

	color: #ffffff;

	margin-top: 30px;

}



.bundle1 a {

	display: block;

	background: #38baf4;

	border-radius: 35px;

	font-size: 18px;

	margin: 0 auto;

	color: #ffffff;

	width: 228px;

	line-height: 51px;

	height: 51px;

	margin-top: 85px;

}



.bundle2 {

	margin-top: 100px;

}



.bundle2 span {

	font-size: 0;

	padding: 0px 15px;

}



.bundle2 span img {

	max-width: 100%;

	height: auto;

}



.bundle2 p {

	font-size: 16px;

	margin-top: 20px;

	color: #FFFFFF;

}



.quanmianshengji {

	text-align: center;

}



.quanmianshengji_img {

	margin-top: 40px;

	font-size: 0;

}



.quanmianshengji_img img {

	max-width: 100%;

	height: auto;

}



.quanmianshengji h1 {

	font-size: 42px;

	color: #484848;

}



.quanmianshengji_p {

	margin-top: 40px;

}



.quanmianshengji_p p {

	font-size: 20px;

	color: #484848;

	font-weight: 600;

	line-height: 25px;

}



.man1x {

	font-size: 0;

	margin-top: 100px;

}



.man1x img {

	max-width: 100%;

	height: auto;



}



.ziyuanfengfu {

	background: #f2f6f7;

}



.ziyuanfengfu_left {

	width: 380px;

	float: left;

	padding: 193px 100px 185px 135px;

}



.ziyuanfengfu_left_2 {

	margin-top: 70px;

}



.ziyuanfengfu_left_2 p {

	font-size: 20px;

	color: #484848;

	text-align: left;

}



.ziyuanfengfu_left_1 .span1 {

	font-size: 0;

}



.ziyuanfengfu_left_1 .span1 img {

	max-width: 100%;

	height: auto;

}



.ziyuanfengfu_left_1 .span2 {

	font-size: 42px;

	color: #484848;

	margin-left: 30px;

}



.ziyuanfengfu_right {

	padding: 160px 0px;

	font-size: 0;

	float: right;

}



.ziyuanfengfu_right img {

	max-width: 100%;

	height: auto;

}



.ziyuanfengfu3_left {

	font-size: 0;

	float: left;

	padding: 145px 0px;

	margin-left: 75px;

}



.ziyuanfengfu3_left img {

	max-width: 100%;

	height: auto;

}





.ziyuanfengfu3_right {

	width: 380px;

	float: right;

	padding: 177px 0px 185px;

}



.ziyuanfengfu3_right_2 {

	margin-top: 70px;

}



.ziyuanfengfu3_right_2 p {

	font-size: 20px;

	color: #484848;

	text-align: left;

}



.ziyuanfengfu3_right_1 .span1 {

	font-size: 0;

}



.ziyuanfengfu3_right_1 .span1 img {

	max-width: 100%;

	height: auto;

}



.ziyuanfengfu3_right_1 .span2 {

	font-size: 42px;

	color: #484848;

	margin-left: 30px;

}



.ziyuanfengfu_left_1 .spanspan2 {

	margin-left: 0px;

}



.ziyuanfengfu4_left_2 {

	margin-top: 70px;

}



.ziyuanfengfu4_left_2 p {

	font-size: 20px;

	color: #484848;

	text-align: left;

}



.ziyuanfengfu_left4 {

	padding: 185px 0px;

	width: 529px;

	float: left;

}



.ziyuanfengfu4_right {

	padding: 155px 0px;

	font-size: 0;

	float: right;

}



.ziyuanfengfu4_right img {

	max-width: 100%;

	height: auto;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.bundle {

		background: #2499e2;

		padding: 0px 10px;

	}



	.bundle1 h1 {

		font-size: 25px;

		color: #ffffff;

	}



	.bundle1 h2 {

		font-size: 20px;

		color: #ffffff;

		margin-top: 30px;

	}



	.bundle1 a {

		margin-top: 50px;

	}



	.bundle2 {

		margin-top: 50px;

	}



	.bundle1 {

		padding: 50px 0px;

		background: #2499e2;

		text-align: center;

	}



	.quanmianshengji_img {

		margin-top: 25px;

		font-size: 0;

	}



	.quanmianshengji_p p {

		font-size: 16px;

		color: #484848;

		font-weight: 550;

		line-height: 30px;

	}



	.quanmianshengji_p {

		text-align: left;

		margin-top: 20px;

		padding: 0px 10px;

	}



	.man1x {

		padding: 0px 10px;

		font-size: 0;

		margin-top: 35px;

	}



	.ziyuanfengfu {

		padding: 0px 10px;

		background: #f2f6f7;

		text-align: center;

	}



	.ziyuanfengfu_left {

		width: 100%;

		float: left;

		padding: 0px;



	}



	.ziyuanfengfu_left_1 {

		margin-top: 20px;

	}



	.ziyuanfengfu_left_2 p {

		font-size: 20px;

		text-align: left;

		text-indent: 20px;

		color: #484848;

	}



	.ziyuanfengfu_left_2 {

		margin-top: 20px;

	}



	.ziyuanfengfu_right {

		padding: 35px 0px;

		font-size: 0;



	}



	.ziyuanfengfu3_left {

		font-size: 0;

		float: left;

		padding: 0px 10px;

		margin-left: 0px;

	}



	.ziyuanfengfu3_right {

		text-align: left;

		width: 100%;



		margin-top: 20px;

		padding: 0px;

	}



	.ziyuanfengfu3_right_2 p {

		text-align: left;

		font-size: 20px;

		color: #484848;

		text-indent: 20px;

	}



	.ziyuanfengfu3_right_2 {

		padding: 0px 10px;

		margin-top: 20px;

	}



	.ziyuanfengfu_left4 {

		padding: 20px 0px;

		width: 100%;

		float: none;

	}



	.ziyuanfengfu4_right {

		padding: 35px 0px;

		font-size: 0;

		float: none;

	}



	.ziyuanfengfu3_right_1 .span2 {

		margin-left: 0px;

		font-size: 35px;

	}



	.ziyuanfengfu_left_1 .span2 {

		margin-left: 0px;

		font-size: 35px;

	}



	.ziyuanfengfu_left_2 p {

		font-size: 18px;

	}



	.ziyuanfengfu3_right_1 {

		text-align: center;

	}



}



/* =============================资源包 end============================ */





/* =============================数字业务2============================== */

.lanmoyun {

	background: url(../img/images/images/dadadeda_02_02.jpg)center center no-repeat;

	background-size: cover;

	height: 860px;

}



.lanmoyun2 {

	background: url(/home/img/zhenjbexin1.jpg)center center no-repeat;

	background-size: cover;

	height: 844px;

}



.lanmoyun1 {

	margin-top: 150px;

}



.lanmoyun1 h1 {

	font-size: 65px;

	color: #ffffff;

}



.lanmoyun1 h2 {

	font-size: 48px;

	color: #ffffff;

	margin-top: 35px;

}



.lanmoyun1_is {

	margin-top: 45px;

}



.lanmoyun1_is_ipd {

	margin-top: 40px;

	float: left;



}



.lanmoyun1_is_ipd span {

	display: block;

	font-size: 20px;

	color: #FFFFFF;

	width: 175px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	border: 1px solid #ffffff;

	border-radius: 30px;

}



.lanmoyun1_is_ipd span:last-child {

	margin-top: 30px;



}



.lanmoyun1_is_erweima {

	font-size: 0px;

	float: left;

	width: 30%;

	margin-left: 50px;

}



.lanmoyun1_is_erweima img {

	max-width: 100%;

	height: auto;

}



.minde {

	width: 55%;

	float: left;

	text-align: center;

}



.lanmoyun2_h1 {

	margin-top: 125px;

}



.lanmoyun2_h1 h1 {

	margin-left: 87px;

	font-size: 46px;

	color: #111111;

}



.lanmoyun2_p {

	width: 417px;

	margin-left: 87px;

	padding: 10px 0px;

}



.lanmoyun2_p p {

	line-height: 35px;

	font-size: 24px;

	color: #02295d;

}



.sjdbner {

	display: none;

}



.yunketang {

	background: #53b3fd;



}



.yunketang2 {

	margin-top: 150px;

	background: url(/home/img/zhenjbexin2.jpg) center center no-repeat;

	background-size: cover;

	height: 725px;

}



.lanmoyun2_heng {

	border-top: 3px solid #53b3fd;

	width: 100px;

	margin-top: 10px;

	margin-left: 87px;

}



.lanmoyun2_heng2 {

	border-top: 3px solid #ffffff;

	width: 100px;

	margin-top: 10px;

	margin-left: 87px;

}



.yunketang_3 {

	margin-top: 95px;

}





.yunketang2 h1 {

	margin-left: 87px;

	font-size: 46px;

	color: #ffffff;

}



.yunketang2_p {

	margin-top: 35px;

	width: 495px;

}



.yunketang2_p p {

	font-size: 24px;

	color: #FFFFFF;

	margin-left: 87px;

	line-height: 50px;

}



.yuyinshibie {

	background: #f5f6f7;

}



.yuyinshibie2 {

	background: url(../img/images/images/images/images/maidong2_03.jpg) center center no-repeat;

	background-size: cover;

	height: 725px;

}



.yuyinshibie2 h1 {

	font-size: 46px;

	color: #333333;

	font-weight: bold;

}



.yuyinshibie2_p {

	margin-top: 35px;

	width: 440px;

}



.yuyinshibie2_p p {

	font-size: 24px;

	line-height: 35px;

	color: #02295d;

}



.yuyinshibie3 {

	margin-top: 115px;

	float: right;

	margin-right: 150px;

}





.yuyinshibie2_heng {

	border-top: 3px solid #53b3fd;

	width: 100px;

	margin-top: 10px;

}



.rengongzhineng {

	background: url(../img/zzz02.jpg) center center no-repeat;

	background-size: cover;



}



.rengongzhineng2 {

	height: 725px;

}



.rengongzhineng h1 {

	font-weight: bold;

	color: #333333;

	font-size: 46px;

}



.rengongzhineng3 {

	float: right;

	margin-top: 95px;

}



.rengongzhineng_p {

	margin-top: 35px;

	width: 441px;

}



.rengongzhineng_p p {

	font-size: 24px;

	color: #02295d;

	line-height: 50px;

}



.offers {

	background: url(../img/images/images/images/images/zzzzz_02.jpg) center center no-repeat;

	background-size: cover;

}



.offers2 {

	padding: 168px 0px;

	text-align: center;

}



.offers2 h1 {

	font-size: 46px;

	color: #333333;

	font-weight: bold;

}



.offers2 h2 {

	font-size: 48px;

	color: #555555;

}



.offers3 {

	width: 557px;

	margin: 0 auto;

	margin-top: 90px;

}



.fooer3_1 {

	float: left;

	margin-top: 20px;

}



.fooer3_1 a {

	display: block;

	width: 278px;

	height: 59px;

	text-align: center;

	line-height: 59px;

	border: 1px solid #333333;

	border-radius: 30px;

	font-size: 30px;

	color: #333333;

}



.fooer3_1 a:last-child {

	margin-top: 50px;

}



.fooer3_img {

	float: right;

	font-size: 0;

	max-width: 100%;

	height: auto;

}



.fooer3_img img {

	max-width: 100%;

	height: auto;

}



.cl input {

	background: #e60012;

	color: #FFFFFF;

	font-size: 14px;

	text-align: center;

	width: 120px;

	height: 40px;

	line-height: 40px;

	margin-top: 60px;

	margin-left: 85px;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.lanmoyun1_is_ipd {

		margin-top: 0px;

	}



	.yunketang_3 {

		margin-top: 0px;

	}



	.lanmoyun,

	.lanmoyun2 {

		display: none;

	}



	.sjdbner {

		display: block;

	}



	.sjdbner {

		background: #c4e4f9;

	}



	.sjdbner2 {

		padding: 25px 10px;

		text-align: center;

	}



	.sjdbner2 h1 {

		font-size: 35px;

		color: #111111;

	}



	.sjdbner2 h2 {

		font-size: 26px;

		color: #111111;

	}



	.lanmoyun1_is_ipd span:last-child {

		margin-top: 15px;

	}



	.lanmoyun1_is_ipd span {

		display: block;

		font-size: 16px;

		color: #FFFFFF;

		width: 140px;

		height: 35px;

		line-height: 37px;

		text-align: center;

		border: 1px solid #ffffff;

		border-radius: 30px;

	}



	.lanmoyun1_is_ipd {

		width: 40%;

		float: left;

	}



	.lanmoyun1_is_erweima {

		font-size: 0px;

		float: left;

		width: 40%;

		margin-left: 15px;

	}



	.lanmoyun1_is_erweima img {

		max-width: 100%;

		height: auto;

	}



	.sjdbner3 {

		margin-top: 35px;

	}





	.yunketang2 {

		padding-top: 0px;

	}



	.yunketang2 {

		background: none;

		background-size: none;

		height: auto;

	}



	.yunketang2 h1 {

		text-align: center;

		margin-left: 0px;

		font-size: 35px;

		color: #ffffff;

	}



	.lanmoyun2_heng2 {

		border-top: 3px solid #ffffff;

		width: 100px;

		margin-left: 0px;

		margin: 10px auto;

	}



	.yunketang2_p {

		margin-top: 35px;

		width: 100%;

	}



	.yunketang2_p p {

		text-indent: 30px;

		font-size: 18px;

		color: #FFFFFF;

		margin-left: 0px;

		line-height: 35px;

	}



	.yunketang {

		background: #53b3fd;

		height: auto;

		padding: 35px 10px;

	}



	.yuyinshibie2 {

		background: none;

		background-size: none;

		height: auto;

	}



	.yuyinshibie3 {

		float: none;

		margin-right: 0px;

		margin-top: 0;

	}



	.yuyinshibie3 {

		padding: 35px 10px;

		text-align: center;

	}



	.yuyinshibie2_p p {

		text-indent: 30px;

		font-size: 18px;

		color: #333333;

		margin-left: 0px;

		text-align: left;

		line-height: 25px;

		line-height: 35px;

	}



	.yuyinshibie2_heng {

		border-top: 3px solid #53b3fd;

		width: 100px;

		margin-left: 0px;

		margin: 10px auto;

	}



	.yuyinshibie2 {

		padding: 0px;

	}







	.yuyinshibie2 h1 {

		font-size: 35px;

	}



	.yuyinshibie2_p {

		margin-top: 20px;

		width: 100%;

	}



	.rengongzhineng,

	.rengongzhineng2 {

		background: none;

		background-size: none;

		text-align: center;

		height: auto;

	}



	.rengongzhineng_p {

		width: 100%;

	}



	.rengongzhineng3 {

		margin-top: 0px;

		padding: 35px 10px;

	}



	.rengongzhineng_p {

		margin-top: 20px;



	}



	.rengongzhineng_p p {

		text-indent: 30px;

		font-size: 18px;

		margin-left: 0px;

		text-align: left;

		line-height: 25px;

		line-height: 35px;

	}



	.offers2 {

		padding: 35px 10px;

	}



	.offers2 h1 {

		font-size: 24px;

	}



	.offers2 h2 {

		font-size: 35px;

	}



	.offers3 {

		width: 100%;

	}



	.fooer3_1 {

		width: 50%;

	}



	.fooer3_1 a {

		display: block;

		width: 170px;

		height: 59px;

		text-align: center;

		line-height: 59px;

		border: 1px solid #333333;

		border-radius: 30px;

		font-size: 30px;

		color: #333333;

	}



	.fooer3_img {

		width: 50%;

	}



	.fooer3_img img {

		max-width: 80%;

	}



	.fooer3_1 {

		margin-top: 0px;

	}



	.fooer3_1 a:last-child {

		margin-top: 15px;

	}



	.offers3 {

		margin-top: 35px;

	}

}



/* =============================数字业务2  end========================= */





/* =============================图书详情=============================== */

.details {

	padding: 60px 0px;

	background: #f7f7f7;

}



.details2 {

	background: #FFFFFF;

}



.bzdzhs {

	padding: 0px 30px;

}



.details_shuimg {

	margin: 0 auto;

	font-size: 0;

	width: 225px;

	height: auto;

	overflow: hidden;



	text-align: center;

}



/* .details_shuimg img {

	transition: all 1s;

}



.details_shuimg img:hover {

	transform: scale(1.1);

} */



.details_shu img {

	font-size: 0;

	margin-top: 25px;

	max-width: 100%;

	height: auto;

}



.details_shu {

	cursor: pointer;

	float: left;

	border: 1px solid #eeeeee;

	width: 29%;

	height: 370px;

	margin-top: 50px;



}



.details_jieshao {

	margin-top: 30px;

	float: left;

	width: 60%;

	margin-left: 65px;

}



.details_jieshao2 h1 {

	font-size: 18px;

	color: #eb3341;

}



.details_jieshao2 h2 {

	font-size: 24px;

	color: #3f3f3f;

	line-height: 45px;

	font-weight: bold;

}



.details_jieshao2_p span {

	width: 75px;

	font-size: 14px;

	color: #999999;

}



.details_jieshao2_p p {

	font-size: 14px;

	color: #101010;

	line-height: 30px;

}



.details_heng {

	width: 100%;

	border: 1px dashed #eeeeee;

	margin: 20px 0px;

}



.details_xiazai li {

	margin-left: 110px;

	float: left;

	text-align: center;

}



.details_xiazai .kkka {

	margin-left: 0px;

}



.xiazi_img {

	width: 66px;

	height: 66px;

}



.xiazi_img img {

	max-width: 100%;

	height: auto;

}



.details_xiazai li h1 {

	margin-top: 15px;

	font-size: 16px;

	font-weight: bold;

	color: #333333;

}



.neirongjianjie {

	padding: 20px 30px;

}



.neirongjianjie_2 {

	border-bottom: 1px solid #eeeeee;

}



.neirongjianjie_2 span {

	display: inline-block;

	padding: 10px 0px;

	cursor: pointer;

}





.neirongjianjie_2 span:last-child {

	margin-left: 35px;



}



.active4 {

	border-bottom: 2px solid #e60012;



}



.qizhe {

	width: 100%;

	height: auto;

	margin: 20px auto;

	font-size: 0;

}



.qizhe img {

	max-width: 100%;

	height: auto;

}



.planet h1 {

	font-size: 16px;

	color: #e60012;

}



.planet {

	border-bottom: 1px solid #e60012;

	padding: 10px 0px;

}



.planet2 {

	margin-top: 20px;

}



.planet2 p {

	font-size: 14px;

	color: #5f5f5f;

}



.planet3 {

	margin-top: 25px;

	border-bottom: 1px solid #e60012;

	padding: 10px 0px 15px 0px;

}



.planet3 h1 {

	font-size: 16px;

	color: #e60012;

}



.planet3_p {

	line-height: 30px;

	padding: 35px 10px 35px;

}



.planet3_p1 p {

	line-height: 25px;

	font-size: 14px;

	color: #5f5f5f;

}



.planet3_p1 {

	margin-top: 30px;

}



.planet3_p1 p:first-child {

	margin-left: 0px;

}



.planet3_p1 p {

	margin-left: 20px;

}



.xiangguantuijian {

	border-bottom: 1px solid #eeeeee;

}



.xiangguantuijian span {

	display: inline-block;

	padding: 10px 0px;

	cursor: pointer;

	border-bottom: 2px solid #e60012;

	color: #333333;

	font-size: 16px;

	font-weight: bold;

}



.aiaiai {

	width: 140px;

	height: auto;

	float: left;

}



.aiaiai_img {

	max-width: 100%;

	height: auto;

}



.aiaiai h1 {

	font-size: 14px;

	color: #5f5f5f;

	white-space: nowrap;

	width: 129px;

	overflow: hidden;

	display: inline-block;

	width: 133px;

	text-overflow: ellipsis;

}



.zuozhe p span {

	font-size: 14px;

	color: #a9a9a9;

}



.zuozhe p {

	font-size: 16px;

	white-space: nowrap;

	overflow: hidden;

	width: 140px;

	text-overflow: ellipsis;

}



.aiaiai {

	margin-left: 45px;

}



.kakajiushika {

	margin-top: 35px;

}



.fanhuitop {

	width: 30px;

	height: 30px;

	position: fixed;

	right: 10px;

	bottom: 2%;

	display: block;

	cursor: pointer;

}



.mentopa {

	bottom: 11%;

}



.fanhuitop img {

	max-width: 100%;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.mid-11 {

		float: left;

		width: 60%;

	}



	.details_xiazai li h1 {

		margin-top: 0px;

	}



	.fanhuitop {

		display: none;

	}



	.okmeaz li:nth-child(2) {

		margin-left: 0px;

	}



	.details_shu img {

		margin-top: 0px;

		margin: 20px auto;

	}



	.xiazi_img img {

		max-width: 70%;

		height: auto;

	}



	#mei {

		display: none;

	}



	.planet3 {

		margin-top: 15px;

	}



	.details {

		padding: 25px 10px;

		background: #f7f7f7;

	}



	.details_shu {

		float: left;

		border: 1px solid #eeeeee;

		width: 100%;

		height: auto;

		margin-top: 0px;

		margin-left: 0px;

	}



	.details_jieshao {

		margin-top: 30px;

		float: left;

		width: 100%;

		margin-left: 0px;

	}



	.details_xiazai li {

		width: 20%;

		margin-left: 23px;

		float: left;

		text-align: center;

	}



	.details_jieshao2 {

		text-align: center;

	}



	.bzdzhs {

		padding: 0px;

	}



	.neirongjianjie {

		padding: 20px 0px;

	}



	.qizhe {

		margin-top: 11px;

	}



	.boutique li:nth-child(4) {

		margin-left: 11px;

	}

}







/* 5s */

@media screen and (device-width: 320px) and (device-height: 568px) {

	.details_xiazai li h1 {

		font-size: 14px;

	}



	.xiazi_img img {

		max-width: 70%;

		height: auto;

	}



	.details_xiazai li {

		width: 19%;

		margin-left: 23px;

		float: left;

		text-align: center;

	}

}



/* 5s */



/* =============================图书详情 end=========================== */



/* =============================vip=================================== */

.vip {

	background: #f7f7f7;

	padding: 100px 0px;

}



.vip_1_left {

	float: left;

	width: 20%;

	background: #FFFFFF;

	height: 820px;

}



.vipzhongxin {

	background: #313131;

	text-align: center;

	font-size: 14px;

	color: #ffffff;

	line-height: 40px;

}



.vipzhongxin2 {

	margin-top: 20px;

}



.vipzhongxin2 .active2 {

	font-size: 12px;

	color: #e60012;

	text-align: center;

	line-height: 40px;

}



.vipzhongxin2 p {

	cursor: pointer;

	font-size: 12px;

	color: #333333;

	text-align: center;

	line-height: 40px;

}



.vipzhongxin2 p:hover {

	color: #e60012;

}



.vip_1_right {

	padding: 0px 30px;

	float: left;

	width: 70%;

	margin-left: 30px;

	background: #FFFFFF;

	height: 820px;

}



.gerenziliao h1 {

	float: left;

	font-size: 16px;

	color: #333333;

	padding: 10px 0px;

	font-weight: bold;

	border-bottom: 2px solid #e60012;

}



.gerenziliao {

	border-bottom: 1px solid #eeeeee;

	margin-top: 30px;

}



.dadx {

	margin-top: 50px;

	margin-left: 85px;



}



.dadx2 {

	margin-top: 10px;

}



.dadx2 span {

	text-align: center;

	width: 84px;

	font-size: 14px;

	color: #9c9c9c;

	float: left;

	line-height: 40px;

}



.dadx2 input {

	background: #fafafa;

	padding-left: 10px;

	width: 308px;

	height: 40px;

	border: 1px solid #999999;

}



.onebutton {

	background: #e60012;

	color: #FFFFFF;

	font-size: 14px;

	text-align: center;

	width: 120px;

	height: 40px;

	line-height: 40px;

	margin-top: 60px;

	margin-left: 85px;

}



.skin-minimal tr {

	display: inline-block;

	margin-top: 10px;

}



.skin-minimal th {

	text-align: center;

	width: 90px;

}



.dadx3 span {

	text-align: center;

	width: 84px;

	font-size: 14px;

	color: #9c9c9c;

	float: left;

	line-height: 40px;

}



.formControls input {

	padding: 0px 5px;

	background: #fafafa;

	width: 308px;

	height: 40px;

	border: 1px solid #999999;

}



.onebutton2 {

	background: #959595;

	color: #FFFFFF;

	font-size: 14px;

	text-align: center;

	width: 120px;

	height: 40px;

	line-height: 40px;

	margin-top: 60px;

	margin-left: 85px;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.niumen .bt2 {

		width: 45px;

	}

	.class_1 .ckals2 {



		text-align: center;

		position: absolute;

		left: 0px;

		top: 0px;

		background: #fffdf6;

		border: 3px solid #bfa764;

		width: 98.2%;

		height: 320px;

	}



	.ckals2 h1 {

		margin-top: 20px;

	}



	.vip_1_left {

		float: left;

		width: 100%;

		background: #FFFFFF;

		height: auto;

	}



	.vip_1_right {

		padding: 0px;

		float: left;

		width: 100%;

		margin-left: 0px;

		background: #FFFFFF;

		height: auto;

	}



	.dadx {

		margin: 0px;

	}



	.dadx2 span {

		text-align: center;

		width: 25%;

		font-size: 14px;

		color: #9c9c9c;

		float: left;

		line-height: 40px;

	}



	.dadx2 input {

		background: #fafafa;

		width: 65%;

		height: 40px;

		border: 1px solid #999999;

	}



	.vip {

		background: #f7f7f7;

		padding: 25px 10px;

	}



	.onebutton {

		background: #e60012;

		color: #FFFFFF;

		font-size: 14px;

		text-align: center;

		width: 100%;

		height: 40px;

		line-height: 40px;

		margin-top: 20px;

		margin-left: 0px;

	}



	.onebutton2 {

		background: #959595;

		color: #FFFFFF;

		font-size: 14px;

		text-align: center;

		width: 100%;

		height: 40px;

		line-height: 40px;

		margin-top: 20px;

		margin-left: 0px;

	}



	.dadx3 input {

		background: #fafafa;

		width: 61%;

		height: 40px;

		border: 1px solid #999999;

	}



	.dadx3 span {

		display: inline-block;

		text-align: center;

		width: 100px font-size: 14px;

		color: #9c9c9c;

		float: left;

		line-height: 40px;

	}

}



@media screen and (device-width: 320px) and (device-height: 568px) {

	.dadx2 span {

		text-align: center;

		width: 28%;

		font-size: 14px;

		color: #9c9c9c;

		float: left;

		line-height: 40px;

	}



	.class_1 .ckals2 {

		height: 257px;

	}

}



/* =============================vip end=============================== */

/* =============================手机注册=============================== */

.shoujilogo {

	font-size: 0;

	padding: 30px 0px;

	width: 171px;

	height: 41px;

}

.shoujilogo img {
	max-width: 100%;
	height: auto;
}

.shoujibann {

	background: url(../img/images/images/images/images/iphoness_02.jpg) center center no-repeat;

	background-size: cover;

	height: 580px;



}



.shoujibann2 {

	position: relative;

	height: 580px;

}



.shoujizhuce2 {

	background: #FFFFFF;

	position: absolute;

	right: 0px;

	top: 63px;

}



.shoujizhuce3 {

	padding: 30px 20px;

}



.happy {

	border-bottom: 1px solid #eeeeee;

}



.happy2 span {

	margin-left: 35px;

	text-align: center;

	float: left;

	padding: 20px 15px;

	color: #9c9c9c;

	font-size: 16px;

	cursor: pointer;

}



/* .happy2:hover span {

	margin-left: 35px;

	text-align: center;

	float: left;

	padding: 20px 15px;

	color: #9c9c9c;

	font-size: 16px;

	font-size: 16px;

	color: #333333;

	border-bottom: 3px solid #e51223;

} */



.happy2 .active3 {

	font-size: 16px;

	color: #333333;

	border-bottom: 3px solid #e51223;

}



.happy_input1 {

	height: 40px;

	width: 100%;

	border: 1px solid #EEEEEE;

}



.happy_input1 span {

	width: 52px;

	font-size: 13px;

	color: #333333;

	margin-left: 15px;

	line-height: 40px;

	display: inline-block
}



.happy_input1 input {

	height: 40px;

	width: 223px;

	margin-left: 10px;

}



.happy_input1 input::-webkit-input-placeholder {



	/* placeholder颜色  */

	color: #cccccc;

	/* placeholder字体大小  */

	font-size: 12px;

}



.happy_input3 input::-webkit-input-placeholder {



	/* placeholder颜色  */

	color: #cccccc;

	/* placeholder字体大小  */

	font-size: 12px;

}



.happy_input2 input::-webkit-input-placeholder {



	/* placeholder颜色  */

	color: #cccccc;

	/* placeholder字体大小  */

	font-size: 12px;

}



.happy_input2 {

	height: 40px;

	width: 100%;



}



.happy_input2,

.happy_input3 {

	margin-top: 10px;

}



.happy_input2 input {

	width: 194px;

	height: 40px;

	border: 1px solid #EEEEEE;

	/* outline:none;

	box-sizing:border-box; */



}



.happy_input {

	margin-top: 20px;

}



.happy_input2 button {

	width: 95px;

	cursor: pointer;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #e51223;

	color: #FFFFFF;

	font-size: 12px;

	display: inline-block;

	margin-left: 15px;

}



.happy_input3 span {

	width: 53px;

	font-size: 13px;

	color: #333333;

	margin-left: 15px;

	line-height: 40px;

	display: inline-block
}



.happy_input3 input {

	padding: 0px 10px;

	height: 40px;

	width: 223px;



}



.happy_input3 {

	height: 40px;

	width: 100%;

	border: 1px solid #EEEEEE;

}



input[type=checkbox] {

	width: 15px;

	height: 15px;

	background: #FFFFFF;

}



.happy_input4 {

	margin-top: 20px;

	color: #333333;

	font-size: 12px;

}



.happy_input4 input {

	margin-top: -2px;

	margin-bottom: 1px;

	vertical-align: middle;

}



.happy_input4 span {

	color: #e60012;

	font-size: 12px;

}



.happy_zhuce {

	cursor: pointer;

	margin-top: 20px;

	background: #e60012;

	width: 100%;

	height: 38px;

	line-height: 38px;

	font-size: 16px;

	color: #FFFFFF;

	text-align: center;

}



.newfooter_ul {

	width: 31%;

	margin: 0 auto;

	margin-top: 115px;

}



.newfooter ul li {

	float: left;

	margin-left: 20px;

}



.newfooter ul li a {

	color: #333333;

	font-size: 12px;

}



.newfooter ul p {

	float: left;

}



.newfooter_ul li span {

	margin-left: 20px;

	color: #dfdfdf;

}



.newfooter p {

	margin-top: 25px;

	text-align: center;

	font-size: 12px;

	color: #868686;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.cl input {

		background: #e60012;

		color: #FFFFFF;

		font-size: 14px;

		text-align: center;

		/* margin: 0 auto; */

		width: 100%;

		text-align: center;

		height: 40px;

		line-height: 40px;

		margin-top: 20px;

		margin-left: 0px;

	}







	.vipzhongxin2 p {

		width: 50%;

		float: left;



	}



	.formControls input {

		width: 235px;

	}





	.happy2 span {

		margin-left: 50px;

	}



	.shoujizhuce3 {

		padding: 10px 10px;

	}



	.shoujilogo {

		display: none;

	}



	.shoujibann {

		background: none;

		background-size: none;

		height: auto;

	}



	.shoujibann2 {

		position: static;

		height: auto;

	}



	.shoujizhuce2 {

		position: static;

		top: 0;

		left: 0;

	}



	.happy_input1 input {

		width: 205px;

	}



	.happy_input2 input {

		width: 238px;

	}



	.happy_input3 input {

		width: 205px;

	}



	.newfooter_ul {

		width: 100%;

		margin: 0 auto;

		margin-top: 10px;

	}

}



@media screen and (device-width: 320px) and (device-height: 568px) {

	.happy2 span {

		margin-left: 37px;

	}



	.happy_input2 button {

		width: 50px;

		cursor: pointer;

		height: 40px;

		line-height: 40px;

		text-align: center;

		background: #e51223;

		color: #FFFFFF;

		font-size: 12px;

		margin-left: 0px;

		display: inline-block;

	}



	.newfooter ul li {

		float: left;

		margin-left: 7px;

	}



	.newfooter p {

		margin-top: 10px;

		text-align: center;

		font-size: 12px;

		color: #868686;

	}



	.formControls input {

		width: 185px;

	}







}



/* =============================手机注册 end=========================== */

.denglu {

	font-size: 16px;

	color: #5f5f5f;

	text-align: center;

}



.denglulu {

	border: none;

}



.gonggongchanghe {

	margin-top: 30px;

	width: 308px;

	line-height: 30px;

	height: 30px;

	background: #fffef4;

	border: 1px solid #efe4a9;

}



.gonggongchanghe span {

	display: inline-block;

	float: left;

	margin-left: 6px;

}



.gonggongchanghe img {

	margin-top: 5px;

	max-width: 100%;

	height: auto;

}



.gonggongchanghe p {

	float: left;

	margin-left: 10px;

	font-size: 12px;

	color: #5f5f5f;

}



.denglu_input1 {

	margin-top: 10px;

	width: 308px;

	height: 40px;

	border: 1px solid #eeeeee;

}



.denglu_input1 input {

	padding: 0px 5px;

	font-size: 12px;

	color: #9c9c9c;

	width: 240px;

	height: 40px;

	float: left;

}



.denglu_input1 span {

	float: left;

	display: inline-block;

	font-size: 0;

}



.denglu_input1 span img {

	max-width: 100%;

	height: auto;

}



.denglu_input1 input::-webkit-input-placeholder {

	padding-left: 5px;

	/* placeholder颜色  */

	color: #9c9c9c;

	/* placeholder字体大小  */

	font-size: 12px;

}



.denglu_input1 .cha {

	float: left;

	line-height: 52px;

}



.zidongdenglu {

	margin-top: 20px;

}



.zidongdenglu2 {

	float: left;

}





.zidongdenglu2 input {

	margin-top: 2px;

	margin-bottom: 1px;

	vertical-align: middle;

}



.zidongdenglu2 span {

	font-size: 12px;

	color: #5f5f5f;

}



.zidongdenglu2 input[type=checkbox] {

	width: 15px;

	height: 15px;

	background: #FFFFFF;

}



.zidongdenglu p {

	font-size: 12px;

	color: #5f5f5f;

	float: right;

}



.huanmy {

	margin-top: 20px;

	width: 100%;

}



.huamy2 {

	float: right;

}



.huanmy span {



	color: 5f5f5f;

	font-size: 12px;



}



.huanmy a {

	color: #e60012;

	font-size: 12px;



}



.pagination li:first-child a {

	font-size: 20px;

}



.pagination li:last-child span {

	font-size: 20px;

}



.pagination li:last-child a {

	font-size: 20px;

}







.hongsebor {

	color: #f9db71;

}



.hongsebor2 {

	color: #f9db71;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.gonggongchanghe {

		width: 100%;

	}



	.denglu_input1 {

		width: 100%;

	}



	.denglu_input1 input {

		width: 280px;

	}



	.boutique_1zxcs a {

		display: block;

		font-size: 0;

	}



	.details_jieshao2_p {

		text-align: left;

		margin-left: 20%;

	}



	.fafafafa span {

		font-size: 20px;



	}



	.fafafafa {

		line-height: 85px;

	}



	.fafafafa2 span {

		font-size: 20px;



	}



	.fafafafa2 {

		line-height: 58px;

	}

}



@media screen and (device-width: 320px) and (device-height: 568px) {

	.fuwu1_21 p {

		margin-left: 0px;

		width: 100%;

	}



	.fuwu1_21 p span {

		display: block;



		width: 100%;

	}



	.denglu_input1 input {

		width: 225px;

	}



	.fuwu1_21 p:first-child {

		font-size: 14px;

	}

}



.shizhenduo {

	display: none;

}



.lianxilianxi {

	display: block;

}



/* 分页器 */

.pagination li {

	display: inline-block;

	/* 	padding: 14px 18px; */

	/* background: #ffffff; */

	color: #333333;

	font-size: 14px;

	font-weight: normal;

}



.active {

	background: #f5f5f5;

	padding: 14px 18px;



}



.activeadsaz {

	border-bottom: 3px solid #eb3341;

}









.wjxa {

	padding: 0px 10px;

}



.denglu_input {

	margin-top: 35px;

}



.newcaodan {

	display: none;

}



.newcaodan_img {

	width: 520px;

	height: 736px;

	margin: 0 auto;

	margin-top: 110px;

}



.newcaodan_img img {

	max-width: 100%;

	height: auto;

}



.newcaodan {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(5, 5, 5, 0.8);

	z-index: 9999;

}



.xxx {

	color: white;

	font-size: 20px;

	position: absolute;

	right: 65px;

	top: 25px;

	width: 50px;

	height: 50px;

	text-align: center;

	line-height: 50px;

	background: rgba(146, 146, 146, 0.4);

	border-radius: 50%;

	cursor: pointer;

}



.xxx:hover {

	background: rgba(146, 146, 146, 0.8);

}



.newcaodan_img p {

	color: #eeeeee;

	font-size: 13px;

	font-weight: bold;

	line-height: 20px;

}



.disabled span {

	font-size: 20px;

}



.hongsebor a {

	font-size: 0;

	display: block;

}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.newcaodan_img {

		width: 173px;

		height: 245px;

		margin: 0 auto;

		margin-top: 50%;

	}



	.xxx {

		color: white;

		font-size: 20px;

		position: absolute;

		right: 10px;

		top: 37px;

		width: 50px;

		height: 50px;

		text-align: center;

		line-height: 50px;

		background: rgba(146, 146, 146, 0.4);

		border-radius: 50%;

		cursor: pointer;

	}



	.recruit4 li:nth-child(3) {

		width: 100px;

	}



	.yunketang2 {

		margin-top: 0px;

	}





	.footer_4 {

		display: none;

	}



	.dasczxcasd {

		padding: 0px 10px;

	}



	.pagination li {

		display: inline-block;

		padding: 10px 10px;

		background: #ffffff;

		color: #333333;

		font-size: 14px;

		font-weight: normal;

	}



	.wjxa2 a {

		padding: 0px;

		margin-left: 5px;

	}



	.boutique_1_posi {

		text-align: center;

		line-height: 64px;

		font-size: 20px;

		color: white;

		font-weight: bold;

	}



	.boutique li:first-child {

		margin-left: 11px;

	}



}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	.shizhenduo {

		display: block;

	}



	.mingmingzzz {

		margin-left: 10px;

		margin-top: 8px;

		font-size: 0;

	}



	.niumen .bt1 {

		padding: 0px 5px;

		float: left;

		height: 35px;

		width: 115px;

		margin-left: 10px;

		border: 1px solid #ccc;

	}



	.niumen .bt2 {

		float: left;

	}



	.fake {

		background: #545454;

	}



	.fake span {

		text-align: center;

		display: block;

		font-size: 24px;

		color: #ffffff;

		line-height: 60px;

		margin-left: 20px;

	}



	.fake2_1 {

		background: #eeeeee;

		line-height: 45px;

		text-align: center;

		width: 100%;

		font-size: 16px;

		color: #333333;

	}



	.fake2_2 {

		padding: 30px 0px;

		text-align: center;

	}



	.fake2_2_1 p {

		font-size: 14px;

		color: #333333;

		text-align: center;

		line-height: 25px;

	}



	.jklov3 {

		height: auto;

	}



	.lianxilianxi {

		display: none;

	}



	.shizhenduo {

		display: block;

	}

	.niumen {

		margin-top: 10px;

	}

}



@media screen and (device-width: 320px) and (device-height: 568px) {

	.boutique_1_posi {

		line-height: 54px;

	}

	.niumen .bt1 {

		width: 85px;

	}





}

.search {

	position: absolute;

	top: 0;

	right: 22%;

	width: 255px;

}

@media (max-width: 1440px) and (min-width: 1280px) {
	.search {

		position: absolute;

		top: 0;

		right: 17%;

		width: 255px;

	}

}

@media (max-width: 1600px) and (min-width: 1440px) {
	.search {

		position: absolute;

		top: 0;

		right: 20%;

		width: 255px;

	}

}

@media (max-width: 1680px) and (min-width: 1599px) {
	.search {

		position: absolute;

		top: 0;

		right: 20%;

		width: 255px;

	}

}

@media (max-width: 1920px) and (min-width: 1680px) {
	.search {

		position: absolute;

		top: 0;

		right: 22%;

		width: 255px;

	}

}



@media (max-width: 767px) {

	.aboutz img {

		width: 99% !important;

		height: auto;

	}

	.search {

		position: absolute;

		top: 0;

		right: 15%;

		width: 180px;

		z-index: 3;

	}





	.header_3 form {

		margin-left: 0px;

		border: 1px solid #CA061A;

		height: 30px;

		float: left;

		width: auto !important;

		margin-top: 10px;

	}

	.niumen .bt1 {

		padding: 0px 5px;

		float: left;

		height: 28px;

		width: 115px;

		margin-left: 0px;

		border: 1px solid #ccc;

	}



	#submit,

	#sub {

		cursor: pointer;

		/*		background: url(../img/fangdajing.png) 12px 11px no-repeat;

*/
		background: none !important;



		text-align: center;

		height: 30px;

		line-height: 30px;

		width: 45px;

		/* margin: 0 auto; */

		font-size: 16px;

		color: #ffffff;

	}



	.niumen .bt2 {

		border: none;

		height: 30px !important;

	}

	.header_3 {

		height: 50px;



	}

	.nav_bar {

		display: block;

		margin-top: 15px;

		margin-right: 15px;

	}

}





.planet3_p img {
	width: 100%;
}