﻿html,
body {
	position: relative;
	height: 100%;
	/* overflow-y: hidden; */
}

/*2024*/
.royalIndexBanner{
	margin-top: 80px;
	width: 100%;
	height: calc(100% - 80px);
    overflow: hidden;
    position: relative;
}
.royalIndexAbout{

	/* background-image: url("../images/royalabout-pic.jpg"); */
}

.royalIndexAbout .aboutBlock{
	width: 90%;
	margin: 4% 5%;
	background-color: #f3f3f3;
	padding: 4%;
}
.royalIndexAbout .aboutl .detail{
	background-color: #fff;
	width: 150px;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 30px;
	line-height: 36px;
	border-radius: 30px;
	box-shadow: 1px 1px 1px #ccc;
}
.royalIndexAbout .aboutl .detail a{
	color: #f0b44b;	
	font-size: 13px;	
	font-weight: bold;
	letter-spacing: 1px;	

}
.royalIndexAbout .aboutl_b .num{
	display: inline-block;
	vertical-align: middle;
	line-height: 48px;
	font-size: 30px;
	font-weight: bold;
}

.royalIndexAbout  .h3_Eg{
    font-size: 22px;
    color: #424040;
    /* font-weight: bold; */
    margin-top: 8px;
}
.royalIndexAbout .aboutl p{}
.royalIndexAbout  .h3_Eg span{
	/* color: #f0b44b; */
}
.royalIndexAbout  .h2_b {
	font-size: 36px;
	color: #424040;
	font-weight: bold;
}
.royalIndexAbout .about_text .line{
	display: inline-block;
	width: 50px;
	height: 1.5px;
	background-color: #333;
	margin-top: 20px;
}
.royalIndexTVC{
    position: relative;
    padding-bottom: 36%;
    background-image: url("../images/royalTVC-bg.jpg");
    background-repeat: repeat-x;
    background-size: contain;
}
.royalIndexTVC .titleCont{
    padding: 4% 10%;
    text-align: center;
}
.royalIndexTVC .titleCont .title{
    display: block;
    color: #3a3a3a;
    font-size: 22px;
}
.royalIndexTVC .titleCont .title2{
    font-size: 15px;
}
.royalIndexTVC .TVCbg{width: 60%;padding-bottom: 30%;background-color: #696969;position: absolute;left: 50%;margin-left: -30%;top: 18%;}
.royalIndexTVC .content{
    width: 56%;
    /* padding-bottom: 40%; */
    background-color: #b2b2b2;
    position: absolute;
    left: 50%;
    margin-left: -28%;
    top: 21%;
}
.royalIndexTVC .PC_video{
    width: 100%;
    /* margin: 0 auto; */
    /* display: none; */
}
.royalIndexProduct{
	margin-top: 3%;
}
.royalIndexProduct .switch_product_box{
	height: 680px;
}
.royalIndexNew{
	margin-top: 3%;
}
.royalIndexNew .con_block_tab{
	padding-bottom: 2%;
}
.royalIndexSever{/* margin-top: 3%; */}
.royalIndexSever .service_Block{
    padding: 10% 0;
}
.royalIndexSever .service_Block_p{
    position: relative;
    top: inherit;
    transform: inherit;
}
.royalIndexSever .inner_w{}

/*2024*/

.swiper-container-vertical{
	margin-top: 115px;
}
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

.swiper-slide,
.slideBlock {
	display: block;
	height: 100%;
	/* Center slide text vertically */
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	/*-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}
.head_box{
	/*min-width: 1200px;*/
	z-index: 999;
	position: fixed;
}

/*Ã¨Â½Â®Ã¦â€™Â­*/

.banner_swiper,
.banner_wrapper {
	width: 100%;
}

.banner_wrapper .inner_banner_a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.banner_wrapper .swiper-slide a img {
	width: 100%;
}

.banner_swiper {
	position: relative;
}

.banner_swiper .bnPagination {
	position: absolute;
	bottom: 24px;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 0 14px;
	line-height: 25px;
	z-index: 10;
	text-align: center;
}
.bnPagination .btn-box{
    display: inline-block;
    background-color: rgba(112, 112, 112, 0.1);
    border-radius: 12px;
    padding: 0 5px;
}

.bnPagination .swiper-pagination-bullet {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	display: inline-block;
}

.bnPagination .swiper-pagination-bullet-active {
	width: 11px;
	height: 11px;
	background-color: #f0b44b;
	border: none;
}

.bnPagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}

