body{
	font-family: Microsoft Yahei, Arial, sans-serif;
}
a:focus,a:hover{
	text-decoration: none;
}
/*menu*/
.otherpage-nav {
    display: none !important;
  }

  /* mobile 鍘婚櫎棣栭〉瀵艰埅 */
  .r-header .nav-list .nav-list-header{
	display: none !important;
  }
  
/***************** banner *******************/
.r-banner .swiper-slide{
	position: relative;
}
.r-banner .com-content {
	position: absolute;
	top: 34%;
	/* top:6.5%; */
	left: 50%;
	width: 1200px;
	margin-left: -600px;
}
.ban-sec-title{
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 30px;
	color: #fff;
	line-height: 1.1;
	margin-top: 0;
}
.ban-first-title {
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 60px;
	letter-spacing: 1.4px;
	line-height: 39px;		
	color: #fff;
	font-weight: 200;
}

.ban-first-title span {
	display: inline-block;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-weight: bold;
	margin-bottom: 20px;
}

.ws-view-more {
	display: inline-block;
	font-family: Microsoft Yahei, Arial, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	border-radius: 2em;
	padding: 0.5em 2.5em 0.5em 2.5em;
	line-height: 1;
	font-weight: 100;
	margin-top: 9%;
	background: #d20032;
	border: 0;
}

.ws-view-more span {
	display: inline-block;
	width: 22px;
	display: none;
}

.ws-view-more:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.r-banner .swiper-slide img {
	display: block;
	width: 100%;
}
.r-banner .swiper-slide img.mb-show{
	display: none;
}
.r-banner .swiper-button-prev,
.r-banner .swiper-button-next {
	width: 44px;
	height: 81px;
	margin-top: -40.5px;
	position: absolute;
	top:50%;
}

.r-banner .swiper-button-prev {
	background: url(../images/r-banner-left-btn-icon.png) no-repeat;
	left: 10%;
}

.r-banner .swiper-button-next {
	background: url(../images/r-banner-right-btn-icon.png) no-repeat;
	right: 10%;
}

.r-banner .swiper-pagination,
.recent-news .swiper-pagination,
.btm-banner .swiper-pagination,
.the-solution .swiper-pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.r-banner .swiper-pagination-switch,
.recent-news .swiper-pagination-switch,
.btm-banner .swiper-pagination-switch,
.the-solution .swiper-pagination-switch {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #FFFFFF;
	margin: 0 5px;
	cursor: pointer;
}

.recent-news .swiper-pagination-switch,
.the-solution .swiper-pagination-switch {
	background: #d1d1d1;
}

.r-banner .swiper-active-switch,
.recent-news .swiper-active-switch,
.btm-banner .swiper-active-switch,
.the-solution .swiper-active-switch {
	background: #d20032;
	width: 12px;
	height: 12px;
	border-radius: 6px;
}

@media (max-width: 1650px) {
	.r-banner .swiper-button-prev {
		left: 4%;
	}
	.r-banner .swiper-button-next {
		right: 4%;
	}
}

@media (max-width: 1440px) {
	.r-banner .com-content {
		width: auto;
		margin-left: 0;
		left: 10%;
	}
	.ws-view-more {
		margin-top: 10%;
	}
}

@media (max-width: 1280px) {
	.ban-first-title {
		font-size: 40px;
		line-height: 1.16;
	}
	.ban-first-title span {
		margin-bottom: 0.2em;
	}
	.ws-view-more,
	.ban-sec-title {
		font-size: 22px;
	}
}

@media (max-width: 1024px) {
	.r-banner .swiper-button-prev,
	.r-banner .swiper-button-next {
		background-size: 35px;
		width: 35px;
		height: 65px;
		margin-top: -32.5px;
	}
	.ban-first-title {
		font-size: 36px;
		line-height: 1.16;
	}
	.ws-view-more{
		font-size: 16px;
		background-size: auto 16px;
		margin-top: 15px;
	}
	.ban-sec-title {
		font-size: 32px
	}
	.r-banner .com-content {
		top: 25%;
	}	
	.r-banner{
		padding-top: 0;
	}
}

@media (max-width: 768px) {
	.r-banner .swiper-button-prev,
	.r-banner .swiper-button-next {
		display: none;
	}
	.ban-first-title {
		font-size: 40px;
		line-height: 1.16;
	}
	.ws-view-more{
		font-size: 20px;
		background-size: auto 20px;
	}
	.ban-sec-title {
		font-size: 39px;
		background-size: auto 30px;
	}
	.r-banner .swiper-pagination-switch,
	.recent-news .swiper-pagination-switch,
	.btm-banner .swiper-pagination-switch,
	.the-solution .swiper-pagination-switch {
		width: 8px;
		height: 8px;
		margin: 0 4px;
	}
	.r-banner .swiper-active-switch,
	.recent-news .swiper-active-switch,
	.btn-banner .swiper-active-switch,
	.the-solution .swiper-active-switch{
		height: 9px;
		width: 9px;
	}
	.ws-view-more {
		padding: .5em 2em .5em 1em;
		background-position: 5.5em center;
		margin-top: 28%;
	}
	.r-banner .swiper-slide img.pc-show{
		display: none;
	}
	.r-banner .swiper-slide img.mb-show{
		display: block;
	}
	.r-banner .com-content{
		left: 5%;
		top: 25%;
		padding: 0;
	}
}

