/* .visimg.sulinux {
	background: url(/_Img/layout/sulinux_bg.jpg) center / cover no-repeat;
} */

/* rocky9 linux*/
.su17_block section.outline .rocky9_img{border-radius:1rem;display:block;margin:1.6rem auto;max-width:500px;width:100%;}
.su17_block section.outline .item_text{padding: 1.25rem 1.5rem; border-radius: 1.2rem;}

/*  su17_block -------------------------------*/
/* outline */
.su17_block section.outline .explan { margin-top: 6px; }
.su17_block section.outline .su17_img{border-radius:1rem;display:block;margin:1.6rem auto;max-width:900px;width:100%;}
.su17_block section.outline .outline_list { display: flex; flex-wrap: wrap; max-width: 1160px; margin: 0.8rem auto 0; align-items: flex-start; }
.su17_block section.outline .outline_list > li{ width:31%;margin:1%;padding:1.5rem 2rem;border-radius:1.2rem;font-size:1.1rem;font-weight:500;text-align:center;line-height:1.6;color:#333; }
.su17_block section.outline .outline_list > li span { font-weight: 800; color: #0066ff; }
.su17_block section.outline .outline_list > li.last { width:100%; }

/* kind */
.su17_block section.kind .kind_list { display: flex; flex-wrap: wrap; }
.su17_block section.kind .kind_list > li { display: flex; align-items: center; width: 48%; margin: 1%; padding: 1.5rem 2rem; border-radius: 1.2rem; }
.su17_block section.kind .kind_list .title { width: 28%; font-size: 1.5rem; font-weight: 500; margin-right: 2rem; color: #0066ff; }
.su17_block section.kind .kind_list .info { width: 72%; line-height: 1.9; }
.su17_block section.kind .kind_list .info .gray_box2 { margin: 0.8rem 0; border-radius: 0.4rem; }

/* change */
.su17_block section.change .change_list > li { margin-bottom: 4rem; }
.su17_block section.change .change_list .item_title { margin-bottom: 0.6rem; }
.su17_block section.change .change_list li > ul.list_content { padding: 1.25rem 1.5rem; border-radius: 1.2rem; }

/* char */
.su17_block section.char .char_list { max-width: 1030px; margin: auto; }
.su17_block section.char .char_list > li { display: flex; margin-bottom: 4rem; }
.su17_block section.char .char_list .icon{ display:flex;align-items:center;justify-content:center;min-width:6.8rem;min-height:6.8rem;width:6.8rem;height:6.8rem;margin-right:2rem;border-radius:50%; }
.su17_block section.char .char_list .icon img{ width:50%;transition:0.3s; }
.su17_block section.char .char_list .info{ margin-top:0.5rem;width:100%; }
.su17_block section.char .char_list .item_title3{ margin-bottom:0.2rem; }
.su17_block section.char .char_list .optimiz .gray_box{ display:flex;flex-wrap:wrap; }
.su17_block section.char .char_list .optimiz .gray_box > li{ line-height:1.8;font-size:1rem; }
.su17_block section.char .char_list .optimiz .gray_box > li::after{ content:'|';margin:0 0.5rem;color:#999; }
.su17_block section.char .char_list .optimiz .gray_box > li:last-child:after{ content:''; }
.su17_block section.char .char_list .su17_ease01{ display:block;width:100%;max-width:517px;margin-top:1rem; }
.su17_block section.char .char_list > li:hover .icon img{ width:56%; }

/* package */
.su17_block section.package .package_list{ display:flex;flex-wrap:wrap;margin:auto; }
.su17_block section.package .package_list > li{ width:32%;margin:0.5%;padding:1.2rem 1.5rem;border-radius:1rem; }
.su17_block section.package .package_list > li .item_title3{ margin-bottom:0.2rem; }

/* service */
.su17_block section.service .service_list{ margin-top:1rem;display:flex;flex-wrap:wrap; }
.su17_block section.service .service_list .item_title{ margin-bottom:0.6rem; }
.su17_block section.service .service_list > li{ width:47%;margin:1.5%; }
.su17_block section.service .service_list > li .gray_box2{ border-radius:0.5rem; }
.su17_block section.service .service_list > li > .list_content{ padding:1.25rem 1.5rem;border-radius:1.2rem; }
.su17_block section.service em{ text-align:center; }

/*  su2014_block -------------------------------*/
.su2014_block section.outline .su2014_img{border-radius:1rem;display:block;margin:1.6rem auto;max-width:900px;width:100%;}
.su2014_block section.outline .outline_list{ display:flex;flex-wrap:wrap; }
.su2014_block section.outline .outline_list > li{ width:23%;margin:1%;padding:1.2rem 1.5rem;border-radius:1.2rem;font-size:1.06rem;font-weight:500;text-align:center; }

/* kind */
.su2014_block section.kind{ background:url(/_Img/support/content_bg.png) 80% 30% no-repeat fixed; }
.su2014_block section.kind .kind_list{ border-radius:1.3rem;padding:1rem 0;display:flex;align-items:center; }
.su2014_block section.kind .kind_list > li{ width:30%;padding:0 2rem;margin:1%; }
.su2014_block section.kind .kind_list > li .item_title2{ font-size:1.4rem; }
.su2014_block section.kind .kind_list > li:nth-child(2){ width:33%;padding-left:3rem;border-right:1px solid #ccc;border-left:1px solid #ccc; }

/* char */
.su2014_block section.char .char_list{ max-width:620px;margin:2rem auto; }
.su2014_block section.char .char_list .num{ font-size:1.3rem;font-weight:400;margin-right:0.6rem;color:#0066ff; }
.su2014_block section.char .char_list li{ display:flex;align-items:center;font-size:1.08rem;margin-bottom:1rem; }
.su2014_block section.char .keyword_list{ display:flex;flex-wrap:wrap;max-width:820px;margin:auto; }
.su2014_block section.char .keyword_list > li{ display:flex;width:46%;margin:1.5rem 2%; }
.su2014_block section.char .keyword_list > li .icon{ display:flex;justify-content:center;align-items:center;min-width:6.8rem;min-height:6.8rem;width:6.8rem;height:6.8rem;border-radius:50%;margin-right:1rem; }
.su2014_block section.char .keyword_list > li .icon img{ width:54px;transition:width 0.2s; }
.su2014_block section.char .keyword_list > li .info{ width:100%;margin-top:0.8rem; }
.su2014_block section.char .keyword_list > li:hover .icon img{ width:60px; }

/* char2 */
.su2014_block section.char2{ padding-bottom:0; }
.su2014_block section.char2{ background:url(/_Img/sulinux/su2014_bg.png) center no-repeat fixed; }

.su2014_block section.char2 .char2_list { max-width: 1030px; margin: auto; }
.su2014_block section.char2 .char2_list .icon{ display:flex;justify-content:center;align-items:center;min-width:7rem;min-height:7rem;width:7rem;height:7rem;border-radius:50%;margin-right:2rem; }
.su2014_block section.char2 .char2_list .icon img{ width:54px;transition:width 0.2s; }
.su2014_block section.char2 .char2_list .item_list > li{ display:flex;margin-bottom:4rem; }
.su2014_block section.char2 .char2_list .item_list > li .info{ width:100%; }
.su2014_block section.char2 .char2_list .item_title{ justify-content:center;margin-bottom:1.5rem;font-size:1.2rem; }
.su2014_block section.char2 .char2_list .item_title2{ font-size:1.2rem; }
.su2014_block section.char2 .char2_list .item01 .item_list{ max-width:1030px;margin:auto; }
.su2014_block section.char2 .char2_list .item02 .item_list{ max-width:1030px;margin:auto; }
.su2014_block section.char2 .char2_list .item03 .item_list{ max-width:1030px;margin:auto; }
.su2014_block section.char2 .char2_list .item04{ max-width:1030px;margin:0 auto 7rem; }
.su2014_block section.char2 .char2_list .item04 .item_list{ display:flex;flex-wrap:wrap; }
.su2014_block section.char2 .char2_list .item04 .item_list > li{ width:48%;margin:1%;padding:1.2rem 1.5rem;border-radius:1.2rem; }
.su2014_block section.char2 .char2_list .item04 .item_list > li.full{ width:98%; }
.su2014_block section.char2 .char2_list .item04 .item_title2{ font-size:1.1rem; }
.su2014_block section.char2 .char2_list .item04 .sulinux2014_4_5,
.su2014_block section.char2 .char2_list .item04 .sulinux2014_4_6,
.su2014_block section.char2 .char2_list .item04 .sulinux2014_4_7{ max-width:680px;width:100%;display:block;margin:1rem auto; }
.su2014_block section.char2 .char2_list .item05 .list_content li{ justify-content:center; }
.su2014_block section.char2 .char2_list .sulinux2014_5_1{ display:block;width:100%;max-width:680px;margin:1rem auto; }
.su2014_block section.char2 .char2_list > li{ margin-bottom:7rem; }
.su2014_block section.char2 .char2_list > li:last-child{ margin-bottom:0; }
.su2014_block section.char2 .char2_list li:hover > .icon img{ width:60px; }

.su2014_block section.char2 .pachage_list{ display:flex;flex-wrap:wrap; }
.su2014_block section.char2 .pachage_list .tip2{ margin-top:1rem; }
.su2014_block section.char2 .pachage_list > li{ width:47%;margin:1.5%; }
.su2014_block section.char2 .pachage_list > li .list_content{ padding:1.2rem 1.6rem;border-radius:1.2rem; }
.su2014_block section.char2 .pachage_list > li:last-child{ width:98%; }

/*  suguide_block -------------------------------*/
/* kind */
.suguide_block section.kind .kind_list{ display:flex;flex-wrap:wrap;line-height:1.5; }
.suguide_block section.kind .kind_list .ask_btn{ position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:6.6rem;min-height:6.6rem;width:6.6rem;height:6.6rem;border-radius:50%;user-select:none; }
.suguide_block section.kind .kind_list .ask_btn p{ font-size:0.9rem; }
.suguide_block section.kind .kind_list .ask_btn:hover .change{ fill:#efa400; }
.suguide_block section.kind .kind_list .btm{ margin-top:1rem; }
.suguide_block section.kind .kind_list .comment{ text-align:right; }
.suguide_block section.kind .kind_list .comment > div{ font-size:1.08rem;font-weight:400;color:#111; }
.suguide_block section.kind .kind_list .comment > p{ font-size:0.96rem;font-weight:400;color:#666; }
.suguide_block section.kind .kind_list .gray_box2{ width:100%;margin:0.5rem 0;border-radius:0.3rem; }
.suguide_block section.kind .kind_list .list_content > li{ flex-wrap:wrap; }
.suguide_block section.kind .kind_list .title{ font-size:2rem;font-weight:600;line-height:1.4;color:#0066ff; }
.suguide_block section.kind .kind_list .title span{ display:block;font-weight:300; }
.suguide_block section.kind .kind_list .top{ display:flex;justify-content:space-between; }
.suguide_block section.kind .kind_list > li{ position:relative;width:48%;margin:1%;padding:1.5rem 2rem;border-radius:1.25rem; }
.suguide_block section.kind .kind_list > li:hover{ box-shadow:8px 13px 20px rgba(76, 110, 158, 0.2); }

/* service */
.suguide_block section.service{ display:flex;flex-wrap:wrap; }
.suguide_block section.service .ask_btn{ position:absolute;top:0;left:0;z-index:1; }
.suguide_block section.service .item_list .btm{ margin-top:1rem; }
.suguide_block section.service .item_list .comment{ text-align:right; }
.suguide_block section.service .item_list .comment > div{ font-size:1.08rem;font-weight:400;color:#111; }
.suguide_block section.service .item_list .comment > p{ font-size:0.96rem;font-weight:400;color:#666; }
.suguide_block section.service .item_list .gray_box2{ width:100%;border-radius:0.3rem; }
.suguide_block section.service .item_list .list_content > li{ flex-wrap:wrap; }
.suguide_block section.service .item_list .list_content > li div{ width:100%;margin-bottom:1rem; }
.suguide_block section.service .item_list .list_content > li p{ font-weight:500;color:#111; }
.suguide_block section.service .item_list .logo_img{ position:absolute;bottom:1.5rem;right:2rem;user-select:none; }
.suguide_block section.service .item_list .title{ font-size:2rem;font-weight:600;line-height:1.4;text-align:left;color:#0066ff; }
.suguide_block section.service .item_list .title span{ display:block;font-weight:300; }
.suguide_block section.service .item_list .top{ display:flex;justify-content:space-between; }
.suguide_block section.service .item_list > li{ position:relative;width:100%;margin-bottom:1rem;padding:1.5rem 2rem;border-radius:1.25rem; }
.suguide_block section.service .item_list > li:hover{ box-shadow:8px 13px 20px rgba(76, 110, 158, 0.2); }
.suguide_block section.service .left_title{ position:relative;display:flex;align-items:flex-end;justify-content:flex-end;text-align:right;margin-bottom:1.5rem; }
.suguide_block section.service .left_title > .title .cont_title{ text-align:right;margin-bottom:0.2rem; }
.suguide_block section.service > div{ width:48%;margin:1%; }

/* counsel */
.suguide_block section.counsel .ask_btn{ top:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:6.6rem;min-height:6.6rem;width:6.6rem;height:6.6rem;border-radius:50%;margin:auto;user-select:none; }
.suguide_block section.counsel .ask_btn p{ font-size:0.9rem; }
.suguide_block section.counsel .ask_btn:hover .change{ fill:#efa400; }
.suguide_block section.counsel .counsel_list{ max-width:1100px;margin:2rem auto;display:flex;justify-content:space-between; }
.suguide_block section.counsel .counsel_list > li{ width:30%; }
.suguide_block section.counsel .counsel_list > li:nth-child(2){ width:32%;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center; }

/*  sudownload_block -------------------------------*/
/* download */
.sudownload_block section.download .download_list{ margin:2rem auto 0;max-width:830px; }
.sudownload_block section.download .download_list > li{ border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin:2rem auto;padding-bottom:2rem;width:90%; }
.sudownload_block section.download .download_list > li .left { width: 300px; }
.sudownload_block section.download .download_list > li:last-child{ border-bottom:none;padding-bottom:0; }
.sudownload_block section.download .download_list > li .item_title2{ font-size:1.7rem; }
.sudownload_block section.download .download_list > li .release{ margin:0.6rem 0; }

/*  suupdate_block -------------------------------*/
/* notice */
section.suupdate_block { padding: 0; }
.suupdate_block section.notice .tab_list{ margin:1.5rem 0 4rem; }
.suupdate_block section.notice .tab_list input:checked + label{ background-color:#0066ff;color:#fff; }
.suupdate_block section.notice .tab_list label{ padding:1rem 1.4rem;background-color:#fff;border-radius:0.6rem;transition:0.3s;font-weight:500; }
.suupdate_block section.notice .tab_list li{ margin:0 0.4rem; }
.suupdate_block section.notice .tab_list ul{ display:flex;justify-content:center; }


/*---------------------------------------------------------------------*/
@media (max-width: 1279px) {
	.su17_block section.kind .kind_list > li {
		flex-direction: column;
	}
	.su17_block section.kind .kind_list > li .title {
		width: 100%;
		text-align: left;
		margin: 0 0 0.5rem;
	}
	.su17_block section.kind .kind_list > li .info {
		width: 100%;
	}
}
@media (max-width: 1230px) {
	.su17_block section.outline .outline_list > li:nth-child(1) {
		width: 98%;
	}
	.su17_block section.outline .outline_list > li {
		width: 48%;
	}
}
@media (max-width: 1199px) {
	.su2014_block section.kind .kind_list {
		flex-direction: column;
	}
	.su2014_block section.kind .kind_list > li {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.su2014_block section.kind .kind_list > li:nth-child(2) {
		width: 100%;
		padding: 1rem 2rem;
		border: none;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.su2014_block section.kind .kind_list > li h3 {
		min-width: 250px;
	}
}
@media (max-width: 1099px) {
	.su2014_block section.outline .outline_list > li {
		width: 48%;
	}
	.su2014_block section.char2 .char2_list .item04 .item_list > li {
		width: 98%;
	}
	.suguide_block section.kind .kind_list .ask_btn {
		bottom: 0;
	}
	.suguide_block section.service .item_list .title {
		font-size: 1.8rem;
	}
}

@media (max-width: 999px) {
	.suguide_block section.kind .kind_list .ask_btn{ bottom:2rem; }
	.suguide_block section.kind .kind_list > li{ width:98%; }
	.suguide_block section.service .left_title{ justify-content:center; }
	.suguide_block section.service .left_title > .title .cont_title{ text-align:center; }
	.suguide_block section.service > div{ width:100%; }
}
@media (max-width: 799px) {
	.su17_block section.kind .kind_list > li{ width:100%; }
	.su17_block section.package .package_list > li{ width:48%; }
	.su17_block section.service .service_list > li{ width:98%;margin-bottom:24px; }
	.suguide_block section.counsel{ padding-bottom:0; }
	.suguide_block section.counsel .counsel_list{ flex-direction:column; }
	.suguide_block section.counsel .counsel_list > li{ width:100%;text-align:center;margin-bottom:2rem; }
	.suguide_block section.counsel .counsel_list > li .list_content{ margin:0.6rem auto; }
	.suguide_block section.counsel .counsel_list > li .list_content > li{ justify-content:center; }
	.suguide_block section.counsel .counsel_list > li:nth-child(2){ width:100%;border:none;padding:2rem 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
}
@media (max-width: 599px) {
	.su2014_block section.char .char_list li{ width:100%;flex-direction:column;text-align:center;font-weight:500; }
	.su2014_block section.char .char_list li span{ font-weight:400;width:100%; }
	.su2014_block section.char .keyword_list > li{ flex-direction:column;align-items:center;text-align:center; }
	.su2014_block section.history .table_box{ width:100%;overflow-x:auto; }
	.su2014_block section.history .table_box table{ min-width:580px; }
	.su2014_block section.kind .kind_list > li{ width:100%;flex-direction:column;text-align:center; }
	.su2014_block section.kind .kind_list > li h3{ min-width:250px; }
	.su2014_block section.kind .kind_list > li p{ width:100%; }
	.su2014_block section.kind .kind_list > li:nth-child(2){ width:100%;padding:1rem 2rem;border:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
}
@media (max-width: 530px) {
	.su17_block section.outline .outline_list > li {
		width: 98%;
	}
	.suguide_block section.service .left_title {
		justify-content: flex-start;
	}
	.suguide_block section.service .left_title > .title .cont_title {
		text-align: left;
	}
	.suguide_block section.service .ask_btn {
		right: 0;
		bottom: -7rem;
		top: auto;
		left: auto;
	}
	.suguide_block section.service .item_list .top {
		flex-direction: column;
		padding-bottom: 1rem;
		border-bottom: 1px solid #ccc;
	}
	.suguide_block section.service .item_list .comment {
		text-align: left;
		margin-top: 0.5rem;
	}
	.suguide_block section.service .item_list .logo_img {
		margin-top: 2rem;
		position: static;
	}
	.suguide_block section.service .item_list > li {
		padding: 1.5rem;
	}
}
@media (max-width: 499px) {
	.su17_block section.kind .kind_list > li .list_content li{ flex-wrap:wrap; }
	.su17_block section.kind .kind_list > li b{ width:90%; }
	.su17_block section.package .package_list > li{ width:98%; }
	.su2014_block section.outline .outline_list > li{ width:98%; }
	.sudownload_block section.download .download_list .down_btn{ margin-top:2rem;width:100%; }
	.sudownload_block section.download .download_list > li{ flex-direction:column;align-items:center;text-align:center; }
	.suguide_block section.kind .kind_list .ask_btn{ display:none; }

    .sudownload_block section.download .download_list > li .release { text-align: center; }
    .sudownload_block section.download .download_list > li .name { text-align: center; }
    .sudownload_block section.download .download_list > li .item_title2 { text-align: center; }
    .sudownload_block section.download .download_list > li .left { width: 100%; }
}
@media (max-width: 430px) {
	.su17_block section.char .char_list > li {
		width: 90%;
		margin: 0 auto 3rem;
		flex-direction: column;
	}
	.su17_block section.char .char_list .item_title3 {
		justify-content: center;
	}
	.su17_block section.char .char_list .icon {
		margin: 0 auto 0.4rem;
	}
	.su2014_block section.char .keyword_list > li {
		width: 90%;
		margin: 2rem auto;
		align-items: center;
		text-align: left;
	}
	.su2014_block section.char .keyword_list > li .icon {
		margin-right: 0;
	}
	.su2014_block section.char .keyword_list > li .item_title2 {
		text-align: center;
	}
    .su2014_block section.char .keyword_list > li .list_content li { justify-content: center; }
	.su2014_block section.char2 .char2_list .item_list > li {
		width: 90%;
		margin: 0 auto 4rem;
		flex-direction: column;
        align-items: center;
	}
    .su2014_block section.char2 .char2_list .item_title2 { text-align: center; }
	.su2014_block section.char2 .char2_list .icon {
		margin-right: 0;
		margin-bottom: 0.8rem;
	}
}
@media (max-width: 340px) {
	.suproduct_block section.product .product_form .cereal > div {
		flex-wrap: wrap;
	}
	.suproduct_block section.product .product_form .cereal > div input {
		width: 43%;
		margin-bottom: 1rem;
	}
}


/*FROM SITE CODE :  
*/