.gn-item > a{
	font-size: 16px;
}
.s_auto:nth-child(1),.s_auto:nth-child(2),.s_auto:nth-child(3){
	display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 62.5% !important;
	}
}

.topFixed .changeTab span.act {
	color: #fff!important;
}

@media only screen and (min-width: 640px) {
	html {
		font-size: 125% !important;
	}
}

@media only screen and (min-width: 750px) {
	html {
		font-size: 150% !important;
	}
}

@media only screen and (min-width: 1242px) {
	html {
		font-size: 187.5% !important;
	}
}

.b_auto {
	width: 1225px;
	margin: 0 auto;
}

.noRight {
	margin-right: 0!important;
}

.s_auto {
	width: 1090px;
	margin: 0 auto;
}

.k_auto {
	width: 790px;
	margin: 0 auto;
}

.textcenter {
	text-align: center;
}

.crane3Bar .fl {
	float: left;
}

.sumTitle {
	font-size: 1.2rem;
	font-family: "Noto Sans S Chinese Bold"!important;
}

.sumContent {
	font-size: 0.5333rem;
	color: #e2e2e2;
	line-height: 174%;
}

.page_banner .crane3Bar {
	position: absolute;
	bottom: 0.6rem;
	left: 0;
}
.page_banner .crane3Bar>.m_auto{
    border-bottom: 1px solid #a4a4a4;
}
.page_banner .crane3Bar {
	line-height: 2.333rem;
	height: 2.367rem;
}

.page_banner .changeTab span.act {
	color: #fff!important;
}

.boxOuter .speakDetail2 {
	width: 100%;
	padding: 1rem 0;
	background: url(/images/detail/crane3_sum/speakDetail2-bg.png) no-repeat center center;
	background-size: 100% 100%;
}

.boxOuter .detailImg {
	margin: 0 auto;
	height: 100%;
	min-height: 24.567rem;
	background: url(/images/detail/crane3_sum/detailImgs.png) no-repeat center center;
	background-size: 20.1rem 24.567rem;
}

.crane3 .scroll {
	position: fixed!important;
	width: 100%!important;
	z-index: 16666;
	background: #25282f!important;
}

.crane3 .maxWidthImg>img {
	width: 100%;
}

.boxOuter .redBar-logo {
	width: 5.7rem!important;
	margin: 0 auto;
	padding-top: 4.83rem;
}

.boxOuter .detailImg-s>div {
	width: 100%;
	text-align: center;
	color: #fff;
}

.boxOuter .redBar-title {
	font-size: 1.333rem;
	padding-top: 2.67rem;
}

.boxOuter .redBar-des {
	font-size: 0.5333rem;
	padding-top: 1rem;
	width: 74%!important;
	margin: 0 auto;
}

.btn-down {
	display: table;
	width: 6.967rem!important;
	margin: 0 auto;
	margin-top: 7.33rem;
	position: relative;
}

.arrow-down {
	position: absolute;
	width: 0.867rem;
	height: 0.533rem;
	bottom: -0.933rem;
	left: 44%;
	background: url(/images/detail/crane3_sum/arrow-down.png) no-repeat center center;
	background-size: contain;
}

.page_banner {
	height: 31.767rem;
	background: url(/images/detail/crane3_sum/swiper-bg.png) no-repeat center center;
	background-size: 100% 100%;
}

.page_banner .caption {
	position: relative;
	padding-top: 16.233rem;
	color: white;
	width: 1057px;
	margin: 0 auto;
	text-align: right;
	height: 100%;
	background: url(/images/detail/crane3_sum/banner-img.png) no-repeat left center;
	background-size: 21.43rem 17.633rem;
}

.page_banner .changeTab {
	float: right;
	margin-right: 0.7rem;
}

.page_banner .changeTab span {
	font-family: "Noto Sans S Chinese Regular", "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif!important;
	margin: 0 0.667rem;
	color: #9797a4;
	font-size: 0.467rem;
	display: inline-block;
	cursor: pointer;
}

.page_banner .pName {
	width: 5rem;
}

