/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

.search_line_new .video_qr_code img{
	display: block;
	pointer-events: inherit!important;
	-webkit-user-select: inherit!important;
	-moz-user-select: inherit!important;
	user-select: inherit!important;
}
.other__body .page_btn {
    width: 17.3rem;
    height: 4.6rem;
    display: flex;
	padding: .5rem 2rem;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
    background: #0043b4;
    color: #fff;
    font-weight: 300;
    border: 2px solid #0043b4;
    position: relative;
}
@media only screen and (max-width: 1680px) {
	html {
		font-size: 56%;
		overflow-x: hidden;
	}
	.page_search__con .line_flex .filterWrap .filter_box .box_left {
		width: calc(100% - 70rem);
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		width: 70rem;
	}
	.project_index__body .page_search__con .more_line .filter .filter_row div a,
	.project_index__body .page_search__con .more_line .filter .filter_row div span {
    margin: 0 34px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
		padding-bottom: 4px;
  }
	.find_list li .txt_con {
		padding: 4rem 0;
	}
}


@media only screen and (max-width: 1440px) {
	html {
		font-size: 58%;
		overflow-x: hidden;
	}
	.hotProduct .expandWrap .item .list .img {
		height: 54rem;
	}
	.wal {
		padding: 0 2rem;
	}
	header {
		padding: 0 2rem;
	}
	.crumbs_bar {
		padding: 0 2rem;
	}
	.new_content .nav {
		padding: 0 2rem;
	}
	.laestNews {
		padding: 8rem 0 6rem;
	}
	.color_wrap {
		margin: 8rem 0 6rem;
	}
	.new_content .content_info .info_data{
		padding: 8rem 0 6rem;
	}
	.showcase .showcase-intro {
		margin: 8rem 0 6rem;
	}
	.project_detail .project_summary {
		padding: 0 2rem;
	}
  .project_detail .slide-wrapper {
    margin-left: 4rem;
  }
	.project_detail .share_left {
		padding: 0 2rem;
	}
	.sub_sidebar .sidebar_con {
		padding: 0 2rem;
	}
	.library_index__body .title, .library_index__body .fixedbar {
		padding: 0 2rem;
	}
	.hotProduct .explore_products {
		margin-bottom: 6rem;
	}
	.hotProduct {
		margin-top: 8rem;
	}
	.hotProduct .explore_products h2,
	.showcase .showcase-intro h2,
	.color_wrap .wrap_right .content_box h2{
		font-size: 4rem;
	}
	.color_wrap .wrap_left .box_item .item_tit p {
		font-size: 2.8rem;
	}
	.page_search__con .line_flex .filterWrap .filter_box .box_left {
		width: calc(100% - 65rem);
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		width: 65rem;
	}
	.project_detail .project_summary .boxInner img {
		height: 46px;
	}
	.find_list li .txt_con {
		padding: 2.8rem 0;
	}
	.find_list li .txt_con h3 {
		font-size: 2.4rem;
	}
	.find_list li .txt_con p {
		font-size: 1.8rem;
		line-height: 24px;
	}
	.box_block .box_lr .l_info {
		margin-right: 10rem;
	}
}