@media (max-width: 600px) {
	.ws-view-more {
		margin-top: 20%;
	}
	.ban-first-title{
		font-size: 30px;
	}
	.ban-sec-title {
		font-size: 29px;
	}
}

@media (max-width: 480px) {
	.ban-first-title {
		font-size: 24px;
		line-height: 1.16;
		color:#fff;
	}
	.ws-view-more{
		font-size: 12px;
		margin-top: 25px;
		background-size: auto 12px;
	}
	.ban-sec-title {
		font-size: 23px;
	}
}

@media (max-width: 375px) {
	.ban-first-title {
		font-size: 22px;
		line-height: 1.16;
		color:#fff;
	}
	.ws-view-more{
		font-size: 12px;
		margin-top: 33px;
		background-size: auto 12px;
	}
	.ban-sec-title {
		font-size: 21px;
		
		background-size: auto 12px;
	}
}
@media (max-width: 320px) {
	.ban-first-title {
		font-size: 22px;
	}
	.ws-view-more{
		margin-top: 10px;
	}
}


/***************** banner-link *******************/

.r-banner-link {
	background: #d20032;
}

.r-banner-link .row {
	margin: 0;
	text-align: center;
}

.r-banner-link .col-sm-2,
.r-banner-link .col-xs-4 {
	padding: 0;
}

.r-banner-link .lk-item {
	text-align: center;
	display: inline-block;
	padding: 0 50px;
}

.r-banner-link .lk-item a {
	display: inline-block;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	padding: 0.7em 0;
}

.r-banner-link .lk-item a span {
	display: inline-block;
	line-height: 1;
}

.r-banner-link .lk-item i {
	display: block;
	width: 59px;
	height: 47px;
	margin: 0 auto 10px;
	margin-top: -20px;
}

.r-banner-link .bl-marketing i {
	background: url(../images/data-market-plat-icon.png?20191029) no-repeat center bottom;
	background-size: 50% 50%;
}

.r-banner-link .bl-video i {
	background: url(../images/video-center-icon.png?20191029) no-repeat center bottom;
	background-size: 50% 50%;
}

.r-banner-link .bl-download i {
	background: url(../images/software-download-icon.png?20191029) no-repeat center bottom;
	background-size: 50% 50%;
}

.r-banner-link .bl-doc i {
	background: url(../images/technical-documentation-center-icon.png?20191029) no-repeat center bottom;
	background-size: 50% 50%;
}

.r-banner-link .bl-tools i {
	background: url(../images/customer-case-icon.png?20191029) no-repeat center bottom;
	background-size: 50% 50%;
}

.r-banner-link .bl-community i {
	background: url(../images/ruijie-community-icon.png) no-repeat center bottom;
	background-size: 50% 50%;
}
.r-banner-link .bl-al i{
	background: url(../images/customer-case-icon.png?20191029) no-repeat center bottom;
	background-size: 50% 50%;
}
.r-banner-link .bl-events i{
	background: url(../images/ruijie-events-icon.png) no-repeat center bottom;
	background-size: 50% 50%;
}
@media (max-width: 1280px) {
	.com-content {
		padding: 0 2%;
	}
}
@media (min-width: 768px) {
	.r-banner-link .col-sm-2 {
		width: auto;
		float: none;
	}
}
@media (max-width: 1200px) {
	.r-banner-link .lk-item{
		padding: 0 30px;
	}
}
@media (max-width: 992px) {
	.r-banner-link .lk-item{
		padding: 0 15px;
	}
}
@media (max-width: 768px) {
	.r-banner-link .lk-item a {
		font-size: 14px;
	}
	.r-banner-link .lk-item i {
		width: 35px;
		height: 35px;
		margin: 0 auto 10px;
		background-size: contain;
		margin-bottom: 3px;
	}
	.r-banner-link .lk-item a {
		padding: 5px 0;
	}
}


/***************** recent-news *******************/

.recent-news {
	background: #f0f0f0;
	padding: 4% 0;
}

.com-title {
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 0.5px;
	color: #2d5082;
	line-height: 1;
	text-align: center;
}

.com-title-des {
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 18px;
	letter-spacing: 0.5px;
	color: #2d5082;
	/*font-weight: 200;*/
	line-height: 1.5;
	/*padding-top: 0.8em;*/
	padding: 0.8em 5% 0;
}

.news-list {
	margin-top: 6%;
	display: block;
	/* display: -ms-flexbox;
	display: -webkit-flex; */
}

.news-list-item {
	position: relative;
	/* width: 32.5%;
	float: left; */
	border: 1px solid #b5b5b5;
	background: #FFFFFF;
	box-sizing: border-box;
	/* margin: 0 5px; */
}

