html{
    font-size:12px;
}
.les .subtitle{
	font-size: 1.3rem;
	color: #999999;
    margin-bottom: 0.2rem;
}

.les .title{font-size: 3rem;margin-bottom: 0;}
.les .redline{
	background: #fe0000;
    width: 5rem;
    height: 4px;
    display: block;
    margin-bottom: 2rem;
}
.les .content{
	text-indent: 2rem;
    font-size: 1.34rem;
    line-height: 2.5rem;
	letter-spacing: 2px;
}
.les .content em{
	color: #fe0000;
    font-style: normal;
    font-weight: bold;
}
.companylist{
	margin-top: 4rem;
	font-size: 1.5rem;
}
.companylist a{
	display: block;
    margin-bottom: 2rem;
}
.companylist a div{
	border-bottom: 1px solid #ccc;
    overflow: hidden;
	padding-bottom: 1rem;
}
.companylist a div p{
    float: left;
	margin-bottom: 0;
	font-weight: bold;
	color:#000;
}
.companylist a div i{
	float: right;
    display: block;
    border: 1px solid #ccc;
    width: 4.16rem;
    height: 2rem;
    border-radius: 20px;
	background: url(../img/arrow.png) no-repeat 15px;
    background-size: 40%;
}
.companylist a:hover div i{
	background: url(../img/arrow_red.png) no-repeat 15px;
	background-size: 40%;
}
.companylist a em{
	width: 1.5rem;
    display: block;
    height: 3px;
    background: #fe0000;
    position: relative;
    bottom: 2px;
}

.aboutimglist{
	display:block;
}

.aboutimglist li{
	display: inline-block;
    width: calc((100% - 2.6rem)/3);
    margin-right: 1rem;
}

.aboutimglist li:last-child{
	margin-right: 0;
}

.outsideRound{
    border: 1px solid #f3d9d9;
    border-radius: 23rem;
    width: 43rem;
    height: 43rem;
    background: #fff;
    position: relative;
}

.middleRound{
	width: 32rem;
    height: 32rem;
    border: 5rem solid #f3d9d9;
    margin: 5.5rem auto;
    border-radius: 18rem;
}