.inner_w {
	width: 90%;
	margin: 0 auto;
}

.inner_w .list-box {
	margin-top: 10%;
}

.inner_w .nav_m_a dl {}

.inner_w .nav_m_a dl dt {}

.inner_w .nav_m_a dl dd {
	font-size: 17px;
	margin-top: 5px;
}


/*.inner_slide {
	padding-top: 110px;
}*/

.slideBlock,
.aboutBlock {
	width: 100%;
}


/*Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬*/

.aboutBlock,
.productBlock,
.consultationBlock {
	width: 100%;
	/* padding-top: 5%; */
	box-sizing: border-box;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 10px;

}


.about_wrap {
	text-align: center;
}

.aboutl {
	margin-right: 44%;
	vertical-align: middle;
	padding-top: 5%;
	box-sizing: border-box;
}

.h2_b {
	font-size: 22px;
    color: #535353;
}

.h3_Eg {
	padding-top: 3px;
	color: #cbcbcb;
	padding-top: 3px;
}

.aboutl p {
	font-size: 14px;
	color: #535353;
	width: 90%;
	margin-top: 18px;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: justify;
}
.aboutl p span{font-size:15px;/* color: #7c7979; */font-family:"微软雅黑";}
.ab_Img {
	width: 35%;
}

.ab_Img img {
	width: 100%;
	vertical-align: middle;
}

.aboutl_b {
	margin-top: 48px;
}

.aboutl_b dl {
	float: left;
	display: inline-block;
	width: 22%;
	margin-right: 7%;
	color: #535353;
}

.aboutl_b dl.mr0 {
	margin-right: 0;
}

.aboutl_b dl dt {
	white-space: nowrap;
	font-size: 16px;
	text-emphasis: ellipsis;
	overflow: hidden;
	color: #555;
}

.aboutl_b dl dt span {
	display: inline-block;
	width: 95px;
	height: 48px;
	/* padding-right: 4px; */
}

.aboutl_b dl dd,
.con_block_tab_a p,
.product_r p {
	
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-o-line-clamp: 2;
	-ms-line-clamp: 2;
	font-size: 14px;
	display: inline-block;
}

.aboutl_b dl dd {
	padding-top: 6px;
	font-size: 14px;
	color: #626262;
	margin-left: 4px;
}

.aboutl_b dl a {
	display: inline-block;
}

.aboutl_b dl a:hover dt {
	color: #f9b84c;
}

.aboutl_b .about_iocn {
	width: 46px;
	height: 40px;
	/* padding-right: 14px; */
}

.aboutl_b .about_iocn21 {
	background-position: center;
	background: 0 0 url(../images/royal-icon3.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
}

.aboutl_b .about_iocn22 {
	/* background-position: -56px 2px; */
	background: 0 0 url(../images/royal-icon2.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
}

.aboutl_b .about_iocn23 {
	/* background-position: -121px 6px; */
	background: 0 0 url(../images/royal-icon1.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
}

.aboutl_b .about_iocn24 {
	background-position: -189px 1px;
}


/*s视频*/

.videoBlock {
	width: 100%;
	height: 28%;
	position: relative;
	overflow: hidden;
	color: #fff;
	display: block;
	margin-top: 4.5%;
}

.img_D {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1);
	transition: all 0.4s ease 0s;
}

.video_img {
	background-image: url(../images/video_img.png);
}

.video_img.hover,
.service_img.hover {
	/*animation-name: imgB;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	/* Safari Ã¥â€™Å’ Chrome */
	/*animation-fill-mode: forwards;*/
	transform: scale(1.1);
}

/*@keyframes imgB {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.06);
	}
}*/

.video_p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.videoBlock .video_p .video_l,
.videoBlock .video_p .video_l h2 {
	color: #fff;
}

.video_l p {
	font-size: 14px;
	width: 50%;
	margin-top: 12px;
	line-height: 22px;
	color: #f8f7f7;
}

.video_btn {
	width: 212px;
	height: 182px;
	border: 1px solid #a1a1a3;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 0 #d2cabc;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	/*margin-right: 20%;
	margin-left: 5%;*/
}
.video_btn:hover{
	-webkit-animation:none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);}}