.news-list .mb-view{
	/* width: 32.5%; */
	float: left;
}
@media  (min-width: 786px) {
	.news-list .mb-view:nth-child(n+2){
		margin-left: 1.25%;
	}
	.news-list .mb-view{
		width: 32.5%!important;
	}
}
.news-list-item .news-list-item-link {
	display: block;
	background: url(../images/loading.gif) center no-repeat;
    text-align: center;
    
    padding-top: 72.8%;
    
    position: relative;

}
/*.news-list-item a{
	display: block;
}*/


.news-list-item img {
	display: block;
	width: 100%;
	position: absolute;
	top:0;
}

.nl-img-label {
	position: absolute;
	top: 20px;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.625;
	padding: 0 0.875em;
}

.news-li-list-content {
	margin: 30px 26px;
}
.news-li-list-content a{
	color: #505050;
}
.news-li-list-content a.news-list-item-link,
.news-li-list-content a.news-list-item-link:hover
{
	color: #505050;
}
.news-li-list-content a.news-list-item-link:hover .news-list-title{
	text-decoration: underline;
}
.news-list-title {
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-weight: bold;
	/*font-size: 33px;*/
	font-size: 22px;
	line-height: 1;
	margin-bottom: 0.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new-list-des {
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 16px;
	line-height: 1.5;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 70px;
	_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<70?"70px":""); 
	overflow: hidden;
}

.news-li-list-content a.nl-view-more {
	display: inline-block;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 16px;
	line-height: 1;
	color: #d20032;
	margin: 2em 0 1.2em;
}

.nl-view-more:hover,
.nl-view-more:focus {
	color: #d20032;
	text-decoration: none;
}
@media (max-width: 1280px) {
	.com-title {
		font-size: 36px;
	}
	.com-title-des {
		font-size: 22px;
	}
	.news-list-title {
		font-size: 26px;
	}
}

@media (max-width: 1024px) {
	.com-title {
		font-size: 28px;
	}
	.com-title-des {
		font-size: 20px;
	}
	.news-list-title {
		font-size: 24px;
	}
}

@media (max-width: 992px) {
	.news-list-title {
		font-size: 20px;
	}
	.new-list-des,
	.nl-view-more {
		font-size: 16px;
	}
	.nl-img-label {
		font-size: 14px;
	}
}

.news-list .swiper-pagination,
.the-solution .swiper-pagination {
	display: none;
}
.news-list-item img.mb-show{
	display:none;
}

@media (max-width: 785px) {
	/* .recent-news .pc-show {
		display: none;
	}
	.recent-news .mb-show {
		display: block;
	} */
	.mb-view{
		width: 100%;
		float: none;
	}
	#the-solution-mobilescreen .mb-view{
		float: left;
	}
	.news-list-item img.pc-show{
		display: none;
	}
	.news-list-item img.mb-show{
		display:block;
	}
	.news-list .swiper-pagination,
	.the-solution .swiper-pagination{
		display: block;
	}
	.mb-view:nth-child(n+2) {
		margin-left: 0;
	}
	.recent-news {
		background: #fff;
	}
	.recent-news .news-list-item {
		width: 100%;
	}
	.recent-news .swiper-container {
		margin-top: 4%;
	}
	.news-list-title {
		font-size: 20px;
	}
	.new-list-des,
	.nl-view-more {
		font-size: 16px;
	}
	.news-list-title {
		font-size: 20px;
	}
	.nl-img-label {
		font-size: 16px;
	}
	.com-title {
		font-size: 30px;
	}
	.com-title-des {
		font-size: 20px;
		padding: 0.1em 5% 0;
	}
	.r-banner-link .col-sm-2, 
	.r-banner-link .col-xs-4{
		padding: 10px 15px;	
	}
}
@media (max-width: 768px) {
	.r-banner-link .col-sm-2, 
	.r-banner-link .col-xs-4{
		padding: 10px 0;	
	}
}
@media (max-width: 375px) {
	.com-title {
		font-size: 29px;
	}
	.com-title-des {
		font-size: 16px;
	}
}
@media (max-width: 450px) {
	.recent-news{
		padding: 30px 0;
	}
	.com-content{
		padding: 0 3%;
	}
}


/**************** product **********************/
.r-product{

}
.r-product-vm a{
	display: block;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 21px;
	color: #d20032;
	width: 188px;
	text-align: center;
	border: 1px solid #d20032;
	/*margin: 1em auto;*/
	margin: 1.5em auto 2em;
	border-radius: 1.5em;
	padding: .3em 0;
}
.r-product-content{
	background: #e32f34;
}
.r-product .product-center .left .product-tab li>a:focus{
	text-decoration: none;
}