.rabout-conts .twos .les .middleRound img{width: 6rem;margin: 8rem auto;}
.ra1{
	font-size: 3rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.ra2{
	color: #999;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    max-width: 39rem;
}

.ra3{
	margin-bottom: 2rem;
	font-size: 1.3rem;
}

.ra4{
	display: inline-block;
    padding: 10px 20px;
    background: #eeeeee;
    border-radius: 0 15px 0 0;
    margin-right: 20px;
	float: left;
}

.ra5{
	max-width: 34rem;
    display: inline-block;
    line-height: 3.6rem;
}

.technologyTitle{
	width: 100%;
    text-align: center;
    font-size: 3rem;
}

.technologySubTitle{
	width: 100%;
    font-size: 1.5rem;
    text-align: center;
    color: #999999;
}

.technology .leftBox{
	width:33%;
	float: left;
}

.technology .leftBox .box{
	width:90%;
	margin: 5rem 0 0 10%;
	box-sizing: unset;
}

.technology .leftBox .box .left{
	float:left;
	width:4rem;
}

.technology .leftBox .box .right{
	max-width: 20rem;
    margin-left: 6rem;
	margin-right: 1rem;
}

.technology .leftBox .box .right p{
	line-height: 3rem;
    margin-bottom: 0;
    font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: .5rem;
}

.technology .leftBox .box .right span{
	line-height: 1.8rem;
    margin-bottom: 0;
    font-size: 1.3rem;
    display: block;
	/*height:4.8rem*/
}

.technology .leftBox .box .left img{
	width:100%
}

.bgbox{position: relative;}
.bgboxposition{
	    top: 33%;
    left: 61%;
    position: absolute;
}
.bgbox .title{
    color: #fff;
    font-size: 2.25rem;
    margin-bottom: 0;
}

.bgbox .subtitle{
    color: #999999;
    font-size: 1.2rem;
	margin-bottom: 2rem;
}

.bgbox .remark{
    color: #999999;
    font-size: 1.2rem;
    max-width: 28.2rem;
	line-height: 2rem;
}

.s1{
	font-size: 2rem;
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 1rem 0;
    position: relative;
    z-index: 99;
}

.s2{
	 background: #fe0000;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    border-radius: 1rem;
    position: absolute;
    top: 3.8rem;
    left: 16.8rem;
    z-index: 0;
}

.rabout-conts .twos .newris {
    width: 50%;
    height: 33rem;
    overflow: hidden;
    margin: 0 1%;
}

.boxlist{
	width: 100%;
}

.boxlist a{
	display: inline-block;
    width: calc(50% - 1.2rem);
    overflow: hidden;
    margin: 0 1rem 1rem 0;
    height: 16rem;
}

.boxlist img{
	width: 100%;
	height: 100%;
}
.rabout-conts .twos .newles {
    width: 50%;
    height: 33rem;
    overflow: hidden;
		position:relative;
}

.rabout-conts .twos .newles .imgs1{display: block;width: 100%;height: 100%;object-fit: cover;}
.rabout-conts .twos .newles .imgs2{width: 3.8rem;height:auto;position:absolute;top:50%;left:50%;cursor: pointer;margin-left: -1.9rem;margin-top: -1.9rem;}
.rabout-conts .twos .newles .titles{position:absolute;bottom:0;left:0;height: 3.33rem;background: rgba(0, 0, 0, .3);width: 100%;color:#fff;text-align: center;line-height: 3.33rem;}
.rabout-conts .twos .newles .titles span{font-size: 1.33rem;line-height: 1.33rem;}

.pagebox{
	height: 33rem;
}
.pagebox .top{
	display: block;
    width: 100%;
    height: 4rem;
}

.pagebox .bottom{
	display: block;
    width: 100%;
    height: 4rem;
}

.pagebox div{
	height: 7rem;
    padding: 9rem 0;
    display: block;
    overflow: hidden;
    background: #f0f1f2;
    box-sizing: unset;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pagebox span{
	    line-height: 2rem;
    margin-bottom: 0;
    font-size: 1.3rem;
    text-align: center;
    color: #bbbbbb;
}

.pagebox span:first-child{color:#ff0000}

.rabout-conts .twos .nles {
    width: 55%;
}

.rabout-conts .twos .nris {
    width: 34%;
}

.rabout-conts .twos .les img.pimg1{
	width: 7rem;position: absolute;top: 5rem;
}

.rabout-conts .twos .les img.pimg2{
	width: 6.5rem;position: absolute;top: 7rem;left: 30rem;
}

.rabout-conts .twos .les img.pimg3{
	    width: 6.5rem;
    position: absolute;
    top: 18rem;
    left: 2rem;
}

.rabout-conts .twos .les img.pimg4{
	    width: 10rem;
    position: absolute;
    top: 25rem;
    left: 32rem;
}

.rabout-conts .twos .les img.pimg5{
	    width: 8rem;
    position: absolute;
    top: 38rem;
    left: 8rem;
}

.rabout-conts .twos .neris{
	width: 70%;margin-left: 9rem;
}

.rabout-conts .twos .technologyBox{display: block;overflow: hidden;}

.rabout-conts .twos .sb1{display: block;overflow: hidden;padding: 3rem 0px 2rem;padding: rem 0px;sibility: visible;width: 100%;margin-bottom: 0;position: relative;}

.mobileboxlist{display:none;width:100%;}

  @media only screen and (max-width: 1344px) and (min-width: 1080px){
	.outsideRound{
		width: 38rem;
		height: 38rem;
	}

	.middleRound{
		width: 30rem;
		height: 30rem;
		margin: 4rem auto;
	}


	.rabout-conts .twos .les .middleRound img{margin: 7rem auto;}
	.rabout-conts .twos .les img.pimg1{
		width: 6rem;position: absolute;top: 5rem;
	}

	.rabout-conts .twos .les img.pimg2{
		width: 5.5rem;position: absolute;top: 8rem;left: 28rem;
	}

	.rabout-conts .twos .les img.pimg3{
		width: 5.5rem;
		position: absolute;
		top: 19rem;
		left: 2rem;
	}

	.rabout-conts .twos .les img.pimg4{
		width: 9rem;
		position: absolute;
		top: 25rem;
		left: 27rem;
	}

	.rabout-conts .twos .les img.pimg5{
		width: 7rem;
		position: absolute;
		top: 33rem;
		left: 8rem;
	}
	
	.rabout-conts .twos .newris{
		height: 26rem;
	}
	.rabout-conts .twos .newles {
		height: 26rem;
	}
	.pagebox {
		height: 26rem;
	}
	.pagebox div {
		padding: 5.5rem 0;
	}
	.boxlist a {
		height: 12.4rem;
	}
  }
  
  @media only screen and (max-width: 1080px) and (min-width: 768px){
	.outsideRound{
		width: 29rem;
		height: 29rem;
	}

	.middleRound{
		width: 24rem;
		height: 24rem;
		margin: 2.6rem auto;
	}


	.rabout-conts .twos .les .middleRound img{margin: 4rem auto;}
	.rabout-conts .twos .les img.pimg1{
		width: 5rem;
		position: absolute;
		top: 3rem;
	}

	.rabout-conts .twos .les img.pimg2{
		width: 4.5rem;
		position: absolute;
		top: 7rem;
		left: 26rem;
	}

	.rabout-conts .twos .les img.pimg3{
	    width: 4.5rem;
		position: absolute;
		top: 16rem;
		left: 1rem;
	}

	.rabout-conts .twos .les img.pimg4{
	    width: 7rem;
		position: absolute;
		top: 20rem;
		left: 19rem;
	}

	.rabout-conts .twos .les img.pimg5{
		 width: 6rem;
		position: absolute;
		top: 27rem;
		left: 8rem;
	}
	
	.technology .leftBox1{
		width:50%;
	}
	.technology .leftBox2{
		display:none;
	}
	.technology .leftBox3{
		width:50%;
	}
	.rabout-conts .twos .newris{
		height: 22rem;
	}
	.rabout-conts .twos .newles {
		height: 22rem;
	}
	.pagebox {
		height: 22rem;
	}
	.pagebox div {
		padding: 3.5rem 0;
	}
	.boxlist a {
		height: 10.4rem;
	}
  }
  
  @media only screen and (max-width: 768px){
	.rabout-conts .twos .nles {
		width: 90%;
	}
	.rabout-conts .twos .nris {
		width: 90%;
	}
	.rabout-conts .twos .neris {
		width: 90%;
		margin-left: 0;
	}
	
	.rabout-conts .twos .les {
		width: 100%;
		margin-bottom: 2.6vw;
	}
	.outsideRound {margin: 0 auto;}
	.rabout-conts .twos .newles .titles span{font-size: 14px;}
	.rabout-conts .twos .newles {
		height: auto;
	}
	.outsideRound{
		width: 25rem;
		height: 25rem;
	}

	.middleRound{
		width: 20rem;
		height: 20rem;
		margin: 2.6rem auto;
		border: 3rem solid #f3d9d9;
	}


	.rabout-conts .twos .les .middleRound img{margin: 4rem auto;}
	.rabout-conts .twos .les img.pimg1{
		width: 6rem;
		position: absolute;
		top: 1rem;
	}

	.rabout-conts .twos .les img.pimg2{
		width: 5.5rem;
		position: absolute;
		top: 5rem;
		left: 22rem;
	}

	.rabout-conts .twos .les img.pimg3{
	    width: 5.5rem;
		position: absolute;
		top: 14rem;
		left: 1rem;
	}

	.rabout-conts .twos .les img.pimg4{
	    width: 7rem;
		position: absolute;
		top: 17rem;
		left: 17rem;
	}

	.rabout-conts .twos .les img.pimg5{
		 width: 6rem;
		position: absolute;
		top: 23rem;
		left: 8rem;
	}
	.technology .leftBox1{
		width:100%;
	}
	.technology .leftBox2{
		display:none;
	}
	.technology .leftBox3{
		width:100%;
	}
	.technology .leftBox .box{margin: 0;width: 100%;}
	.bgbox .remark{display:none}
	.bgboxposition {top: 35%;}
	.bgbox .title {font-size: 1.2rem;}
	.pagebox{display:none}
	.rabout-conts .twos .newris{display:none}
	.mobileboxlist{display:block;width:100%;position: relative;}
	.mobileboxlist .swiper-button-prev,.mobileboxlist .swiper-button-next{width: 15px;height: 25px;background-size: cover;position:unset;margin-top: 0;}
	.boxlist a {
		display: inline-block;
		width: 49%;
		overflow: hidden;
		margin: 0 0 1%;
		height: auto;
	}
	/* .boxlist a:nth-of-type(2n){margin-left: 1%;} */
	.rabout-conts .twos .mobileVideo{margin-bottom:0}
	.technology .leftBox .box .right {
		max-width: 100%;
	}
  }