.boxOuter .section-box {
	width: 100%;
	background: url(/images/detail/crane3_sum/section-bg.png) no-repeat center center;
	background-size: cover;
	color: #fff;
}

.boxOuter div[class$="left"] {
	float: left;
}

.boxOuter div[class$="right"] {
	float: right;
}

.boxOuter .speakDetail {
	padding: 3.333rem 0;
}

.boxOuter .section-box .speakDetail1-img {
	width: 14.3rem;
	height: 16.667rem;
	background: url(/images/detail/crane3_sum/item1-bg.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .section-box .speakDetail2-img {
	width: 17.133rem;
	height: 18.33rem;
	background: url(/images/detail/crane3_sum/item2-bg.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .section-box .speakDetail3-img {
	width: 13.0667rem;
	height: 18.13rem;
	background: url(/images/detail/crane3_sum/item3-bg.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .section-box .speakDetail-detail {
	width: 45.32%;
	/* word-break: break-all; */
}

.boxOuter .section-box .speakDetail1-simg {
	width: 16.4rem;
	height: 5.7333rem;
	background: url(/images/detail/crane3_sum/item1-detail.png) no-repeat center center;
	background-size: contain;
	margin-top: 4rem;
}

.boxOuter .section-box .speakDetail3-simg {
	width: 13.7rem;
	height: 6.833rem;
	background: url(/images/detail/crane3_sum/item3-detail.png) no-repeat center center;
	background-size: contain;
	margin-top: 4rem;
}

.boxOuter .section-box .sumContent,
.boxOuter .designDetail .sumContent {
	margin-top: 0.4rem;
}

.boxOuter .section-box .speakDetail2-list {
	width: 100%;
	margin-top: 1rem;
}

.boxOuter .section-box .speakDetail2-list>li {
	float: left;
	width: 38%;
	margin-top: 1rem;
}

.boxOuter .section-box .speakDetail2-list>li>.icon {
	width: 2.67rem;
	height: 2rem;
	background-image: url(/images/detail/crane3_sum/item2-detail.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	background-size: 10.167rem 6.567rem;
}

.boxOuter .section-box .speakDetail2-list>li>.detail {
	font-size: 0.6rem;
	margin-top: 0.3rem;
	width: 100%;
	text-align: center;
}

.boxOuter .section-box .speakDetail2-list>li>.icon1 {
	background-position: 1% 0;
}

.boxOuter .section-box .speakDetail2-list>li>.icon2 {
	background-position: top right;
}

.boxOuter .section-box .speakDetail2-list>li>.icon3 {
	background-position: bottom left;
}

.boxOuter .section-box .speakDetail2-list>li>.icon4 {
	background-position: bottom right;
}

.boxOuter .section-box .speakDetail5-img {
	margin: 0 auto;
	width: 18.9rem;
	height: 12.333rem;
	background: url(/images/detail/crane3_sum/item5-img.png) no-repeat center center;
	background-size: contain;
	margin-top: 4rem;
}

.boxOuter .section-box .speakDetail-div>* {
	float: left;
}

.boxOuter .section-box .speakDetail-div,
.boxOuter .section-box .list-content {
	width: 100%;
}

.boxOuter .section-box .speakDetail-div>li {
	float: left;
	margin-right: 2.6rem;
	width: 46.33%;
}

.boxOuter .section-box .list-bt {
	font-size: 0.6rem!important;
	margin-top: 3rem!important;
}

.boxOuter .section-box .list-content>.content-left {
	width: 66.53%;
	border-top: 1px solid #63636d;
	/* float: left; */
}

.boxOuter .section-box .list-content>.content-right {
	width: 24.35%;
	border-top: 1px solid #63636d;
	/* float: right; */
}

.boxOuter .section-box .list-content .numbar {
	width: 100%;
	margin-top: 0.6rem;
}

.boxOuter .section-box .list-content .speakDetail4-num1 {
	width: 39%;
	margin-top: 0.6rem;
}

.boxOuter .section-box .list-content .speakDetail4-num2 {
	width: 47%;
	margin-top: 0.6rem;
}

.boxOuter .section-box .list-content .speakDetail4-num4 {
	width: 45%;
	margin-top: 0.6rem;
}

.boxOuter .section-box .list-content .numtext {
	font-size: 12px!important;
	margin-top: 0rem!important;
}

.boxOuter .section-box .numsbar1 {
	margin-top: 0.7rem;
	width: 49.41%;
}

.boxOuter .section-box .numsbar2 {
	margin-top: 0.7rem;
	width: 66.08%;
}

.boxOuter .section-box .numsbar3 {
	margin-top: 0.7rem;
	width: 39.589%;
}

.boxOuter .section-box .numsbar4 {
	margin-top: 0.7rem;
	width: 85.97%;
}

.boxOuter .section-box .video {
	padding: 4.33rem 0!important;
}

.boxOuter .section-box .video .video-title {
	width: 100%;
	font-size: 0.8667rem;
	border-bottom: 1px solid #63636d;
	line-height: 237%;
}

.boxOuter .section-box .video .video-content {
	/* width: 68%; */
	/* margin: 0 auto; */
	line-height: 158%;
	margin-top: 1rem;
}

.boxOuter .section-box .viewVideo {
	position: relative;
	width: 26.33rem;
	height: 12.93rem;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 4.333rem;
}

.boxOuter .section-box .coverPic {
	width: 100%;
	height: 100%;
}

.boxOuter .section-box .viewVideo i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -0.8rem;
	margin-top: -0.8rem;
}

.boxOuter .section-box .speakDetail6-img {
	margin: 0 auto;
	width: 19.3rem;
	height: 19.8rem;
	background: url(/images/detail/crane3_sum/item6-img.png) no-repeat center center;
	background-size: contain;
	margin-top: 4rem;
}

.boxOuter .section-box .speakDetail7-img1 {
	margin: 0 auto;
	width: 23.63rem;
	height: 8.3rem;
	background: url(/images/detail/crane3_sum/item7-img1.png) no-repeat center center;
	background-size: contain;
	margin-top: 4rem;
}

.boxOuter .section-box .speakDetail7-img2 {
	margin: 0 auto;
	width: 23.63rem;
	height: 13.07rem;
	background: url(/images/detail/crane3_sum/item7-img2.png) no-repeat center center;
	background-size: contain;
	margin-top: 1rem;
}

.boxOuter .cranebg1,
.boxOuter .lastbar {
	background: #f3f3f3;
}

.boxOuter .cranebg2 {
	background: #121212;
}

.boxOuter .cranebg1 .sumTitle {
	color: #141414!important;
}

.boxOuter .cranebg2 .sumTitle {
	color: #fff!important;
}

.boxOuter .cranebg1 .sumContent {
	color: #636371!important;
}

.boxOuter .cranebg .sumContent {
	margin-top: 0.5rem;
}

.boxOuter .cranebg .crane-left {
	width: 41.74%;
}

.boxOuter .cranebg li {
	float: left;
	width: 24%;
	margin-top: 1rem;
}

.boxOuter .cranebg .crane-icon {
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-size: 15.4rem 1.53rem;
	margin: 0 auto;
}

.boxOuter .cranebg1 .crane-icon {
	width: 1.54rem!important;
}

.boxOuter .cranebg1 .crane-icon {
	background-image: url(/images/detail/crane3_sum/crane1-icon.png);
}

.boxOuter .cranebg2 .crane-icon {
	background-image: url(/images/detail/crane3_sum/crane2-icon.png);
}

.boxOuter .cranebg .crane-detail {
	font-size: 0.6rem;
	margin-top: 0.3rem;
	width: 100%;
	text-align: center;
}

.boxOuter .cranebg1 .crane-detail {
	color: #63636f;
}

.boxOuter .cranebg2 .crane-detail {
	color: #e2e2e2;
}

.boxOuter .cranebg .crane-icon1 {
	background-position: top left;
}

.boxOuter .cranebg1 .crane-icon2 {
	background-position: 34.5% 0;
}
.boxOuter .cranebg2 .crane-icon2 {
	background-position: 33.3% 0;
}

.boxOuter .cranebg .crane-icon3 {
	background-position: 66.6% 0;
}

.boxOuter .cranebg2 .crane-icon3 {
	background-position: 66.2% 0;
}

.boxOuter .cranebg1 .crane-icon4 {
	background-position: 100% 0;
}

.boxOuter .cranebg2 .crane-icon4 {
	background-position: 99% 0;
}

.boxOuter .cranebg .crane-img {
	width: 122%;
	margin-left: -10%;
	margin-top: 1rem;
}

.boxOuter .cranebg .crane2-img {
	margin-top: 3rem;
}

.boxOuter .cranebg1 .item8-img {
	width: 16.5rem;
	height: 9.4rem;
	background: url(/images/detail/crane3_sum/item8-img.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .cranebg2 .item8-img {
	width: 16.5rem;
	height: 10.233rem;
	background: url(/images/detail/crane3_sum/item9-img.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .blacktext {
	color: #141414!important;
}

.boxOuter .lastbar .bar-list {
	width: 100%;
}

.boxOuter .lastbar .bar-list>li {
	float: left;
	margin-right: 3.2%;
	width: 31.192%;
}

.boxOuter .lastbar .bar-list>li .bar-img {
	width: 100%;
}

.boxOuter .lastbar .bar-list>li .bar-title {
	font-size: 0.733rem;
	color: #141414;
	margin-top: 1.167rem;
}

.boxOuter .lastbar .bar-list>li .bar-content {
	margin-top: 0.4rem;
	width: 100%;
	/* word-break: break-all; */
	font-size: 0.467rem;
	color: #636371;
	line-height: 145%;
}

.boxOuter .lastbar .bar-list {
	margin-top: 1rem;
}

.boxOuter .lastbar .bar-border {
	width: 91px;
	height: 2px;
	background: url(/images/detail/crane3_sum/bar-border.png) no-repeat center center;
	background-size: cover;
}

.boxOuter .designDetail .designBlock {
	width: 100%;
	position: relative;
	padding: 3rem 0;
}

.boxOuter .designDetail .designBlock1 {
	min-height: 700px;
	background: #1f1e1e;
	background-size: cover;
}

.boxOuter .designDetail .block1-img {
	width: 1353px;
	height: 608px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/images/detail/crane3_des/block1-img.png) no-repeat center center;
	background-size: cover;
}

.boxOuter .designDetail .block2-img {
	width: 23.033rem;
	height: 11.467rem;
	margin: 0 auto;
	margin-top: 2rem;
	background: url(/images/detail/crane3_des/oled.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .designDetail {
	color: #fff;
}

.boxOuter .designDetail .designBlock3 {
	background-color: #1f1e1e;
}

.boxOuter .designDetail .block3-img {
	width: 23.033rem;
	height: 11.467rem;
	margin: 0 auto;
	margin-top: 2rem;
	background: url(/images/detail/crane3_des/block3-img.png) no-repeat center center;
	background-size: contain;
}

.boxOuter .designDetail .block1-content {
	margin-top: 1rem!important;
}

.boxOuter .designDetail .block-list {
	display: table;
	margin: 0 auto;
	margin-top: 2rem;
}

.boxOuter .designDetail .block-list>li {
	float: left;
	margin-right: 2.733rem;
}

.boxOuter .designDetail .block-list .num1-block {
	width: 3.9rem;
}

.boxOuter .designDetail .block-list .num2-block {
	width: 1.77rem;
}

.boxOuter .designDetail .block-list .block3-detail {
	text-align: center;
	font-size: 12px;
	margin-top: 0.4rem;
}

@media screen and (max-width:768px) {
	.topVideo{height:290px;position:relative;}
	.topVideo video{width:100%;height:100%;object-fit:cover;min-width:100%; min-height:100%;}
	.topVideo i{
		position: absolute;
		z-index:1000;
		top: 50%;
		left: 50%;
		margin-left: -25px;
		margin-top: -25px;

	}
	.topVideo i img{width:50px;height:50px;}
	.topVideo .videoText{
		position: absolute;
		z-index:1000;
		top:66%;
		left:50%;
		width:200px;
		margin-left: -100px;
		text-align:center;
		font-size:14px;
		color:#f1f1f1;

	}
	.videoOuter .mfp-close{
		position: absolute;
		top: -30px!important;
		right: 22%!important;
		border-radius: 50%;
		color: #fff!important;
	}
    .page_banner .buyNow{
        float: right;
        background: #cc0c19;
        border-radius: 2px;
        color: white;
        margin-top: 1.7%;
    }
	.page_banner {
		margin-top: 0!important;
	}
	.page_banner .mainCaption>img,
	.b_auto {
		width: 100%;
    }
    .k_auto,.s_auto{
        width: 90%;
    }
	.page_banner .caption {
		width: auto;
		text-align: center;
		padding-top: 8.5rem;
		color: white;
		height: 100%;
		background: url(/images/detail/crane3_sum/banner-img.png) center 64% no-repeat;
		background-size: 21.43rem 17.633rem;
	}
	.page_banner .caption .mainCaption {
		font-size: 20px;
		width: 46%;
		margin: 0 auto;
	}
	.page_banner .caption .subCaption {
		font-size: 2rem;
		margin-top: 0.7rem;
		font-family: "Noto Sans S Chinese Regular", "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif!important;
	}
	.page_banner {
		min-height: 44rem;
		width: 100%;
		background: -webkit-linear-gradient(#121216, #1b1b25 64%, #121216);
		background: -o-linear-gradient(#121216, #1b1b25 64%, #121216);
		background: -moz-linear-gradient(#121216, #1b1b25 64%, #121216);
		background: linear-gradient(#121216, #1b1b25 64%, #121216);
		background-size: cover;
    }
    .page_banner .crane3Bar{
        width: 100%;
        padding: 0 10px;
    }
    /* .page_banner .crane3Bar>.m_auto {
    } */
    .page_banner .crane3Bar {
        bottom: 1.6rem;
        line-height: 3.333rem;
        height: 3.367rem;
    }
    .page_banner .pName {
		width: 8rem;
		display: none;
	}
	.page_banner .changeTab {
		float: left!important;
	}
}
.topVideo .mask{position: absolute;top:0;left:0;width:100%;height:100%;background-color:#151616!important;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
	filter:alpha(opacity=80);
}

@media screen and (min-width:769px) {
	.topVideo{
		height:490px;
		position:relative;
		width:100%;
		overflow:hidden;
	}
	.topVideo video{width:100%;height:100%;
		position:absolute;top:0;left:0;/*top:50%;left:50%;transform:translate(-50%,-50%);*/-o-object-fit:cover;-ms-object-fit:cover;object-fit:cover;min-width:100%;min-height:100%;text-align:center;}
	.topVideo i{
		position: absolute;
		z-index:1000;
		top: 50%;
		left: 50%;
		margin-left: -53px;
		margin-top: -53px;
		cursor: pointer;
	}
	.topVideo .videoText{
		position: absolute;
		z-index:1000;
		top: 66%;
		left:50%;
		width:300px;
		margin-left: -150px;
		text-align:center;
		font-size:24px;
		color:#f1f1f1;
		font-family:"Noto Sans S Chinese Regular","Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;
	}
	.videoOuter{width:830px!important;height:600px!important;margin:0 auto;max-height:800px;background:black;}
	.videoOuter .mfp-close{
		position: absolute;
		top: -30px!important;
		right: 22%!important;
		border-radius: 50%;
		color: #fff!important;
	}
	.buyNow {
		background: #cc0c19;
		cursor: pointer;
		float: right;
		font-size: 18px;
		margin-top: 16px;
		height: 38px;
		line-height: 38px;
		padding: 0 23px;
		text-align: center;
		color: white;
		border-radius: 2px;
	}
	.boxOuter {
		overflow: hidden;
	}
	.boxOuter,
	.topframe,
	.page_banner,
	#head {
		min-width: 1280px;
    }
    .page_banner .caption .subCaption{
        width: 27%;
        float: right;
        text-align: center;
    }
}