.pro-style{
	position: absolute;
    top: 50%;
    left: 50%;
	text-align: center;
	width: 244px;
    margin-left: -122px;
}
.pro-style-left{
	text-align: left;
}
.product-list:first-child .pro-style{
	top:55%;
}
.product-list:nth-child(22) .pro-style{
	top:11%;
	left: 10%;
	margin: 0;
    line-height: normal;
}
.product-list:nth-child(3) .pro-style{
	top:20%;
	margin: 0;
	left: 6%;
	text-align: left;
}
.pro-title{
	font-size:20px;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-weight: bold;
	color: #325078;
	line-height: 33px;
}
.pro-des{
	font-size: 16px;
	line-height: 1.5;
	color: #325078;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	margin: 10% 0 10% 0;
}
.pro-more{
	font-size: 16px;
	line-height: 16px;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	color: #d20032;
    /* border: 1px solid #325078;
    padding: 5px 18px;
    border-radius: 16px; */
}
.pro-more:hover,
.pro-more:focus{
	color: #d20032;
    text-decoration: none;
    /* background: #d20032; */
}
@media (max-width: 1500px) {
	/* .product-list:nth-child(2) .pro-style{
		width:180px;
	}
	.product-list:nth-child(3) .pro-des{
		margin: 8% 0 10% 0;
	} */
}
@media (max-width: 450px) {
	.r-product{
		padding:0;
	}
	.r-product-vm a{
		padding: 0.1em 0;
		width: 60%;
	}
}

@media (max-width:1024px){
	.pro-style-mb{
		/* display: none; */
		position: absolute;
		top: 50%;
		left: 50%;
		width: 316px;
		margin-left: -158px;
		text-align: center;
	}
	.product-list:first-child .pro-style-mb{
		top: 50%;
	}
	/* .product-list:nth-child(2) .pro-style{
		width: 694px;
	} */
	
	/* .product-list:nth-child(2) .pro-style-mb{
		text-align: right;
		top: 20%;
		right: 10%;
		left: auto;
	} */
	.product-list:nth-child(3) .pro-style-mb{
		text-align: left;
		top: 25%;
		left: 5%;
		margin: 0;
		text-align: left;
	}
	/* .pro-style{
		display: none;
	} */
	.pro-style-mb{
		/* display: block; */
		width: 694px;
		margin-left: -347px;
	}
	.pro-title{
		font-size:44px;
		
		line-height: 44px;
	}
	.pro-des{
		font-size: 26px;
		line-height: 26px;
		margin: 4% 0 15% 0;
	}
	.pro-more{
		font-size: 26px;
		line-height: 25px;
	}
	.product-list:first-child .pro-style-mb .pro-des,
	.product-list:nth-child(2) .pro-style-mb .pro-des
	{
		margin: 4% 0 10% 0;
	}
}
@media (max-width:768px){
	.pro-title{
		font-size:38px;
		
		line-height: 38px;
	}
	.pro-des {
		font-size: 23px;
		line-height: 23px;
	}
	
	/* .product-list:nth-child(2) .pro-style-mb{
		text-align: right;
		top: 20%;
		right: 10%;
		left: auto;
	} */
	.product-list:nth-child(3) .pro-style-mb{
		text-align: left;
		top: 25%;
		left: 5%;
		margin: 0;
		text-align: left;
	}
	.product-list:first-child .pro-style-mb .pro-des, .product-list:nth-child(2) .pro-style-mb .pro-des {
		margin: 4% 0 6% 0;
	}
}
@media (max-width:600px){
	.pro-title {
		font-size: 32px;
		line-height: 36px;
	}
	.pro-des {
		font-size: 21px;
		line-height: 21px;
	}
}
@media (max-width:530px){
	.pro-title{
		font-size:20px;
		line-height: 33px;
	}
	.pro-des{
		font-size: 16px;
		line-height: 16px;
	}
	.pro-more{
		font-size: 16px;
		line-height: 16px;
	}
	.pro-style-mb{
		width: 316px;
		margin-left: -158px;
	}
	.pro-style-mb .pro-des{
		margin: 5% 0;
	}
	
	.product-list:nth-child(3) .pro-style-mb .pro-des
	{
		margin: 5% 0 12% 0;
	}
	/* .product-list:nth-child(2) .pro-style-mb{
		text-align: right;
		top: 20%;
		right: 10%;
		left: auto;
	} */
	.product-list:nth-child(3) .pro-style-mb{
		text-align: left;
		top: 25%;
		left: 5%;
		margin: 0;
		text-align: left;
	}
}
@media (max-width:320px){
	.product-list:first-child .pro-style-mb .pro-des,
	.product-list:nth-child(3) .pro-style-mb .pro-des
	{
		margin: 2% 0 5% 0;
	}
	.pro-title{
		font-size:18px;
		line-height: 30px;
	}
	.pro-des{
		font-size: 15px;
		line-height: 15px;
	}
	.pro-more{
		font-size: 15px;
		line-height: 15px;
	}
}
/***************** r-product *******************/
.r-product .layout-lr .left{
	background: #fff;
	position: initial;
}
.r-product .layout-lr .left .product-tab {
	position: initial;
	padding-top: 20px;
}
.r-product .product-tab-erji{
	border-radius: 10px; background: #f5f5f5;
	border: none;
}
.r-product .product-center .left .product-tab li.on>a{
	background: #d2ebfa;
}
.r-product .product-center .left .icon{
	width: 24px;
	height: 20px;
}
.r-product .product-center .left .icon img{
	width: 100%;
}
.r-product .product-center .left .product-tab li a strong{
	color: #333;
	font-size: 16px;
}
.r-product .product-tab-erji .dt-title>a,
.r-product .product-tab-erji .dd-item a,
.r-product .product-tab-erji .dt-title-child{
	color: #2d5082;
}
.r-product .product-center .left .product-tab li.on a strong{
	color: #333;
}
.r-product .product-tab-erji .dt-title>a:focus,
.r-product .product-tab-erji .dt-title>a:hover,
.r-product .product-tab-erji .dd-item a:focus,
.r-product .product-tab-erji .dd-item a:hover{
	color: #d20032;
	text-decoration: none;
}
.r-product .product-tab li.on{
	border-left: 5px solid #d20032;
	/*margin-left: -6px;*/
}
.r-product .layout-lr .left{
	width: 200px;
	/* width: 27.9%; */
}
.r-product .product-center .left .product-tab li>a{
	padding: 0;
	/* padding-left: 180px; */
	/* padding-left: 63%;	 */
	text-decoration: none;
	overflow: hidden;
	padding-left: 30px;
	line-height: 56px;
}
.r-product .product-center .left .product-tab li>a div{
width:180px;
float: right
}

 /*婊氬姩鏉℃牱寮?/
 /*google*/
 /* 婊氬姩鐨勬粦鍧 */
