
* {
			margin: 0;
			padding: 0;
}
li{
	list-style: none;
}
#app {
			width: 7.5rem;
			height: 32.85rem;
			margin: 0 auto;
}

.chenben_box_head {
	background: url(../img/bg.png);
	background-size: cover;
	width: 100%;
	height: 6.53rem;
	position: relative;
	display: flex;
	justify-content: center;
}

		.chenben_box_head img {
			width: 2.91rem;
			height: 3.16rem;
			margin-top: .91rem;
		}

		.chenben_box_head span {
			width: .3rem;
			height: .3rem;
			background: #048ED6;
			position: absolute;
			right: .53rem;
			top: .49rem;
			z-index: 1000;
		}

		.chenben_box_head strong {
			width: .3rem;
			height: .3rem;
			background: #5CC1CF;
			position: absolute;
			margin: auto;
			right: .4rem;
			top: .4rem;
		}

		.chenben_box_head_zuoxia div:first-child {
			position: absolute;
			bottom: .3rem;
			left: .3rem;
			width: .3rem;
			height: 1rem;
			background: #048ED6;
			z-index: -1;
		}

		.chenben_box_head_zuoxia div:last-child {
			position: absolute;
			bottom: .22rem;
			left: .38rem;
			width: .3rem;
			height: .3rem;
			background: #5CC1CF;
			z-index: -2;
		}

		.chenben_box_about {
			height: 4.56rem;
			position: relative;
		}

		.chenben_box_about_head {
			margin-left: .4rem;
			margin-right: 1.12rem;
		}

		.chenben_box_about_head h1 {
			font-weight: 800;
			font-size: .36rem;
			color: #333333;
		}

		.chenben_box_about_head_aboutus {
			font-weight: 400;
			font-size: .20rem;
			color: #048ED6;
			opacity: 0.52;
			margin-left: .4rem;
			margin-right: 1.12rem;
			position: relative;
		}

		.chenben_box_about_head_aboutus span {
			width: .80rem;
			height: .08rem;
			background: #0790D5;
			position: absolute;
			bottom: 0;
		}

		.chenben_box_about_wz {
			margin-top: .47rem;
			width: 5.98rem;
			height: 2.08rem;
			font-weight: 600;
			font-size: .20rem;
			color: #333333;
			line-height: 1.5em;
			margin-left: .4rem;
			margin-right: 1.12rem;
		}

		.chenben_box_about_wz p:last-child {
			margin-top: .47rem;
		}

		.chenben_box_about_tiao div:nth-child(1) {
			width: .30rem;
			height: 4.56rem;
			background: #048ED6;
			position: absolute;
			right: .22rem;
			top: -0.36rem;
			z-index: -1;
		}

		.chenben_box_about_tiao div:nth-child(2) {
			width: 1rem;
			height: .3rem;
			background: #048ED6;
			position: absolute;
			bottom: .3rem;
			right: .22rem;
		}

		.chenben_box_about_tiao div:nth-child(3) {
			width: .3rem;
			height: .3rem;
			background: #5CC1CF;
			position: absolute;
			bottom: .2rem;
			right: 1.02rem;
			z-index: -1;
		}

		.chenben_box_handbook {
			position: relative;
		}

		.chenben_box_handbook_content {
			position: relative;
		}

		.chenben_box_handbook_content_head {
			margin-top: .60rem;
			margin-right: .22rem;
			text-align: right;
			position: relative;
		}

		.chenben_box_handbook_content_head h1 {
			font-weight: 800;

			font-size: .36rem;
			color: #333333;
		}

		.chenben_box_handbook_content_head p {
			font-family: Arial;
			font-weight: 400;
			font-size: .20rem;
			color: #048ED6;
			opacity: 0.52;
		}

		.chenben_box_handbook_content_head span {
			width: .80rem;
			height: .08rem;
			background: #0790D5;
			position: absolute;
			bottom: -0.05rem;
			right: 0;
		}

		.chenben_box_handbook_langtiao {
			position: absolute;
            height: 100%;
		}

		.chenben_box_handbook_langtiao div:nth-child(1) {
			width: .30rem;
			height: .30rem;
			position: absolute;
			left: .35rem;
			top: -0.2rem;
			background: #5CC1CF;
		}

		.chenben_box_handbook_langtiao div:nth-child(2) {
			width: .30rem;
			height: .30rem;
			background: #048ED6;
			position: absolute;
			left: .43rem;
			top: -0.28rem;
			margin: auto;
		}

		.chenben_box_handbook_langtiao div:nth-child(3) {
			width: .30rem;
			height: 30%;
			background: #048ED6;
			position: absolute;
			left: .4rem;
			top: .4rem;
		}
		.chenben_box_handbook_content_box{
			/* width: 6rem; */
			/* height: 6.2rem; */
			margin-left: 1rem;
			margin-top: .42rem;
			display: flex;
			 flex-wrap: wrap;
		}
	.chenben_box_handbook_content_box_changp {
	    width: 1.5rem;
		position: relative;
		margin-bottom: .7rem;
		margin-right: .8rem;
	}
	.chenben_box_handbook_content_box_changp:nth-child(3n){
	    margin-right: .28rem;
	}
	.chenben_box_handbook_content_box_changp .titleBox{
	    position: relative;
	}
	.chenben_box_erweima_p img{
	    		width: 100%;
		height: 100%;
		display: block;
	}
	.chenben_box_handbook_content_box_changp_img {
		width: 100%;
		height: 1.5rem;
		background-color: #333333;
		margin: .05rem auto;
	}
	.chenben_box_handbook_content_box_changp_img img{
	    display: block;
	    width: 100%;
	    height: 100%;
	}
	.chenben_box_handbook_content_box_changp p{
		font-size: .22rem;
		
		padding-top:.18rem;
	}
	.chenben_box_handbook_content_box_changp span{
		width: .30rem;
		height: .30rem;
		border: .04rem solid #048ED6;
		opacity: 0.35;
		position: absolute;
		top: .13rem;
		left: -0.1rem;
	}
	.chenben_box_banna{
		background: url(../img/bn.png) no-repeat;
		width: 100%;
		height: 3.3rem;
		background-size: cover;
		margin-top: 1.5rem;
	}
	.chenben_box_card{
		width: 6.68rem;
		height: 2.68rem;
		border: 0.02rem solid #048ED6;
		margin: .5rem auto;
		display: flex;
	}
	.chenben_box_card_l{
		flex: 1;
		display: flex;
		flex-direction: column;
		margin-left: .44rem;
		position: relative;
	}
	.cxrx_title{
		font-size: .24rem;
		color: #333333;
		padding-bottom: .24rem;
		margin-top: .5rem;
	}
	.cxrx_cont p{
		font-size: .20rem;
		color: #666666;
		padding-bottom: .1rem;
	}
	.chenben_box_card_k div:first-child{ 
		width: .30rem;
		height: .30rem;
		background: #048ED6;
		position: absolute;
		left: .04rem;
		top:-0.1rem;
		z-index: 10;
	}
	.chenben_box_card_k{
		position: relative;
	}
	.chenben_box_card_k div:last-child{
		width: .30rem;
		height: .30rem;
		background: #5CC1CF;
		position: absolute;
		left: -0.1rem;
		top:-0.2rem;

	}
	.chenben_box_card_r{
		flex: 1;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.chenben_box_card_r span:nth-child(1){
		width: 1.8rem;
		height:0.02rem;
		background: #048ED6;
		position: absolute;
		top: 1.5rem;
		margin: auto;
		right: -0.1rem;
	}
	.chenben_box_card_r span:nth-child(2){
		width: .3rem;
		height: .3rem;
		background: #048ED6;
		position: absolute;
		bottom: -0.1rem;
		right: .04rem;
		margin: auto;
	}
	.chenben_box_card_r span:nth-child(3){
		width: .3rem;
		height: .3rem;
		background: #5CC1CF;
		position: absolute;
		bottom: -0.2rem;
		right: -0.1rem;
	}
	.chenben_box_card_r_t{
		margin-top: .50rem;
	}
	/*.chenben_box_card_r_t p:first-child{*/
	/*	font-size: .24rem;*/
	/*	color: #333333;*/
	/*	margin-bottom: .24rem;*/
	/*}*/
	/*.chenben_box_card_r_t p:last-child{*/
	/*	font-size: .2rem;*/
	/*	color: #666666;*/
	/*}*/
	.chenben_box_card_r_b{
		margin-top: .3rem;
	}
	/*.chenben_box_card_r_b p:first-child{*/
	/*	font-size: .24rem;*/
	/*	color: #333333;*/
	/*	margin-bottom: .24rem;*/
	/*}*/
	/*.chenben_box_card_r_b p:last-child{*/
	/*	font-size: .2rem;*/
	/*	color: #666666;*/
	/*}*/
	.chenben_box_add{
		width: 6.68rem;
		height: 1.2rem;
		display: flex;
		margin: 0 auto;
	}
	.chenben_box_add img{
		width: 1.2rem;
		height: 1.2rem;
		margin-right: .45rem;
	}
	.chenben_box_add div{}
	.chenben_box_add div p:nth-child(1){
		font-size: .24rem;
		color: #333333;
		margin: .2rem 0;
	}
	.chenben_box_add div p:nth-child(2){
		font-weight: 400;
		font-size: .18rem;
		color: #333333;
	}
	.chenben_box_add div p:nth-child(3){
		font-weight: 400;
		font-size: .18rem;
		color: #333333;
	}
	.chenben_box_erweima{
		width: 6.53rem;
		height: 1.89rem;
		border: .02rem solid #048ED6;
		margin: .45rem auto;
		display: flex;
		align-items: center;
		position: relative;
	}
	.chenben_box_erweima_p{
		width: 1.50rem;
		height: 1.50rem;
		background: #C1C1C1;
		margin-right: .34rem;
		margin-left: -0.25rem;
	}
	.chenben_box_erweima span{
		font-weight: 500;
		font-size: .20rem;
		color: #333333;
		padding-right: .2rem;
	}
	.chenben_box_erweima span:last-child{
		font-weight: 500;
		font-size: .20rem;
		color: #333333;
		border-left: 0.02rem solid #333333;
		padding-left: .2rem;
	}
	.slogan{
	/* 	position: relative; */
	}
	.slogan img:first-child{
		width: 3.15rem;
		height: .16rem;
		background-color: #fff;
		position: absolute;
		left: 1.46rem;
		top:-0.2rem;
		padding: .1rem;
	}
	.slogan img:last-child{
		width: 2.35rem;
		height: .18rem;
		position: absolute;
		right: .5rem;
		bottom: -0.2rem;
		padding: .1rem;
		background-color: #fff;
	}