@media only screen and (max-width: 1280px) {
	html[dir=ltr] li a {
		margin-left: 0px;
	}
	html {
        font-size: 62%;
        overflow-x: hidden;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1240px) {
	html {
		font-size: 60% !important;
	}

	/* .inner_kv__body {
		height: 450px;
	} */

	.inner_kv__body .kv {
		height: 100%;
		object-fit: cover;
	}

	.footCopyright {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	/* footer .footCopyright p {
		width: 50%;
		margin-bottom: 10px;
	} */
	.inner_kv__body.news_details_kv {
		height: auto !important;
	}

	.more_news__body .news_list__con ul li {
		margin-right: 20px;
		width: calc(100% / 3 - 20px *2 / 3);
	}

	/* .sub_sidebar .sidebar_con {
		width: 70%;
	} */

	/* .sub_sidebar .sidebar_right {
		width: 30%;
	} */

	.joinus__body .box_1 .txt_con {
		padding-right: 40px;
	}

	.joinus__body .box_2 {
		padding-top: 40px;
	}

	.holderCircle {
		width: 600px;
		height: 600px;
	}

	header .nav_list>li>a {
		margin: 0 1.6rem;
		font-size: 1.6rem;
	}
	.nav_menu .menu_box_ipt .form-inline input {
		width: 20rem;
	}
	.hotProduct .expandWrap .item .prologo img {
		max-width: 35.4rem;
		max-height: 11.8rem;
	}
	.hotProduct .expandWrap .item:nth-of-type(2) .prologo img {
    max-width: 16.4rem;
    max-height: 12rem;
  }
	.hotProduct .expandWrap .item .proCon .introBox {
    padding: 3rem;
  }
	.showcase .slideInner {
		height: 58rem !important;
	}
	.solutionWrap {
		min-height: 60rem;
	}
	.page_search__con .line_flex .filterWrap .filter_box .box_left {
		width: calc(100% - 60rem);
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		width: 60rem;
	}
	
	.project_detail .project_summary {
		width: 35%;
	}
	.project_detail .news_details__body .details__content {
		width: calc(100% - 35%);
	}
	.find_list li .txt_con p {
		padding-right: 4rem;
		margin-bottom: 2rem;
	}
	.lib_content ul li {
		padding-right: 10rem;
	}
	.lib_content ul li p {
		font-size: 1.6rem;
	}
	.lib_content ul li .ico_con {
		right: 1.6rem;
	}
}

@media only screen and (max-width: 1100px) {
  header .nav_list>li>a{
    margin: 0 0.8rem;
	font-size: 1.4rem;
  }
  header .nav_list>li ul li a {
	font-size: 1.4rem;
  }
}

@media only screen and (max-width: 1080px) {
	html {
		font-size: 50% !important;
	}
	.page_search__con .line_flex .filterWrap .filter_box .box_left {
		width: calc(100% - 50rem);
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		width: 50rem;
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject .recom_project_inner img {
		height: 10rem;
	}
	.project_index__body .page_search__con .more_line .filter .filter_row div a,
	.project_index__body .page_search__con .more_line .filter .filter_row div span {
		margin: 0 20px 0 0;
	}
	.new_content .content_info  {
		padding: 0 2rem;
	}
	.new_content .content_info .info_data {
		width: 100%;
	}
	.find_list li .txt_con {
		padding: 2rem 0;
	}
	.find_list li .txt_con h3 {
		font-size: 2rem;
	}
	.find_list li .txt_con p {
		font-size: 1.6rem;
		line-height: 1.4;
		padding-right: 2rem;
		margin-bottom: 2rem;
	}
	.find_index__body .wal .product_nav_box .nav_item img {
		height: 2.6rem;
	}
	.solutions_search__con .search_list select {
		min-width: 20rem;
	}
	.solutions_search__con .search_list .xq_con {
		padding-right: 3.2rem;
	}
	.lib_content ul li {
		padding: 2rem;
	}
	.lib_content ul li p {
		padding-left: 2rem;
	}
	.inner_kv__body {
		height: 400px;
	}
	.box_block .box_lr .l_info h2 {
		font-size: 2.6rem;
		margin: 0 0 4rem;
	}
	.box_block .box_lr .l_info {
		margin-right: 2rem;
		width: 45%;
	}
	.box_block.box_lr .r_img {
		width: 55%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 820px) {
	.mobile_show {
		display: block !important;
	}

	.index-banner {
		height: 500px;
	}
	.pc_show {
		display: none;
	}

	html {
		font-size: 48% !important;
	}

	header {
		background-color: #fff;
		height: auto !important;
		line-height: auto;
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgba(100, 100, 100, 0.3);
	}

	header .logo {
		background: url(https://coatedwebsiteppstorage.blob.core.chinacloudapi.cn/powerpagesblob/images/home/bluescope_logo_b.png) !important;
		background-size: cover !important;
	}

	header .nav_list,
	header .header_right_bar {
		display: none;
	}

	header .mobile_header_bar {
		display: block;
	}

	.crumbs_bar {
		top: 60px;
	}

	.crumbs_bar div {
		border: 0;
		width: 100%;
	}

	footer {
		padding: 30px 0;
		background-position: top center;
	}

	footer .footNavList {
		flex-wrap: wrap;
		padding-bottom: 0;
		margin: 0;
	}

	footer .footNavList .navInner {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	}

	footer .footNavList .navInner h6 {
		margin: 0;
		display: flex;
		justify-content: space-between;
		padding: 0 10px;
	}


	footer .footNavList .navInner:nth-child(2) h6 a {
		pointer-events: all;
	}

	footer .navInner h6 i {
		display: block;
		padding: 15px 0;
	}

	footer .footNavList .navInner ul {
		display: none;
	}

	footer .footNavList .navInner.active h6 i {
		transform: rotate(90deg);
	}

	footer .footNavList .navInner ul {
		padding: 0 10px;
	}

	footer .footCopyright p {
		width: 100%;
		text-align: center;
	}

	footer .navInner h6 {
		margin-bottom: 10px;
	}

	footer .footCopyright {
		align-items: center;
		justify-content: center;
		padding-top: 15px;
	}

	footer .footCopyright p,
	footer .footCopyright a {
		font-size: 10px;
		margin: 0 10px;
	}

	/* .inner_kv__body {
		height: 350px;
		    width: 100%;
    overflow: hidden;
	} */

	/* .inner_kv__body .txt_con {
		transform: translateY(-30%);
		padding: 0 5%;
	} */

	.inner_kv__body .txt_con h3 {
		font-weight: bold;
	}

	.more_news__body .news_list__con ul li {
		margin-right: 20px;
		width: calc(100% / 3 - 20px * 2 / 3);
	}

	.aboutus_index__body .box_1 .flex .txt_con {
		width: 100%;
		padding: 0 0 20px 0;
	}

	.aboutus_index__body .box_1 .flex .img_con {
		width: 100%;
	}

	.news_list li {
		width: calc(50% - 20px * 1 / 2);
		margin: 0 20px 20px 0 !important;
	}

	.news_list li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.page_search__con .input_line .more_search_btn {
		width: 153px;
	}

	.page_search__con .input_line .search_out {
		width: calc(100% - 153px);
	}

	.page_search__con .input_line .search_out form {
		height: 5rem;
		display: flex;
		align-items: center;
	}

	/* .sub_sidebar .sidebar_con {
		width: 75%;
	} */

	/* .sub_sidebar .sidebar_right {
		width: 25%;
	} */

	.sust_index__body .img_txt__con .img_con,
	.sust_index__body .img_txt__con .txt_con {
		width: 100%;
	}

	.sust_index__body .img_txt__con .txt_con {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sust_index__body .img_txt__con .txt_con.s_1 {
		order: -1;
	}

	.sust_index__body .img_txt__con.s_1 .txt_con {
		width: 100%;
		padding: 0 0 30px 0;
	}

	.sust_index__body .img_txt__con.s_1 .img_con {
		width: 100%;
	}

	.sust_index__body {
		padding: 0 0 0;
	}

	.wall__con .article {
		width: 27%;
		margin: 0 30px 30px 0;
	}

	.hotProduct {
		overflow: hidden;
	}

	.hotProduct .container {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		height: auto;
		margin-top: 50px;
	}

	.hotProduct .prorecom-tab {
		width: 100%;
		height: auto;
	}

	.hotProduct .prorecom-tab ul,
	.hotProduct .prorecom-tab .nav-tabs {
		display: flex;
		justify-content: space-between;
	}

	.hotProduct .prorecom-tab ul li,
	.hotProduct .prorecom-tab ul a.nav-link,
	.hotProduct .prorecom-tab .nav-tabs li,
	.hotProduct .prorecom-tab .nav-tabs a.nav-link {
		width: 32%;
		text-align: center;
		border: 0;
		border-bottom: 2px solid #7b92b9;
		text-align: center;
		justify-content: center;
		padding: 0;
	}

	.hotProduct .prorecom-tab ul li.active,
	.hotProduct .prorecom-tab ul a.nav-link.active,
	.hotProduct .prorecom-tab .nav-tabs li.active,
	.hotProduct .prorecom-tab .nav-tabs a.nav-link.active {
		font-size: 2.8rem;
		height: auto;
		border: 0;
		border-bottom: 2px solid #1ed7eb;
	}

	.hotProduct .prorecom-content {
		margin-top: 40px;
		width: 100%;
		height: 610px;
	}

	.showcase {
		padding-top: 0;
	}

	.colorWrap .colorwheel {
		width: 400px;
		height: 400px;
		right: -17%;
		bottom: -5%;
	}

	/* .laestNews .container {
		max-width: 95%;
		margin: 0 auto;
	} */
	.laestNews .newslist {
		flex-direction: column;
		gap: 2.4rem;
	}
	.laestNews .newslist .newsInner {
		width: 100%;
	}

	/* .sub_sidebar .sidebar_right {
		width: 4%;
	} */

	.sub_sidebar .sidebar_con {
		width: 100%;
		padding: 0;
	}

	.library_index__body .title {
		text-align: left;
	}

	.library_index__body .title .link {
		padding: 0 20px;
	}

	.library_index__body .title .dl_btn {
		padding: 3px 10px;
	}

	.wall__con .article {
		width: 100%;
	}

	.wall__con .article .img_out.file_out {
		min-height: auto;
	}

	.joinus__body .box_1 .txt_con,
	.joinus__body .box_1 .img_con {
		width: 100%;
		padding: 0;
	}

	.joinus__body .box_1 .txt_con {
		margin-bottom: 30px;
	}

	.joinus__body .box_2 .txt_con .txt_in {
		padding: 50px;
	}

	.sust_index__body .big_tit {
		margin-bottom: 4rem;
	}

	.more_news__body {
		padding: 40px 0;
	}

	.more_news__body .news_list__con ul {
		overflow: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
	}

	.more_news__body .news_list__con ul li {
		width: 250px;
		flex: none;
	}

	.joinus__body .box_3 {
		margin-top: 30px;
		padding: 60px 0 40px;
	}

	.aboutus_index__body .box_1,
	.aboutus_index__body .box_2,
	.aboutus_index__body .box_4 {
		padding: 40px 0;
	}

	.news_list li {
		width: 100%;
		margin-right: 0 !important;
	}

	.inner_kv__body.news_details_kv {
		padding-top: 120px;
	}

	.news_details__body .details__content {
		width: 100%;
		padding-right: 0;
		border-right: 0;
		padding-bottom: 40px;
	}

	.news_details__body .details_right {
		/* display: none; */
	}

	.news_details__body .datetime_bar {
		margin-bottom: 30px;
	}

	.inner_kv__body .txt_con h3 {
		font-size: 30px;
	}

	.inner_kv__body .txt_con p {
		font-size: 14px;
		line-height: 1.5;
	}

	.sust_index__body {
		padding: 40px 0 0;
	}

	.sust_index__body .img_txt__con {
		margin-bottom: 40px;
	}

	.holderCircle {
		margin-left: -5%;
		width: 500px;
		height: 500px;
	}

	.pan_line.big {
		width: 50rem;
		height: 50rem;
		margin-left: -25rem;
		margin-top: -25rem;
	}

	.index-banner h3 {
		font-size: 24px;
	}

	.hotProduct,
	.showcase {
		display: none;
	}

	.hotProduct_mobile,
	.showcase_mobile {
		display: block;
	}

	.solutionWrap {
		min-height: auto;
		padding: 80px 0;
	}

	.color_wrap {
		flex-direction: column;
		height: auto;
	}
	.color_wrap .wal {
		flex-direction: column;
	}

	.color_wrap .wrap_right,
	.color_wrap .wrap_left {
		width: 100%;
	}
	/* .color_wrap .wrap_right {
		height: 500px;
	}
	.color_wrap .wrap_left {
		height: 500px;
	} */
	.color_wrap .wrap_left .box_item{
		height: 179px;
		aspect-ratio: 344/179;
	}
	.color_wrap .wrap_right .content_box {
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.color_wrap .wrap_right .content_box h2 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.color_wrap .wrap_right .content_box p {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.index-banner .swiper-pagination {
		bottom: 4rem;
	}
	.hotProduct_mobile {
		margin-top: 40px;
	}
	.hotProduct_mobile > ul {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.hotProduct_mobile .explore_products {
		margin-bottom: 20px;
	}
	.hotProduct_mobile .explore_products h2 {
		font-size: 24px;
    font-weight: 700;
	}

	.showcase_mobile .showcase-intro h2 {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		flex-direction: column;		
	}
	
	.page_search__con .line_flex .filterWrap .filter_box .box_left {
		width: calc(100% - 36rem);
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		width: 36rem;
		padding: 8px 0;
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject .recom_project_inner img {
		height: 9rem;
	}
	.project_index__body .page_search__con .more_line .show_more {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.products_list li .img_out, .project_list li .img_out {
		height: 200px !important;
	}
	.new_content {
		padding-top: 7.6rem;
	}
	.new_content .content_info .info_data h1 {
		font-size: 3.2rem;
	}
	.project_detail .news_details__body .out_page {
		flex-direction: column;
	}
	.project_detail .project_summary,
	.project_detail .news_details__body .details__content {
		width: 100%;
	}
	.project_detail .news_details__body .details__content {
		padding: 6rem 2rem;
	}
	.project_detail .share_left {
		width: calc(100% - 20rem);
	}
	.sub_sidebar .sidebar_right {
		width: 20rem;
		width: 8rem;
	}
	.project_detail .sub_sidebar .sidebar_right {
		width: 20rem;
	}
	.find_list li,
	.find_list li:nth-child(2n) {
		flex-direction: column;
	}
	.find_list li>a, .find_list li>.txt_con {
		width: 100%;
	}
	.find_index__body .wal .product_nav_box {
		overflow-y: scroll;
		width: 100%;
	}
	.solutions_search__con .search_list .xq_con {
		padding-right: 1rem;
	}
	.solutions_search__con .search_list dd {
		width: 32%;
	}
	.solutions_search__con .search_list dd.search_btn {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin-top: 2rem;
	}
	.lib_content  ul li {
		width: 100%;
	}
	.library_index__body .fixedbar.box_center .rightbox {
		right: 1rem;
	}
	.sub_sidebar .sidebar_con li a {
		padding: 0 1rem;
	}
	.box_block .box_lr {
		flex-direction: column;
	}
	.box_block .box_lr .l_info {
		margin-right: 0;
		width: 100%;
	}
	.box_block .box_lr .r_img {
		width: 100%;
	}
	.box_block {
		padding: 6rem 0;
	}
	footer .footSocialBox .pop_img {
		left: 0;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 540px) {
	.desktop_show {
		display: none !important;
	}

	.mobile_show {
		display: block;
	}

	.color_index__body .color__con .pan_con {
		width: 100%;
	}

	.holderCircle {
		transform: scale(0.8);
		margin:0 auto;
	}

	.color_index__body .color__con .phone_con {
		width: 100%;
	}

	.project_list li {
		width: 100%;
		margin-right: 0 !important;
	}
	
	.recomProject {
        display: none;
    }
	
	/*New Style20221217 Start*/
	.recomProject {
		display: block;
		max-width: 100%;
		margin-bottom: 2rem;
	}

	.newslist_search__con .more_line dl dt {
		width: 11rem;
	}

	.newslist_search__con .more_line dl dd {
		width: calc(100% - 11rem);
	}

	.newslist_search__con .more_line dl dd a {
		margin: 0 2rem 2rem 0;
	}
	/*New Style20221217 End*/

	/* .project_detail .sub_sidebar .sidebar_right {
		width: 50%;
	} */

	.project_detail .inner_kv__body .videoPop .videoBtn {
		width: 40px;
		height: 40px;
		opacity: .5;
	}

	.project_detail .fck__body {
		padding: 0 15px 40px;
	}

	.project_detail .slide-wrapper {
		margin: 0px;
		padding: 0;
		width:100%;
	}

	.project_detail .project-swipper .swiper-pagination {
		padding-right: 2rem;
	}

	.project_detail .project-swipper .swiper-arrow .swiper-button-next {
		right: 0;
		margin-right: 0;
	}

	.swiper-button-next,
	.swiper-button-prev {
		margin-top: 15px;
	}

	.pro_sub_sidebar__con dt {
		width: 40%;
	}

	.pro_sub_sidebar__con dd {
		width: 60%;
		padding: 0 2px;
		justify-content: space-between;
	}

	.pro_sub_sidebar__con dt p {
		font-size: 14px;
		margin-left: 15px;
	}

	.pro_title {
		margin-left: 0;
	}

	.pro_title img {
		height: 15px;
	}

	.pro_title h4 {
		font-size: 28px;
		margin-left: -40px;
	}

	.solution_pro_1__body .box_2 .in_box_1,
	.solution_pro_1__body .box_2 .in_box_2 {
		width: 100%;
		padding: 40px 20px;
	}

	.solution_pro_1__body .box_2 .in_box_2 h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.solution_pro_1__body .box_2 .in_box_2 ul li p {
		font-size: 16px;
	}

	.solution_pro_1__body .box_2 .in_box_2 ul li p strong {
		font-size: 20px;
	}

	.solution_pro_1__body .box_3 {
		background-size: cover;
		padding: 40px 0;
	}

	.solution_pro_1__body .box_3 .pro_title {
		margin: 0 0 60px;
	}

	.solution_pro_1__body .box_4 .txt_con {
		width: 100%;
	}

	.solution_pro_1__body .box_4 {
		padding: 40px 0;
	}

	.solution_pro_1__body .box_5 {
		padding: 40px 0;
	}

	.solution_pro_1__body .box_5 .flex {
		justify-content: center;
	}

	.solution_pro_1__body .box_5 .txt_con {
		width: 100%;
	}

	.solution_pro_1__body .box_5 .right_img {
		margin-top: 40px;
	}

	.solution_pro_1__body .box_6 .in_box_1,
	.solution_pro_1__body .box_6 .in_box_2 {
		width: 100%;
		padding: 40px 15px;
	}

	.list_white_bg li {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.solution_pro_1__body .box_7 {
		padding: 40px 0;
	}

	.solution_pro_1__body .box_8 dl dt {
		width: 100%;
	}

	.solution_pro_1__body .box_8 dl dd {
		width: 100%;
	}

	.solution_pro_1__body .box_8 {
		padding: 40px 0;
	}

	.title_white_box li {
		width: 100%;
		margin-right: 0;
	}

	.solution_pro_1__body .box_9 {
		padding: 0 0 40px 0;
	}

	.title_white_box li:nth-child(3),
	.title_white_box li:nth-child(4) {
		background: none;
	}

	.title_white_box li .in_box {
		margin-top: 20px;
	}

	.solution_pro_2__body .box_1 .txt_con,
	.solution_pro_2__body .box_1 .img_con {
		width: 100%;
		padding: 40px 15px;
	}

	.solution_pro_2__body .box_1 .img_con {
		padding-top: 0;
		margin-top: -20px;
	}

	.solution_pro_2__body .box_2 {
		padding: 40px 0;
	}

	.slide_list li .con.s_1 .flex .txt_con,
	.slide_list li .con.s_1 .flex .img_con {
		width: 100%;
		padding: 0 0 0 15px;
	}

	.slide_list li .con.s_1 .flex .img_con {
		padding-top: 15px;
	}

	.solution_pro_2__body .box_3 {
		padding: 0;
		background-position: left bottom;
		background-size: auto 100%;
	}

	.solution_pro_2__body .box_3.s_2 {
		padding: 0 0 240px;
		background-size: auto 50%;
	}

	.solution_pro_2__body .box_3 .txt_con {
		padding: 40px 15px;
		width: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.solution_pro_2__body .box_3 .txt_con p {
		width: 100%;
	}

	.products_list {
		flex-wrap: nowrap;
		overflow: scroll;
		overflow-y: hidden;
	}

	.products_list li {
		width: 250px;
		flex: none;
		margin-right: 20px;
	}

	.solution_pro_4__body .box_1 {
		padding: 0;
	}

	.solution_pro_4__body .box_1 .txt_con {
		max-width: 100%;
		padding: 40px 15px;
	}

	.solution_pro_4__body .box_2 {
		padding: 40px 0;
	}

	.solution_pro_4__body .box_2 .txt_con {
		max-width: 100%;
		padding: 0 15px;
	}

	.solution_pro_4__body .box_3 .tab_con {
		position: static;
		transform: translate(0);
	}

	.solution_pro_4__body .box_3 .tab_con ul li {
		width: 100%;
	}

	.solution_pro_4__body .box_3 {
		padding: 40px 0;
	}

	.solution_pro_4__body .box_3 .con {
		padding-top: 20px;
	}

	.solution_pro_4__body .box_3 .tab_con ul li h6 i {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}

	.solution_pro_4__body .box_3 .con .tit_con {
		width: 100%;
	}

	.solution_pro_4__body .box_3 .con .txt_con {
		width: 100%;
	}

	.solution_pro_4__body .box_4 .img_con {
		width: 100%;
	}

	.solution_pro_4__body .box_4 .txt_con {
		width: 100%;
		padding: 30px 15px;
	}

	.solution_pro_4__body .box_5 dl.flex dt {
		width: 100%;
	}

	.solution_pro_4__body .box_5 dl.flex dd {
		width: 100%;
	}

	.solution_pro_4__body .box_6 .img_con,
	.solution_pro_4__body .box_6 .txt_con {
		width: 100%;
	}

	.solution_pro_4__body .box_6 .txt_con {
		padding: 30px 15px;
	}

	.solution_pro_4__body .box_7 .txt_con {
		width: 100%;
	}

	.solution_pro_4__body .box_7 {
		background-color: #f0f1f6;
		background-position: 76.5% bottom;
		padding-bottom: 450px;
		background-size: 390%;
	}

	.chose_list li {
		width: 50%;
	}

	.solutions_search__con .search_list dt {
		width: 15%;
		padding: 0;
		font-size: 12px;
	}
	
	.solutions_search__con .search_list dt:nth-child(1){
	    width:100%;
	    margin-bottom:1rem;
	}

	.solutions_search__con .search_list dd {
		width: 35%;
		padding-right: 0;
		padding-right: 20px;
	}

	.solutions_search__con .search_list select {
		min-width: 100%;
		background: transparent;
		font-size: 12px;
	}

	.solutions_index__body .change_con {
		height: auto;
	}

	.solutions_index__body .change_con li {
		width: 100%;
		height: 100px;
		padding: 20px;
		border: 0;
		border-bottom: 1px solid #fff;
	}

	.solutions_index__body .change_con li.active {
		width: 100%;
		height: auto;
	}

	.ask__body .text_con {
		width: 100%;
	}

	.ask__body .img_con {
		width: 100%;
		display: none;
	}

	.inner_kv__body.ask_kv {
		height: auto;
	}

	.ask__body .text_con h6 {
		bottom: 0rem;
	}

	.pro_sub_sidebar__con.s_2 dd {
		background-color: rgba(0, 0, 0, 0.2);
	}

	.solution_pro_3__body .box_1 .scroll__body {
		margin-top: 30px;
		padding: 0 15px;
	}

	.solution_pro_3__body .box_1 .scroll__body .scroll_in .img_out img {
		height: 300px;
		width: 100%;
	}

	.solution_pro_3__body .box_1 {
		padding: 40px 0;
	}

	.hotProduct .prorecom-tab ul li,
	.hotProduct .prorecom-tab ul a.nav-link,
	.hotProduct .prorecom-tab .nav-tabs li,
	.hotProduct .prorecom-tab .nav-tabs a.nav-link {
		font-size: 14px;
	}

	.hotProduct .prorecom-tab ul li.active,
	.hotProduct .prorecom-tab ul a.nav-link.active,
	.hotProduct .prorecom-tab .nav-tabs li.active,
	.hotProduct .prorecom-tab .nav-tabs a.nav-link.active {
		font-size: 14px;
	}

	.hotProduct .container {
		margin-top: 30px;
	}

	.hotProduct .expandWrap .item .proCon {
		padding: 20px;
	}

	.hotProduct .expandWrap .item.on .proCon .introBox {
		width: calc(100% - 40px);
	}

	.hotProduct .expandWrap .item .proCon .introBox {
		width: 100%;
		padding: 20px;
	}

	.colorWrap {
		height: 300px;
	}

	.colorWrap .colorwheel {
		width: 200px;
		height: 200px;
		right: -20%;
		bottom: -5%;
	}

	/* .laestNews .newslist {
		padding: 20px 15px 0;
	} */

	.laestNews .linkBox {
		position: static;
		margin-top: 20px;
		text-align: center;
		padding: 20px 0;
		justify-content: center;
	}

	.laestNews .swiper-arrow {
		display: none;
	}

	.allnewsLink {
		width: 100%;
	}

	.laestNews .newsInner .card h6 {
		margin-bottom: 30px;
	}

	.showcase .showcase-intro {
		width: 90%;
	}

	.showcase .swiper-arrow {
		right: 0;
		margin-right: 0;
	}

	.right_tools_bar {
		top: auto;
		bottom: 20px;
		right: 10px;
	}

	.index_banner_pc {
		display: none;
	}

	.index_banner_mobile {
		display: block;
	}

	.index-banner .jumbotron {
		left: 20px;
	}

	.laestNews {
		padding: 40px 0;
	}

	.solutionWrap .introBox p {
		padding: 0 20px;
	}

	.more_project__con .img_out {
		max-height: 240px !important;
	}

	.index-banner .scroll-arrow .banner_mouse {
		transform: scale(0.6);
	}

	.index-banner .scroll-arrow {
		bottom: 10px;
	}

	.index-banner .swiper-pagination {
		bottom: 50px;
	}

	.pop_content .in_content {
		max-height: calc(90vh);
		overflow: auto;
		overflow-x: hidden;
	}

	.pop_content .in_content dl dd {
		width: 100%;
		margin-right: 0 !important;
	}

	.solutions_index__body,
	.products_focus__body {
		padding: 40px 0;
	}

	.solutions_index__body {
		padding-bottom: 0px;
	}

	.project_index__body .page_search__con .more_line .filterWrap {
		width: 100%;
		padding-right: 0;
	}

	.project_index__body .page_search__con .more_line dl dd a {
		margin: 0 2rem 2rem 0;
	}

	.news_details__body .details__content .logo_bx {
		margin-left: 0;
		padding-right: 0;
	}
	.dl_btn__con {
		margin-top: 20px;
		padding-left: 15px;
		padding-left: 0px;
		width: 100% !important;
	}

	.wall__con #tiles li {
		width: 100%;
		margin: 0 0 20px 0 !important;
	}

	#glay_pop .in_content {
		width: 90%;
		height: auto;
		max-height: calc(90vh);
	}

	.inner_kv__body .txt_con p .logo {
		max-height: 30px;
		margin-bottom: 0;
	}

	.solution_pro_4__body .box_1 {
		background-size: cover;
		background-position: 20% center;
	}

	.solution_pro_4__body .box_1 .txt_con p {
		width: 80%;
	}

	.aboutus_index__body .box_4 ul li {
		width: 50%;
	}

	.aboutus_index__body .box_4 ul li:nth-child(2) {
		border-right: 0;
	}

	.aboutus_index__body .box_4 ul li:nth-child(1),
	.aboutus_index__body .box_4 ul li:nth-child(2) {
		border-bottom: 1px solid #e2e2e2;
	}

	.page_search__con .more_line dl {
		width: 100%;
	}

	.search_line_new .video_qr_code {
		border:none;
		margin: 0 auto;
		padding-left: 0px;
	}
	

	.other__body {
		padding-top: 80px;
	}

	.aboutus_index__body .box_3 .ry_box {
		height: auto;
	}
	
	.page_search__con .line_flex .filterWrap .filter_box .box_left {
		width: 100%;
		padding: 0;
	}
	.page_search__con .line_flex .filterWrap .filter_box .recomProject {
		width: 100%;
		position: absolute;
		bottom: -34rem;
	}
	.project_index__body .page_search__con .more_line {
		padding-bottom: 34rem;
	}
	.project_index__body .page_search__con .more_line .show_more {
		width: max-content;
	}
	.project_list li .txt_con {
		padding-bottom: 4rem;
	}
	.pager a, .pager span {
		line-height: 3.4rem !important;
	}
}

@media only screen and (max-width: 480px) {
	.holderCircle {
		transform: scale(0.8);
		margin: -100px 0 0 -5.5%;
	}

}

@media only screen and (max-width: 414px) {
	.holderCircle {
		transform: scale(0.8);
		margin: -100px 0 0 -14.5%;
	}

}

@media only screen and (max-width: 390px) {
	.holderCircle {
		transform: scale(0.8);
		margin: -100px 0 0 -18.5%;
	}

}

@media only screen and (max-width: 375px) {
	.holderCircle {
		transform: scale(0.8);
		margin: -100px 0 0 -22%;
	}

}

@media only screen and (max-width: 360px) {
	.holderCircle {
		transform: scale(0.7);
		margin: -100px 0 0 -25rem;
	}

}

/* Custom, iPhone Retina */