.product-tab-erji::-webkit-scrollbar-thumb {
	background: #2C5082;
}
/* 澶栧眰杞ㄩ亾 */
.product-tab-erji::-webkit-scrollbar-track {
	background: #7399BE;
}
/*瀹氫箟鏈€涓婃柟鍜屾渶涓嬫柟鐨勬寜閽?/
.product-tab-erji::-webkit-scrollbar-button{
	background:#e32f34;
}
/*ie */
 .product-tab-erji{
	scrollbar-face-color:#2C5082;/*绔嬩綋婊氬姩鏉＄殑棰滆壊锛堝寘鎷澶撮儴鍒嗙殑鑳屾櫙鑹诧級*/
	scrollbar-arrow-color:#e32f34;/*涓夎绠ご鐨勯鑹?/
	scrollbar-base-color:#7399BE; /*婊氬姩鏉＄殑鍩鸿壊*/
 }
 

.r-product .product-center {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.r-product .layout-lr .left {
	height: 650px;
}

.r-product .product-center .right {
	position: absolute;
	left: 200px;
	right: 0;
	max-height: 650px;
}
.r-product .product-list:first-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 650px;
}

.r-product .product-list:nth-child(2) {
	position: absolute;
	top: 0;
	left: 370px;
}

.r-product .product-list:nth-child(2) .pro-style{
	top:25%;
	left:70%;
	text-align: left;
}

/* .r-product .product-list:nth-child(2) {
	position: absolute;
	top: 0;
	left: 680px;
} */

.r-product .product-list:nth-child(3) {
	position: absolute;
	top: 335px;
	left: 370px;
}

.r-product .product-tab-erji {
	height: 650px;
	overflow: auto;
	/*width: 1020px;*/
	/*left: 180px;*/
	left: 300px;
	right: 0;
}

.r-product .list-oon {
	display: inline-block!important;
}

.r-product .list-ooff {
	display: none!important;
}

.r-product .list-close {
	display: none;
}

.r-product .list-open {
	display: none;
}

.r-product .list-open,
.r-product .list-open1,
.r-product .list-open2,
.r-product .list-open3,
.r-product .list-open4,
.r-product .list-open5,
.r-product .list-open6,
.r-product .list-open7,
.r-product .list-open8,
.r-product .list-open9,
.r-product .list-open10,
.r-product .list-close,
.r-product .list-close1,
.r-product .list-close2,
.r-product .list-close3,
.r-product .list-close4,
.r-product .list-close5,
.r-product .list-close6,
.r-product .list-close7,
.r-product .list-close8,
.r-product .list-close9,
.r-product .list-close10 {
	display: none;
	position: absolute;
	float: right;
	right: 0;
	top: 0;
}

