.common_header {
    background-image: url("../../img/common/jbfa.jpg");
}

.solution_info {
    padding-top: 94rem;
}

.common_option_list {
    padding-top: 39rem;
}

.solution_item {
    padding: 82rem 161rem 96rem;
}

.solution_item p {
    width: 664rem;
    font-size: 16rem;
    font-weight: 400;
    color: #555555;
    line-height: 32rem;
}

.solution_item p + p {
    margin-top: 30rem;
}

.solution_item_button {
	font-size: 14rem;
    margin-top: 30rem;
    color: #5C2EB4;
}

.solution_item_img {
    width: 877rem;
    height: 450rem;
    margin-left: 57rem;
}

.solution_article {
    padding: 345rem 160rem 0;
    background-image: url("../../img/solution/info_bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.solution_article .single {
    display: flex;
}

.solution_article .single .solution_article_list {
    margin-left: 91rem;
}

.solution_article_box {
    padding: 80rem 58rem 70rem 117rem;
    background-color: #fff;
}

.solution_article_title {
    font-size: 36rem;
    font-weight: bold;
    color: #333333;
    line-height: 36rem;
}

.solution_article_top > p {
    margin-top: 40rem;
    width: 100%;
    min-height: 49rem;
    font-size: 16rem;
    font-weight: 400;
    color: #555555;
    line-height: 32rem;
}

.solution_article_box .solution_item_button {
    margin-top: 62rem;
}

.solution_article_list {
    margin-top: 60rem;
    flex-wrap: wrap;
	justify-content: space-between;
}

.solution_article_list_item {
    position: relative;
    width: 455rem;
    height: 430rem;
    margin-left: 30rem;
    padding: 30rem 20rem;
    box-shadow: 0 0 16rem 0 rgba(0, 0, 0, 0.09);
    text-align: center;
    font-size: 25rem;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    display: block;
}

.solution_article_list_item img {
    width: 90%;
    height: auto;
}


.arrow_right > img {
    width: 90%;
}

.solution_article_list_item > img {
    width: 90%;
    margin: 0 auto;
}

.solution_article_list_item:nth-child(3n+1) {
    margin-left: 0;
}

.solution_article_list_item:nth-child(n+4) {
    margin-top: 25rem;
}


.solution_article_list_item div {
    margin-top: 15rem;
}

.solution_item_2 .solution_item_img {
    width: 710rem;
    height: 580rem;
    margin-left: 0;
    flex-shrink: 0;
}

.solution_item_2 .solution_item_left {
    flex: 1;
    margin-left: 46rem;
}
.solution_item_scroll{
	height: 580rem;
	overflow-y: scroll;
	padding-right: 15rem;
	padding-bottom: 15rem;
}
.solution_item_scroll::-webkit-scrollbar {
	width: 3px;
}
.solution_item_scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #AF4ACA;
}
.solution_item_scroll::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
	border-radius: 0;
}
.solution_item_2 p {
    width: 100%;
    line-height: 2;
}

.solution_item_2 .button_style_4 {
    margin-top: 57rem;
}

.open {
    display: flex;
}

.open .product_list {
    flex: 1;
    margin-left: 108rem;
}

.solution_product_1 {
    padding: 92rem 160rem 154rem;
	background: url("../../img/solution/jiejue-bg.png") no-repeat;
	background-size: 100% 100%;
}

.solution_product_1 .common_title {
    text-align: left;
}

.solution_product_1 .text_content {
    width: 100%;
    min-height: 53rem;
    font-size: 16rem;
    font-weight: 400;
    color: #333333;
    line-height:2;
    margin-top: 51rem;
}

.solution_product_1 .button_style_4 {
    margin-top: 49rem;
}

.product_list {
    margin-top: 68rem;
}

.product_list_item {
    width: 377rem;
    height: 329rem;
    padding: 18rem 26rem 18rem;
    background-color: #fff;
}

.product_list_item > img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.product_list_item_title {
    font-size: 16rem;
    font-weight: 400;
    color: #362B87;
    line-height:1.5;
    margin-top: 23rem;
    text-align: center;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
	
}

.product_list_item + .product_list_item {
    margin-left: 30rem;
}

.product_list_item .button_style_1 {
    margin: 15rem auto 0;
	width: 170rem;
}
/* 参考文献 */
.wenxian-modal,.wenxian1-modal,.wenxian2-modal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.wenxian-modal-box{
	width: 1000rem;
	height: 600rem;
	padding: 30rem;
    background: #fff;
    border-radius: 20rem;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.modal-title{
	height: 70rem;
	position: relative;
	line-height: 70rem;
	border-bottom: 1px solid #c4c4c4;
}
.modal-title p{
	font-size: 28rem;
	font-weight:bold;
}
.modal-title #wenxian-close,.modal-title #wenxian1-close,.modal-title #wenxian2-close{
	position: absolute;
	background: url(/img/solution/close.png) no-repeat;
	background-size: 100%;
	right: 0;
	top: 0;
	width: 30rem;
	height: 30rem;
	cursor: pointer;
	z-index: 2;
}
.modal-body{
	padding-top: 20rem;
}
.modal-body .wenxian-info{
	height: 460rem;
	overflow-y:scroll;
}
/* 修改滚动条样式 */
.modal-body .wenxian-info::-webkit-scrollbar {
	width: 3px;
	/*设置滚动条的宽度*/
}
/* 滚动区域的样式 */
.modal-body .wenxian-info::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/*设置内阴影*/
	background: #AF4ACA;
	/*设置滚动条的颜色*/
}
/* 滚动条的背景样式 */
.modal-body .wenxian-info::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
	border-radius: 0;
}
.modal-body .wenxian-info p{
	font-size: 16rem;
	color: #666;
	line-height: 2;
}

.proNum2 .solution_article_list_item{
	width: 31%;
	margin-left: 0;
	margin-bottom: 30rem;
}
/* 产品换行判断 */
.solution_product_1.proNum2{
	flex-wrap: wrap;
}
.proNum2 .product_list{
	margin-left: 0;
}
.solution_article_box.proNum2{
	flex-wrap: wrap;
}
.solution_article .single.proNum2 .solution_article_list {
    margin-left: 0;
    justify-content:normal;
}