.video_btn a {
	display: inline-block;
	width: 209px;
	height: 146px;
	position: absolute;
	border: 1px solid #a1a1a3;
	top: 50%;
	transform: translateY(-50%);
	left: 16%;
	z-index: 10;
	/*margin-top: 15px;*/
}

/*.video_btn a:hover {
	box-shadow: 5px 5px 10px rgba(255, 255, 255, 0.1);
	transform: translateX(-2px) translateY(-2px);
}*/

.video_btn img {
	/*width: 100%;*/
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% ,-50%);
}


/*Ã¤ÂºÂ§Ã¥â€œÂ*/

.productBlock_t {
	text-align: center;
}

.productBlock_nav li {
	display: inline-block;
	padding: 2px 50px;
	/*border-right: 1px solid #dedede;*/
	margin-top: 1.2%;
	margin-bottom: 2%;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.productBlock_nav li:after{
	position: absolute;
    content: "";
    clear: both;
    width: 1px;
    height: 60%;
    background-color: #dedede;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.productBlock_nav li.br0:after {
	background-color: #fff;
}
.productBlock_nav li a{
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.productBlock_nav li a:hover {
	color: #f9b84c;
}

.productBlock_nav li a.on {
	color: #ffcd7b;
}
.productBlock_b {
	height: 78%;
}

.switch_product_btn {
	width: 245px;
	height: 100%;
	overflow: hidden;
}

.switch_product_btn .swiper-slide {
	/*margin-bottom: 0 !important;*/
	box-sizing: border-box;
	border-top: 1px solid #cecece;
}

.switch_product_btn .swiper-slide a {
	display: block;
	font-size: 16px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fafafa;
	color: #535353;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	z-index: 2;
}

.switch_product_btn .swiper-slide a span {
	display: inline-block;
	width: 100%;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.switch_product_btn .swiper-container .swiper-slide-thumb-active a {
	background-color: #535353;
	color: #ffffff;
}

.switch_product_btn .swiper-container button {
	width: 100%;
	height: 30px;
	border: 0;
	cursor: pointer;
	background-color: #eee;
	position: absolute;
	z-index: 3;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.switch_product_btn .swiper-container button.btn-top {
	top: 0;
	-webkit-transform: translate(0, -120%);
	-moz-transform: translate(0, -120%);
	-ms-transform: translate(0, -120%);
	transform: translate(0, -120%);
}

.switch_product_btn .swiper-container button.btn-bottom {
	bottom: 0;
	-webkit-transform: translate(0, 120%);
	-moz-transform: translate(0, 120%);
	-ms-transform: translate(0, 120%);
	transform: translate(0, 120%);
}

.switch_product_btn .swiper-container button img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.switch_product_btn .swiper-container:hover button {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.switch_product_box {
	/* margin-left: 245px; */
	height: 100%;
}

.switch_product_box .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.switch_product_box .swiper-slide .product_l {
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.switch_product_box .product_r {
	position: absolute;
	right: 250px;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	width: 300px;
	height: 100%;
	text-align: center;
	padding: 0 20px;
	transition: right 1s ease;
}

.switch_product_box .swiper-slide-active .product_r{
	right: 0;
	transition-delay: 2s;
	transition: right 1s ease;
}
.switch_product_box .product_r h4 {
	font-size: 26px;
	height: 30px;
	line-height: 20px;
	padding: 0;
	margin: 0;
}
.switch_product_box .product_r h4 em{
	font-size:30px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.switch_product_box .product_r h5 {
	font-size: 20px;
}

.switch_product_box .product_r p {
	width:150px;
	margin-top: 10px;
	font-size: 13px;
	line-height: 20px;
}

.switch_product_box .product_r>div {
	position: absolute;
	width: 100%;
	display: inline-block;
	top: 50%;
	left:0;
	/* transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%); */
	color: #eaeaea;
}


/*Ã¥â€™Â¨Ã¨Â¯Â¢Ã¤Â¸Â­Ã¥Â¿Æ’*/

.con_btn .swiper-slide {
	color: #535353;
}

.con_btn .con_btn-slide-active {
	color: #f9b84c;
}

.con_block_tab {
	/* background-color: #f7f7f7; */
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}

.con_block_tab .con_prev {
	width: 24px;
	height: 42px;
	background-image: url(../images/icon_conl.png);
	background-size: 24px 42px;
	left: 30.5%;
}

.con_block_tab .con_next {
	width: 24px;
	height: 42px;
	background-image: url(../images/icon_conr.png);
	background-size: 24px 42px;
	right: 31%;
}

.con_block_tab .swiper-slide {
	padding: 10px;
	padding-top: 8%;
	padding-left: 0;
	padding-bottom: 6%;
	width: 30%;
	margin: 0 3%;
}

.con_block_tab .swiper-slide:nth-child(3n) {
	margin-right: 0;
}

.con_block_tab .con_block_tab_a {
	display: block;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 6px rgba(75, 71, 71, 0.3);
	position: relative;
	text-align: center;
	color: #535353;
	padding: 0 14%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 21%;
	padding-bottom: 14%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.con_block_tab .swiper-slide-active .con_block_tab_a {
	box-shadow: 0 0 20px rgba(75, 71, 71, 0.4);
	transform: scale(1.15);
}

.con_block_tab_a .con_portrait {
	width: 200px;
	height: 200px;
	background-color: #fff;
	border-radius: 50%;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 6px solid #fff;
}

.con_block_tab_a h4 {
	font-size: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.con_block_tab_a p {
	font-size: 14px;
	text-align: center;
	padding: 5% 0;
	line-height: 30px;
	height: 48px;
}

.go_r {
	display: inline-block;
	cursor: pointer;
}

.con_bottom {
	background-color: #f5f5f5;
	font-size: 22px;
	text-align: center;
	width: 100%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.con_block_tab .con_pagination {
	bottom: 40px;
}

.con_block_tab .swiper-pagination-bullet {
	opacity: 0.6;
}

.con_block_tab .swiper-pagination-bullet-active {
	background: #ffb802;
}


/*Ã¦Ë†â€˜Ã¤Â»Â¬Ã§Å¡â€žÃ¦Å“ÂÃ¥Å Â¡*/

.service_Block {
	width: 100%;
	height: 67%;
	overflow: hidden;
	position: relative;
	display: block;
}

.service_img {
	background-image: url(../images/service_img.png);
	background-size: cover;
}

.service_Block_p {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}

.service_Block_p h2 {
	color: #fff;
}

.service_Block_p a.nav_m_a {
	float: initial;
	color: #fff;
}

.service_Block_p .nav_m_a {
	margin: 0 45px;
}

.service_Block_p a.nav_m_a:hover {
	color: #f9b84c;
}

.service_Block_p .service_iocn {
	background: 0 0 url(../images/server_icon.png) no-repeat;
	width: 65px;
	height: 65px;
	padding-bottom: 26px;
	background-size: 540%;
}

.service_Block_p a.nav_m_a dt {
	height: auto;
	padding-bottom: 0;
}

.service_Block_p .service_iocn21 {
	background-position: 0 0;
}

.service_Block_p .service_iocn22 {
	background-position: -70px 4px;
}

.service_Block_p .service_iocn23 {
	background-position: -143px 0;
}

.service_Block_p .service_iocn24 {
	background-position: -208px 0;
}

.service_Block_p .service_iocn25 {
	background-position: -280px 0;
}

.footer_slide {
	position: relative;
}

.footer {
	/* position: absolute; */
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 999;
	/*display: none;*/
}
.footer .bg{
	position: absolute;
	z-index: 3;
}
.footer .shareRoundIcons{
	position: absolute;
	z-index: 4;
}
.media {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	z-index: 999;
	text-align: right;
	display: none;
}

.PC_video {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.media .video_off {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	background-color: rgba(255, 255, 255, 0);
	z-index: 99999999;
	font-size: 24px;
	color: whitesmoke;
	cursor: pointer;
	text-align: center;
}
@media screen and ( min-width: 1920px) {
	.go_r{margin-top: 4%;}
	
}
@media screen and ( max-width: 2049px) {
	.ab_Img {
		/* width: 35%; */
	}
	.aboutl {
		padding-top: 3%;
	}
	.videoBlock {
		margin-top: 4%;
		height: 26%;
	}
	.con_block_tab_a .con_portrait {
		width: 180px;
		height: 180px;
	}
	.con_block_tab_a p {
		padding: 3% 0;
	}
	.con_block_tab .swiper-slide {
		padding-top: 8%;
		padding-bottom: 6%;
	}
	.con_block_tab .con_pagination {
		bottom: 46px;
	}
	.con_block_tab .con_block_tab_a {
		padding-top: 20%;
		padding-bottom: 15%;
	}
	.service_Block {
		height: 64%;
	}
	.service_Block_p {
		transform: translateY(-43%);
	}
	.service_Block_p .service_iocn {
		padding-bottom: 12px;
	}
	.productBlock_nav li {
		margin-bottom: 1.2%;
	}
	.con_block_tab .swiper-slide-active .con_block_tab_a{
		transform: scale(1.05);
	}
	.inner_w .list-box {
		margin-top: 7%;
	}
}

@media screen and ( max-width: 2007px) {

	.ab_Img {
		width: 29%;
		margin-top: 3%;
	}
	.royalIndexAbout .ab_Img {
		width: 35%;
		margin-top: 5%;
	}
	.aboutl {
		padding-top: 3%;
	}
	.videoBlock {
		margin-top: 7%;
		height: 26%;
	}
	.productBlock_b {
		height: 68%;
	}
	.con_block_tab_a .con_portrait {
		width: 180px;
		height: 180px;
	}
	.con_block_tab_a p {
		padding: 3% 0;
	}
	.con_block_tab .swiper-slide {
		padding-top: 7%;
		padding-bottom: 4%;
	}
	.con_block_tab .con_pagination {
		bottom: 28px;
	}
	.con_block_tab .con_block_tab_a {
		    padding-top: 23%;
    		padding-bottom: 13%;
	}
	.go_r{
		padding-top: 4%;
	}
	.service_Block {
		height: 55%;
	}
	.service_Block_p {
		transform: translateY(-40%);
	}
	.service_Block_p .service_iocn {
		padding-bottom: 18px;
	}
	.productBlock_nav li {
		margin-bottom: 2%;
	}

	.inner_w .list-box{
		margin-top: 5%;
	}
	.footer .bottom_nav{
		padding-top: 28px;
    padding-bottom: 18px;
	}
}

@media screen and ( max-width: 1921px) {
	.service_Block {
		height: 59%;
	}
	.videoBlock {
		margin-top: 5%;
		height: 28%;
	}
	.con_block_tab .swiper-slide {
	    padding-top: 8%;
	    padding-bottom: 5%;
	}
	.productBlock_b{
		height: 70%;
	}
	.productBlock_nav li{
		margin-bottom: 2.5%;
		margin-top: 1.6%;
	}
	.con_block_tab .con_next{
		right: 30.5%;
	}
	.con_block_tab .con_prev{
		left: 29.5%;
	}
	.video_btn{
		width: 180px;
    	height: 148px;
	}
	.video_btn a{
		width: 164px;
    	height: 116px;
	}
	.royalproductLunbo{
		height: 1000px;
	}
	.aboutl_b{margin-top: 30px;}
}


@media screen and (max-width: 1640px){
	
	.service_Block{
		height: 64%;
	}

	.videoBlock {
	    margin-top: 6%;
	    height: 30%;
	}
	.con_block_tab .con_block_tab_a {
	    padding-top: 20%;
	    padding-bottom: 14%;
	}
	.con_block_tab .swiper-slide {
	    padding-top: 9%;
	    padding-bottom: 6%;
	}
	.video_btn{
		width: 170px;
    	height: 138px;
	}
	.video_btn a{
		width: 154px;
    	height: 106px;
	}

	.productBlock_b{height: 72%;}
}
@media screen and (max-width: 1600px){
	.videoBlock {
	    margin-top: 4%;
	    height: 27%;
	}
	.video_btn{
		width: 160px;
    	height: 128px;
	}
	.video_btn a{
		width: 144px;
    	height: 96px;
	}
	.con_block_tab .swiper-slide {
	    padding-top: 8%;
	    padding-bottom: 4%;
	}
	.con_block_tab_a .con_portrait {
	    width: 160px;
	    height: 160px;
	}
	.con_block_tab .con_pagination {
	    bottom: 14px;
	}
	.inner_w .list-box {
	    margin-top: 2%;
	}
	.footer .shareList dl{
		margin-right: 10px;
	}
	.con_block_tab_a h4{
		font-size: 22px;
	}
	.con_bottom{
		height: 54px;
		line-height: 54px;
		font-size: 20px;
	}
	.royalIndexAbout .aboutl p span{
		font-size: 13px;
	}
	.royalIndexProduct .switch_product_box{
		height: 550px;
	}
	.royalIndexAbout .aboutl_b .num{
		font-size: 24px;
	}
	.royalIndexAbout .ab_Img{
		width: 38%;
	}
}

@media screen and (max-width: 1440px){
	.ab_Img{margin-top: 5%;}
}

@media screen and (max-width: 1367px){
	.aboutl_b {
	    margin-top: 28px;
	}
	.aboutl p{
		width: 100%;
		line-height: 28px;
	}
	.aboutl_b dl dd{
		padding-top: 6px;
	}
	.videoBlock{
		margin-top: 2.5%;
		height: 25%;
	}
	.video_l p{
		font-size: 12px;
		margin-top: 3px;
		line-height: 18px;
		width: 62%;
	}
	.video_btn {
	    width: 132px;
	    height: 102px;
	}
	.video_btn a {
	    width: 132px;
	    height: 72px;
	}
	.video_btn img{
		transform: translate(-50%,-50%) scale(0.8);
	}
	.con_block_tab_a h4{
		font-size: 18px;
	}
	.con_block_tab_a p{
		font-size: 12px;
		line-height: 24px;
	}
	.go_r{
		transform: scale(0.7);
	}
	.con_bottom{
		height: 42px;
    	line-height: 42px;
    	font-size: 16px;
	}
	.con_block_tab_a .con_portrait {
	    width: 132px;
	    height: 132px;
	    border: 3px solid #fff;
	}
	.con_block_tab .swiper-slide {
	    padding-top: 7%;
	    padding-bottom: 4%;
	}
	.con_block_tab .con_pagination {
	    bottom: 6px;
	}
	.productBlock_nav li {
	    margin-bottom: 1.5%;
	    margin-top: 1%;
	}
	.con_block_tab .con_block_tab_a {
	    padding-top: 18%;
	    padding-bottom: 13%;
	}
	.service_Block {
	    height: 60%;
	}
	.service_Block_p {
	    transform: translateY(-34%);
	}
	.inner_w .list-box {
	    margin-top: 4%;
	}
	.service_Block_p .service_iocn {
	    padding-bottom: 0px;
	    transform: scale(0.6);
	}
	.inner_w .nav_m_a dl dd{
		font-size: 14px;
		margin-top: 0px;
	}
	.service_Block_p a.nav_m_a{
		padding: 20px 0;
	}
	.h2_b{
		font-size: 24px;
	}
	.h3_Eg{
		font-size: 22px;
	}

	.videoBlock {
	    margin-top: 4%;
	    height: 26%;
	}
	
	.aboutl_b .about_iocn{
		/* width: 33px; */
		/* height: 36px; */
	}

	.ab_Img{margin-top: 7%;}
	.productBlock_nav li{
		margin-bottom: 1.5%;
        margin-top: 1.2%;
	}
	.switch_product_box .product_r{
		width:240px;
	}
	.switch_product_box .product_r h4{font-size: 26px;}
	.aboutl_b dl dd{padding-top: 5px;font-size: 12px;}
	.aboutl_b{margin-top: 40px;}
	.productBlock_b {height: 74%;}
	.con_block_tab_a .con_portrait {
		width: 130px;
		height: 130px;
	}
	.con_block_tab_a h4{font-size: 20px;}
	.con_block_tab_a p{line-height: 25px;font-size: 13px;}
	.con_bottom{font-size: 20px;}
	
}
@media screen and (max-width: 1320px){
	.middle_head li {
	    padding: 0 1.5%;
	    font-size: 12px;
	}
	.aboutl_b {
	    margin-top: 24px;
	}
	.aboutl_b .about_iocn{
		/* height: 42px; */
		transform: scale(0.8);
	}
	.productBlock_b {
	    height: 64%;
	}
	.videoBlock {
	    margin-top: 7%;
	    height: 28%;
	}
}

@media screen and (max-width: 1280px){
	
	
	.videoBlock {
	    margin-top: 2%;
	    height: 26%;
	}
	.aboutl_b {
	    margin-top: 40px;
	}
	.productBlock_nav li {
	    margin-bottom: 2%;
	    margin-top: 2%;
	}
	.h3_Eg{
		padding-top: 6px;
	}
	.switch_product_box .product_r{
		width: 280px;
	}
	.con_block_tab .swiper-slide {
	    padding-top: 8%;
	    padding-bottom: 5%;
	}
	.con_block_tab .con_pagination {
	    bottom: 20px;
	}
	.service_Block_p {
	    transform: translateY(-38%);
	}
	.con_block_tab .con_block_tab_a {
	    padding-top: 20%;
	    padding-bottom: 12%;
	}
	.con_block_tab_a p{
		line-height: 28px;
		margin-bottom: 3%;
		padding: 0 0;
	}
	.service_Block {
	    height: 59%;
	}
	.con_block_tab_a p{
		line-height: 24px;
	}
	.go_r{
		padding-top: 3%;
	}
	.middle_head li {
	    padding: 0 1.5%;
	    font-size: 12px;
	}
	.aboutl_b {
	    margin-top: 24px;
	}
	.aboutl_b .about_iocn{
		height: 42px;
		transform: scale(0.8);
	}
	.productBlock_b {
	    height: 64%;
	}
}

@media screen and (max-width: 1230px){
	.videoBlock {
	    margin-top: 4%;
	    height: 26%;
	}
	.aboutl_b .about_iocn{
		height: 42px;
	}
	.aboutl_b {
	    margin-top: 32px;
	}
	.productBlock_nav li {
	    margin-bottom: 1%;
	    margin-top: 1.5%;
	}
}
@media screen and (max-width: 1024px){
	.videoBlock {
	    margin-top: 2%;
	    height: 26%;
	}
	.aboutl_b .about_iocn{
		height: 42px;
		transform: scale(0.8);
	}
	.aboutl_b {
	    margin-top: 32px;
	}
	.productBlock_nav li {
	    margin-bottom: 1%;
	    margin-top: 1%;
	}
	.productBlock_b {
	    height: 70%;
	}
	.go_r {
	    padding-top: 2.5%;
	}
	.con_block_tab .swiper-slide{
		padding-bottom: 4%;
	}
	.inner_w .list-box {
	    margin-top: 0%;
	}
}

@media screen and (max-height: 720px){
	body{
		font-size: 12px;
	}
	.footer .bottom_nav_ul li {
	    line-height: 25px;
	}
	.footer .bottom_nav {
	    padding-top: 34px;
	    padding-bottom: 18px;
	}
	.aboutl_b {
	    /* margin-top: 16px; */
	}
	.videoBlock {
	    margin-top: 2%;
	    height: 26%;
	}
	.productBlock_nav li {
	    margin-bottom: 1%;
	    margin-top: 1%;
	}
	.switch_product_btn{
		width: 208px;
	}
	.switch_product_box{
		/* margin-left: 208px; */
	}
	.switch_product_btn .swiper-container button{
		height: 22px;
	}
	.switch_product_btn .swiper-container button img{
		transform: scale(0.8);
	}
	.con_block_tab .swiper-slide {
	    padding-top: 6%;
	    padding-bottom: 3.5%;
	}
	.con_block_tab_a .con_portrait{
		width: 118px;
		height: 118px;
	}
	.con_block_tab .con_block_tab_a {
	    padding-top: 18%;
	    padding-bottom: 14%;
	}
	.con_block_tab .con_pagination {
	    /* bottom: 7px; */
	}
	.h2_b {
	    /* font-size: 36px; */
	    /* color: #000; */
	}
	.h3_Eg {
	    font-size: 19px;
	    /* color: #000; */
	    /* margin-top: 5px; */
	}
	.aboutl p{
		font-size: 12px;
		line-height: 28px;
	}
	.aboutl_b dl dt{
		font-size: 14px;
	}
	.aboutl_b dl dd{
		/* font-size: 12px; */
	}
	.con_block_tab_a h4{
		font-size: 16px;
	}
}
/* @media screen and ( min-width: 800px){

}
@media screen and ( min-width: 1024px){
	.con_block_tab .con_next{
		right: 31%;
	}
	.con_block_tab .con_prev{
		left: 30.4%;
	}
	.ab_Img{
		width: 40%;
	}
	.aboutl{
		padding-top: 0;
	}
}

@media screen and ( max-width: 1152px){}
@media screen and ( max-width: 1176px){}
@media screen and ( max-width: 1280px){}
@media screen and ( max-width: 1360px){}
@media screen and ( max-width: 1366px){}
@media screen and ( max-width: 1470px){
	.videoBlock{
		height: 28%;
	}
	.video_btn{
		width: 14%;
	}
	.aboutl{
		padding-top: 10%;
	}
}
@media screen and ( max-width: 1600px){}
@media screen and ( max-width: 1680px){
	.con_block_tab .con_next{
		right: 31%;
	}
	.videoBlock{
		height: 22%;
	}
	.video_btn{
		width: 14%;
	}
	.aboutl{
		padding-top: 10%;
	}
	
} */


/* @media screen and ( max-width: 1760px){
	.videoBlock{
		margin-top: 10%;
		height: 28%;
	}
	.aboutBlock{
		padding-top: 12%;
	}
	.productBlock_nav li {
		margin-top: 2%;
		margin-bottom: 3%;
	}
	.h3_Eg{
		padding-top: 14px;
	}
	.con_block_tab .swiper-slide {
		padding-top: 10%;
		padding-bottom: 10%;
	}
}
@media screen and ( max-width: 1920px){
	.con_block_tab .con_next{
		right: 31%;
	}
	.videoBlock{
		height: 24%;
	}
	.ab_Img{
		width: 32%;
	}
	.aboutl{
		padding-top: 4.5%;
	}
	.productBlock_nav li{
		margin-top: 1.5%;
		margin-bottom: 2.5%;
	}
	.aboutBlock{
		padding-top: 13%;
	}
	.con_block_tab .swiper-slide{
		padding-top: 6%;
		padding-bottom: 4%;
	}
	.video_btn{
		width: 10%;
	}
}
@media screen and ( max-width: 2046px){
	.con_block_tab_a .con_portrait{
		width: 200px;
		height: 200px;
	}
	.service_Block{
		height: 58%;
	}
	.ab_Img{
		width: 34%;
	}
	.aboutl{
		padding-top: 8%;
	}
	.con_block_tab .swiper-slide{
		padding-bottom: 5%;
	}
	
}
@media screen and ( max-width: 2500px){
	.con_block_tab_a .con_portrait{
		width: 240px;
		height: 240px;
	}
	.con_block_tab .swiper-slide{
		padding-top: 8.5%;
	}
	.service_Block{
		height: 65%;
	}
	.ab_Img{
		width: 32%;
	}
	.videoBlock{
		height: 28%;
	}
	.aboutl{
		padding-top: 8%;
	}
	.switch_product_box{
		margin-left: 280px;
	}
	.switch_product_btn{
		width: 280px;
	}
	.aboutBlock, .productBlock, .consultationBlock{
		padding-top: 16%;
	}
} */