.r-product .product-tab-erji{
	left: 200px;
	width: 1000px;
	padding-left: 50px;
	padding-top: 20px;
}
.r-product .product-tab-erji dl{
	margin-top: 25px;
}
.r-product .product-center .right>div>a>img.mb-show{
	display: none;
}
.r-product .product-tab-erji .dt-title,.r-product .product-tab-erji .dd-item {
	line-height: 1.7;
}
.r-product .product-tab-erji .dt-title-child{
	margin: 0;
	line-height: 2;
}
/*@media screen and (max-width: 1280px) {*/
@media screen and (max-width: 1500px) {
	.r-product .product-center .right{
		width: auto;
	}
	.r-product .product-list img{
		display: block;
		max-width: 100%;
		width: 100%;
		height:100%;
	}
}
/*@media only screen and (min-width: 1025px) and (max-width: 1280px) {*/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	.r-product .product-center{
		width: 100%;
		padding: 0 2%;
	}
	.r-product .product-center .right{
		left:205px;
	}
	.r-product .r-product-content .com-content{
		width: 1025px;		
	}
	.r-product .r-product-content .com-content .right{
		/* width: 804px;		 */
	}
	.r-product .product-list:first-child{
		width: 37%;
    	height: 100%;
    	overflow: hidden;
	}
	.r-product .product-list:nth-child(2){
		left: 37%;
    	width: 60%;
    	overflow: hidden;	
	}
	.r-product .product-list:nth-child(3){
		left: 37%;
		width: 60%;
	}
	.r-product .product-list:nth-child(2) img,
	.r-product .product-list:nth-child(3) img{
		height: 322.5px;
	}
	.r-product .product-list:nth-child(3){
		top: 322.5px;
		left: 37%;
		width: 60%;
	}
	/* .r-product .product-list:nth-child(4) img{
		width: 100%;
		height: 297px;
	} */
	.r-product .layout-lr .left,
	.r-product .product-tab-erji{
		height: 645.48px;
	}
	.r-product .product-center .left .product-tab li>a{
		line-height: 53px;
	}
	.r-product .product-tab-erji{
		/*width: 804px;*/
		/*width: calc(100% - 300px);*/
		width: 70%;
	}
}
@media screen and (max-width: 1024px) {
	/* .r-product .product-list:nth-child(2){
		display: none;
	} */
	.r-product .list-open{	
		display: block;
		width: 27px;
		height: 27px;
		top: 50%;
		margin-top: -12px;
	}	
	.r-product .list-close{	
		display: block;
		width: 27px;
		height: 27px;
		/* top: 5%; */
		margin-top: 25px;
	}	
	.r-product .list-close{
		display: none;
	}
	.r-product .list-open{
		background: url(../images/add-icon.png) no-repeat center center;
		background-size: 70%;
		margin-right: 10.9%;
	}
	.r-product .list-close{
		background: url(../images/subtraction-icon.png) no-repeat center center;
		background-size: 70%;margin-right: 5.4%;
	}
	.r-product .layout-lr .left {
		width: 100%;
		overflow: hidden;
		height: auto;
		margin: 0 auto;
	}
	.r-product .product-center .right {
		position: relative;
		left: 0;
		top: 0;
		float: left;
		overflow: hidden;
		max-height: 99999px;
	}
	.r-product .product-center .right>div {
		position: relative;
		width: 100%;
		float: right;
		overflow: hidden;
		left: 0;
		top: 0;
		height: auto;
	}
	.r-product .product-center .right>div>a img {
		width: 100%;
		height: auto;
	}	
	.r-product .product-list img.pc-show{
		display: none;
	}
	.r-product .product-center .right>div>a>img.mb-show{
		display: block;
	}
	.r-product .product-tab-erji {
		max-height: 3700px;
		overflow: auto;
		padding-left: 15px;
	}
	.r-product .product-tab-erji .right {
		position: relative;
		left: 0;
		top: 0;
	}
	.r-product .product-tab-erji dl{
		margin-top: 0;
	}
	.r-product .list-open,
	.r-product .list-open1,
	.r-product .list-open2,
	.r-product .list-open3,
	.r-product .list-open4,
	.r-product .list-open5,
	.r-product .list-open6,
	.r-product .list-open7,
	.r-product .list-open8,
	.r-product .list-open9,
	.r-product .list-open10 {
		display: inline-block;
	}
	.r-product .product-center .left .product-tab li {
		position: relative;
		width: 100%!important;
		border-bottom: solid 1px #f5f5f5;
		    padding: 0px 12.4%;
		border-left: none;
	}
	.r-product .product-center .left .product-tab li a {
		text-align: left;
		color: #464646;
	}
	.r-product .product-center .left .icon {
		display: inline-block;
	}
	/*.r-product .product-center .left .product-tab li.on a .icon img:first-child {
		display: inline-block;
	}*/
	.r-product .product-center .left .product-tab li.on .product-tab-erji {
		display: block;
		margin: 20px;
	}
	.r-product .product-tab-erji {
		position: relative;
		width: 100%;
		left: 0;
	}
	.r-product .product-tab-erji .dd-item {
		width: 100%;
	}
	.r-product .product-tab-erji .dt-title {
		color: #2c5082;
		text-align: left;
		    margin-bottom: 0.15rem;
	}
	.r-product .product-tab-erji .dd-item {
		text-align: left;
		margin: .1rem 0;
	}
	.r-product .product-center .left .product-tab li.on .product-tab-erji{
		margin: 0;
	}
	.r-product .product-center .left .product-tab li>a {
		padding-left: 0px;
	}
	.r-product .product-center .left .product-tab li.on>a{
		background-color: transparent;
		padding: 10px 0;
	}
	.r-product .product-tab-erji .dt-title-child{
		text-align: left;
	}
	.r-product .product-tab-erji{
		/* height: 500px; */
		height:auto;
		min-height: auto;
	}
	.r-product .product-list:nth-child(2) .pro-style{
		top:50%;
		left:50%;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.r-product .layout-lr .left{
		width: 100%;
	}
	.r-product-vm a {
		padding: 0.1em 0;
		width: 60%;
	}
	.r-product .layout-lr .left .product-tab {
		padding-top: 10px;
	}
	.r-product .product-center .left .product-tab li>a{
		font-size:18px;
	}
}
/***************** The solution *******************/
.the-solution{
	padding: 4% 0;
}
.btn-thesolution {
	display: block;
	height: 44px;
	width: 188px;
	font-size: 21px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	color: #d20032;
	border: 1px #d20032 solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

.the-solution-nav {
	margin-top: 43px;
	font-size: 16px;
	color: #496793;
	margin-bottom: 38px;
	white-space: nowrap;
	text-align: center;
}
/* .the-solution-navmiddle{
	display: none;
} */
.the-solution-navul li {
	display: inline-block;
	padding: 0 15px 0 15px;
	border-right: 1px #496793 solid;
	margin-bottom: 2px;
}

.the-solution-navul li:last-child {
	border-right: 0px #496793 solid !important;
}

.the-solution-box {
	width: 100%;
}
.the-solution-box .carousel-indicators{
	display: none;
}


.the-solution-box .sool-mb-view{
	width: 48%;
	float: left;
	border: 1px solid #a8a8a8;
	position: relative;
}

.the-solution-box .sool-mb-view:nth-child(2){
	margin-left: 3%;
}
.the-solution-box .the-solution-firstbox a:first-child:hover{
	color: #333;
	text-decoration: none;
}


/* .the-solution-banner{
	display: none;
} */
.the-solution-box img {
	display: block;
	width: 60%;
	float: left;
}

.the-solution-box .the-solution-boxcontent {
	float: right;
	width: 37%;
	margin-left: 3%;
}

.the-solution-box .the-solution-boxtitle {
	font-size: 22px;
	margin-top: 15%;
	color:#4d4d4d;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-weight: bold;
}

.the-solution-box .the-solution-boxdiscribe {
	font-size: 16px;
	color:#505050;
	line-height: 1.5;
	padding-right: 10px;
	display:-webkit-box; 
	overflow:hidden;
銆€銆€text-overflow:ellipsis; 
	word-break:break-all;
銆€銆€-webkit-box-orient:vertical;
銆€銆€-webkit-line-clamp:6;
	max-height: 140px;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
}

.the-solution-box .the-solution-boxlink {
	display: inline-block;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-size: 16px;
	line-height: 1;
	color: #d20032;
	position: absolute;
	bottom: 10%;
	left: 63%;
}

.the-solution-box .the-solution-boxlink:hover{
	color: #d20032;
	text-decoration: none;
}
.the-solution-box .the-solution-boxlink:focus {
	color: #d20032;
	text-decoration: none;
}

@media (max-width: 1280px) {
	.the-solution-nav {
		margin-top: 43px;
		font-size: 17px;
		margin-bottom: 38px;
		white-space: normal;
	}
	.the-solution-box {
		margin-top: 0px;
	}

	.the-solution-box .the-solution-boxtitle {
		font-size: 25px;
	}

	.the-solution-box .the-solution-boxdiscribe {
		font-size: 14.5px;
	}

	.the-solution-box .the-solution-boxlink {
		font-size: 15px;
	}
}

.the-solution-box .mb-show{
	display: none;
}

@media (max-width: 785px) {
	.the-solution-banner .item img.pc-show{
		display: none;
	}
	.the-solution-banner .item img.mb-show{
		display: block;
		width: 100%;
	}
	.the-solution-banner{
		display: block;
	}
	.the-solution{
		margin-top: 30px;
	}
	/* .the-solution-navmiddle{
		text-align: center;
		margin-top: 30px;
	} */
	.btn-thesolution {
	display: block;
		height: 30px;
		width: 60%;
    font-size: 18px;
	}
	.the-solution .btn{
		padding: 2px 12px;
	}
	/* .the-solution-nav {
		display: none;
	} */
	/* .the-solution-navmiddle{
		text-align: center;
		margin-top: 30px;
		display: block;
	} */
	.the-solution-mobilenav {
		margin-top: 23px;
		font-size: 14px;
		color: #696969;
		margin-bottom: 0px;
		white-space: nowrap;
	}
	.the-solution-navul li {
		display: inline-block;
		padding: 0 15px 0 15px;
		border-right: 1px #545454 solid;
		margin-bottom: 5px;
	}
	
	.the-solution-navul li:last-child {
		border-right: 0px #545454 solid !important;
	}
	.the-solution .carousel-indicators li {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 1px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #cdcdcd;
		border: 0px solid #fff;
		border-radius: 10px;
	}
	.the-solution .carousel-indicators li.active {
		width: 10px;
		height: 10px;
		background-color: #d20032;
		border-radius: 5px;
	}
	
	.carousel-indicators {
		position: absolute;
		bottom: 0;
	}
	.the-solution-banner .the-solution-item-style{
		border: 1px solid #cfcfcf;
	}
	.the-solution-banner .the-solution-item-style img{
		width: 100%;
	}
	.the-solution-banner .the-solution-item-title{
		text-align: center;
		font-size: 24px;
		margin-top: 25px;
		/* font-family: Microsoft Yahei, Arial, sans-serif; */
		font-weight: bold;
		color:#4d4d4d;
	}
	.the-solution-banner .the-solution-item-content{
		text-align: center;
		font-size: 18px;
		margin-top: 20px;
		/* font-family: Microsoft Yahei, Arial, sans-serif; */
		color:#505050;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		padding:0 15px;
		max-height: 97px;
	}
	.the-solution-banner{
		margin-top: 30px;
	}
	.the-solution-banner .the-solution-item-link{
		display: inline-block;
		/* font-family: Microsoft Yahei, Arial, sans-serif; */
		width: 100%;
		font-size: 18px;
		line-height: 1;
		color: #d20032;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.the-solution-banner .the-solution-item-link:hover,
	.the-solution-banner .the-solution-item-link:focus {
		color: #d20032;
		text-decoration: none;
	}
}
@media (max-width: 480px) {
	.the-solution-mobilenav {
		font-size: 14px;;
	}
	
	.the-solution-navul li {
		padding: 0 16px;
	}
}
@media (max-width: 335px) {
	.the-solution-mobilenav {
		font-size: 13px;
	}
	
	.the-solution-navul li {
		padding: 0 10px;
	}
	
}
/***************** The solution *******************/
.btn-thesolution:hover,
.r-product-vm a:hover{
	/* color: #d50035;
	border: 1px solid #d50035;
	background-color: transparent; */
	color:#fff;
	background: #d20032;
	text-decoration: none;
	border-color:#d20032;
}
.the-solution-navul a{
	color: #2d5082;
}
.the-solution-navul a:hover{
	color: #d20032;
	text-decoration: none;
}
/***************** bottom banner *******************/
.btm-banner{
	margin-top: 50px;
}
.btm-banner .swiper-slide{
	position: relative;
}
.btm-banner .swiper-slide img{
	display: block;
	width: 100%;
}
.btm-banner .swiper-slide img.mb-show{
	display: none;
}
.btm-banner .carousel-indicators li{
	width: 15px;
	height: 15px;
	border: none;
	background-color: #FFFFFF;
	margin: 0 5px;
}
.btm-banner .carousel-indicators .active{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #d20032;
	border: none;
}
.btm-banner-style{
	position: absolute;
	top:22%;
	left:21%;
}
.btm-banner-title{
	font-size: 48px;
	color:#2d5082;
	/* font-family: Microsoft Yahei, Arial, sans-serif; */
	font-weight: bold;
}
.btm-banner-des{
	font-size: 24px;
	color:#2d5082;
	/* font-family: Microsoft Yahei, Arial, sans-serif */
}
@media(max-width:1500px){
	.btm-banner-title{
		font-size: 46px;
	}
	.btm-banner-des{
		font-size: 28px;
	}
}
@media (max-width: 1280px) {
	.btm-banner-title{
		font-size: 37px;
	}
	.btm-banner-des{
		font-size: 25px;
	}
	.btm-banner .carousel-indicators li{
		width: 12px;
		height: 12px;
	}
	.btm-banner .carousel-indicators .active{
		width: 13px;
		height: 13px;
		border-radius: 7px;
	}
}
@media (max-width: 1024px) {
	.btm-banner-title{
		font-size: 30px;
	}
	.btm-banner-des{
		font-size: 30px;
	}
}
@media (max-width: 1024px) {
	.btm-banner-title{
		font-size: 26px;
	}
	.btm-banner-des{
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.btm-banner-style{
		top:22%;
		left:5%;
	}
	.btm-banner-title{
		font-size: 50px;
	}
	.btm-banner-des{
		font-size: 35px;
	}
	.btm-banner .swiper-slide img.mb-show{
		display: block;
	}
	.btm-banner .swiper-slide img.pc-show{
		display: none;
	}
	.btm-banner .carousel-indicators li{
		width: 9px;
		height: 9px;
		margin: 0 3px;
	}
	.btm-banner .carousel-indicators .active{
		width: 10px;
		height: 10px;
		border-radius: 5px;
	}
	.btm-banner .carousel-indicators{
		bottom: 10px;
	}
}
@media (max-width: 600px) {
	.btm-banner-title{
		font-size: 46px;
	}
	.btm-banner-des{
		font-size: 30px;
	}
}
@media (max-width: 500px) {
	.btm-banner-title{
		font-size: 31px;
	}
	.btm-banner-des{
		font-size: 21px;
	}
	.btm-banner-title{
		top:20%;
	}
}
@media (max-width: 375px) {
	.btm-banner-title{
		font-size: 26px;
	}
	.btm-banner-des{
		font-size: 18px;
	}
}
@media (max-width: 320px) {
	.btm-banner-title{
		font-size: 26px;
	}
	.btm-banner-des{
		font-size: 18px;
	}
}

/* 浜у搧涓績B鐗 */
.r-product-content-white{
	background: #FFF;
}
@media screen and (max-width: 1024px) {
	.r-product-content-white{
		background: #e32f34;
	}
}