@charset "utf-8";

body{
	background-color: #EDEFF5;
	
}

.index .mui-slider{
	height:9.03rem;
}
.index .mui-slider-indicator{
	bottom:0.78rem;
	text-align: center !important; 
}
.index .mui-slider .mui-slider-group .mui-slider-item img{
	height: 9.03rem;

}
.index .mui-slider-indicator .mui-indicator{
	border-radius: 0;
	height:4px;
	width:0.49rem;
}
.bannertext{
	position: absolute;
	z-index: 20;
	top:5.01rem;
	width:100%;
	padding:0 0.45rem;
	
	
	
}
.bannertop{
	height:0.63rem;
	font-size:0.45rem;
	
	    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.63rem;

/*text-shadow: 0px 2px 15px rgba(0, 0, 0, 0.8);*/
background: linear-gradient(180deg, #FFFFFF 0%, #A5DAFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bannerc{
	margin-top:0.07rem;
	line-height: 0.48rem;
	font-size: 0.28rem;
	color:#fff;
	width:100%;
	
	height:1.01rem;
	display:-webkit-box; 
overflow:hidden; 
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
margin-bottom: 0.41rem;
}
.bannertext text{
	color:#1575E8;
	font-size: 0.32rem;
	line-height: 0.45rem;
}
.bannertext text span{
	margin-left:0.1rem;
	text-align: center;
	height: 0.15rem;
	width: 0.38rem;
	/* margin-bottom: 0.05rem; */
}
.centerone{
	margin:0.29rem 0.18rem;
	background-color: #fff;
	flex-wrap:wrap
}

.centerone li{
	padding:0.57rem 0.35rem;
	box-sizing: border-box;
	border-bottom: 1px solid #EEEEEE;
	display: inline-block;
}

.centerone li a{
	color:#666;
	font-size:0.28rem;
	line-height: 0.4rem;
}
.centerone li a text{
	color:#222;
	line-height: 0.45rem;
	font-size: 0.32rem;
	margin-bottom: 0.16rem;
	margin-top: 0.16rem;
}
.centerone li a img{
	width:0.62rem;
	height:0.62rem;
}
.centerone li.odd{
	width:49%;
	
}
.centerone li:nth-of-type(even){
	border-right:1px solid #EEEEEE;
}
.centerone li.even{
	width:49%;
}
.centerone li.even:nth-child(2){
	border-right:1px solid #EEEEEE;
}
.centerone li.topywd{
	width: 100%;
	color:#222;
	font-size:0.3rem;
	line-height: 0.5rem;
	text-align: center;
}
.centerone li.topywd i{
	font-style: normal;
	color: #1575E8;
	font-size: 0.4rem;
	text-align: start;
}
.centerone li.topywd i sup{
	top:0;
	color:#222;
	font-size:0.4rem;
}
.topywd{
	padding:0.45rem 0.32rem 0.64rem 0.49rem;
}
.centerone li.btrlsb{
	border: none;
	width: 100%;
}
.centerone li a span{
	width: 100%;
		display:-webkit-box; 
overflow:hidden; 
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
height:0.8rem;
}

.centertwo{
	background-color: #fff;
	box-sizing: border-box;
	padding:0.85rem 0.4rem 0.23rem;
}

.centertwobg{
	margin-top:0.33rem;
	margin-bottom: 0.92rem;
}

.centertwobg img{
	width:6.7rem;
	height:4rem;
	margin-bottom: 0.15rem;
}

.centertwo .twotitle text{
	font-size:0.34rem;
	line-height: 0.48rem;
}
.centertwo .twotitle span{
	color:#1575E8;
	font-size:0.54rem;
	line-height: 0.48rem;

}
.centertwobg>span{
	margin-top:0.15rem;
	color:#666;
	line-height: 0.4rem;
	height:0.8rem;
	width:100%;
		display:-webkit-box; 
overflow:hidden; 
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
font-size: 0.28rem;
}
.iconfont{
	display: inline-block;
		transform: rotateX(180deg);
}
.centertwosm{
width:100%;
	flex-wrap: wrap;
}
.centertwosm a{
	width:48%;
		font-size:0.3rem;
	line-height: 0.42rem;
	margin-bottom: 0.7rem;
}
.centertwosm a img{
	width:100%;
}
.xstx{
	margin-top:0.23rem;
	width: 100%;
	height: 8.65rem;
	background:url(https://guanwang-1258467071.cos.ap-chengdu.myqcloud.com/imageweb/bg_index_xstx.jpg) no-repeat center 100%;
box-sizing: border-box;
padding: 0.84rem 0.32rem 0;

}
.xstxbox{
flex-wrap: wrap;
margin-top:0.65rem;	
}
.xstxbox a{
	background-color: #fff;
	width:3.27rem;
	height:2.55rem;
	box-sizing: border-box;
	margin:0.07rem 0.08rem;
	font-size:0.3rem;
	line-height: 0.42rem;
	
	
}
.xstxbox a img{
	height:0.71rem;
	width:0.71rem;
}
.xstxbox a text{
	width:1.8rem;
	text-align: center;
}
.centerthree{
	padding:0.88rem 0.44rem 0;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
}
.centerthree p{
	text-indent: 0.28rem;
	font-size:0.28rem;
	line-height: 0.4rem;
	color:#222;
}

.twotitles{
		display:-webkit-box; 
overflow:hidden; 
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.threeboxp{
	margin-top:0.57rem;
	margin-bottom: 0.57rem;
}
.paly{
	    width: 0.68rem;
    height: 0.68rem;
    background: url(../img/icon_index_play1.png) no-repeat center/100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-0.34rem, -0.34rem);
    z-index: 20;
}
.threevideo{
	width:4.8rem;
	height:2.8rem;
	position: relative;
	margin: 0 auto;
}
video{
	height:100%;
	width: 100%;
}
.more{
	width: 1.98rem;
height: 0.63rem;
border-radius: 0.05rem;
border: 0.03rem solid #1575E8;
color:#1575E8;
font-size:0.32rem;
line-height: 0.58rem;
margin-top: 0.57rem;
text-align: center;
margin-bottom: 0.63rem;
}
.history{
	background: #F6F9FF;
	height: 6.78rem;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-top: 0.7rem;

	 overflow-x: scroll;
}
.contentboxFive {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px solid #7D7D7D;
    text-align: center;
    background: #F6F9FF;
    font-size:0.26rem;
    width:24rem;
    margin-top:0.73rem;
}
.contentfivebox {
   /* width: 1200px;*/
  width:23.18rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
        height: 100%;
    position: relative;
    margin: 0 auto
}

.contentfivebox li {
    width: 2.82rem;
    border-left: 1px dashed #7D7D7D;
    position: relative;
    min-height: 1.57rem;
    padding-left:0.19rem;
    box-sizing: border-box;
}
.contentfivebox li:nth-child(odd){
    top: calc(100% - 0.12rem);
    transform: translateY(-50%);
}
.contentfivebox li:nth-child(even){
    top: calc(100% + 0.12rem);
    transform: translateY(50%);
}
.contentfivebox li:nth-child(even) img {
    left: -0.12rem;
    top: -0.24rem;
}
.contentfivebox li img {
    position: absolute;
    height: 0.24rem;
    width: 0.24rem;
}
.contentfivebox li:nth-child(odd) img {
      left: -0.12rem;
    bottom: -0.24rem;
}
.contentfivebox li:nth-child(odd) .blueyuan {
      left: -0.06rem;
    top: -0.1rem;
    
  
}
.contentfivebox li>div {
    width: 0.1rem;
    height: 0.1rem;
    background: #1575E8;
    border-radius: 50%;
    position: absolute;
}
.contentfivebox li:nth-child(odd) span {
    margin-top: -0.25rem;
    padding-bottom: 0.16rem;
}
.contentfivebox li span {
    font-size: 0.3rem;
    line-height: 0.42rem;
}
.contentfivebox li text {
    font-size: 0.26rem;
    line-height: 0.37rem;
    text-align: left;
    width: 106%;
    		display:-webkit-box; 
overflow:hidden; 
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.contentfivebox li:nth-child(even) .blueyuan {
    bottom: -0.1rem;
    left: -0.06rem;
}


.centerfour{
	width: 100%;
	position:relative;
	text-align: center;
}
.centerfour h6{
	position: absolute;
    width: 100%;
    z-index: 1;
    top: 0.7rem;
	
}

/*products*/
.contentheader{
	height:2.56rem;
	width:100%;
	background: url(https://guanwang-1258467071.cos.ap-chengdu.myqcloud.com/imageweb/banner_tech_pic1.jpg) no-repeat center/cover;
	color:#fff;
	box-sizing: border-box;
	padding:0.74rem 0 0 0.4rem;
}
.contentheader h4{

height: 0.56rem;
font-size:0.40rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
line-height: 0.56rem;
margin-bottom: 0.12rem;
}
.contentheader span{
height: 0.33rem;
font-size: 0.24rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #D4D4D4;
line-height: 0.33rem;
}


.products .mui-content{
background: #fff;
}
.basebox{
margin-left:0.4rem;
margin-right:0.4rem;
border-bottom:1px solid #eee;
padding-top:0.56rem;
padding-bottom:0.42rem;

}
.basebox img{
height:0.62rem;
width:0.62rem;

}
.basebox>div{
margin-top:0.24rem;
margin-bottom: 0.08rem;
width:100%;

}
.basebox>div text{
font-size:0.32rem;
line-height: 0.45rem;
}

.basebox>div span{
color:#1575E8;
font-size:0.54rem;
display: inline-block;
}
.basebox p{
color:#666;
font-size:0.28rem;
line-height: 0.4rem;
}
.basebox:nth-last-child(3){
border-bottom: none;
}


/*about*/
.about .contentheader{
background: url(https://guanwang-1258467071.cos.ap-chengdu.myqcloud.com/imageweb/banner_ind_pic1.jpg) no-repeat center/cover;
}
.about .mui-content{
background-color:#fff;
}
.aboutone{
box-sizing: border-box;
padding:0.5rem 0.4rem 1rem;
}
.abouttitle{
font-size: 0.3rem;
line-height: 0.42rem;
font-weight: 600;
margin-bottom: 0.36rem;
color:#222;
}
.aboutone>div p{
line-height: 0.52rem;
text-indent: 0.28rem;
font-size: 0.28rem;
color:#222;
}
.aboutone>div{
margin-bottom: 0.5rem;
}

.about .centerfour h6{
    left: 0.4rem;
    text-align: left;
    font-size: 0.3rem;
    font-weight: 600;
}

.about .centerfour h6 span{
color:#222;
}

.abouttwo{
	padding:0.77rem 0.4rem 1rem;
	
}
.abouttwo>div{
margin: 0.55rem 0;
}
.text-primary{
font-size: 0.32rem;
line-height: 0.45rem;
color:#222;
margin:0.14rem 0;
}

.abouttwo>div p{
color:#222;
font-size: 0.28rem;
line-height: 0.4rem;
}
.abouttwo>div p span:nth-child(1){
width:1rem;
}
.abouttwo>div p a{
    margin-left: -0.14rem;
}


.solution .contentheader{
background: url(https://guanwang-1258467071.cos.ap-chengdu.myqcloud.com/imageweb/banner_sol_pic1.jpg) no-repeat center/cover;
}

.solution .basebox img{
width:6.7rem;
height:4rem;
}

.solution .basebox p{
display:-webkit-box; 
overflow:hidden; 
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}

.solution .mui-content{
background-color: #fff;
}
.solution .basebox{
border:none;
}
.solutiondetail .basebox p{
display: block;
}
.gnjs{
background-color:#F6F9FF;
padding:0.58rem 0.4rem 0.69rem;


}
.gnjs p{
color:#666;
font-size: 0.24rem;
line-height: 0.35rem;
margin-top:0.16rem;
}
.gnjs text{
color:#222;
font-size: 0.26rem;
line-height: 0.37rem;
margin-top: 0.58rem;
display: inline-block;
}
.gnjs span{
margin:0 0.22rem;
}

.solutiontitle{
color:#222;
font-size: 0.3rem;
line-height: 0.42rem;
font-weight: 600;
}
.xgjg{
background-color: #fff;
padding:0.68rem 0.2rem 0.38rem;
}

.xgjg .solutiontitle{
padding:0 0.2rem;

}
.xgjg img{
margin-top: 0.38rem;
margin-bottom: 0.54rem;
width: 100%;

}


.basebox:nth-last-child(3){
padding-bottom: 1.1rem;
}


.animation-delay-2{
        -webkit-animation-delay:0.25s;
        animation-delay:0.25s;
    }
    .animation-delay-5{
        -webkit-animation-delay:0.5s;
        animation-delay:0.5s;
    }
    /*.animated{
        opacity: 0;
	}*/
	
	.bannertext.animated{
		opacity: 0;
	}

	.bannertext.animated.fadeInUp{
		opacity: 1;
	}

	/* products */
	.products{

	}
	.products .productsh4{
		font-size: 0.4rem;
		font-weight: 600;
		line-height: 0.56rem;
	}
	.products .productsh6{
font-size:0.34rem;
line-height: 0.48rem;
font-weight: 600;
color:#222;
margin-top:0.8rem;
margin-bottom:0.52rem;
	}
.productsul li{
	padding-bottom: 0.84rem;
}
.productsul li div{
	line-height: 0.32rem;
	font-size: 0.32rem;
	margin-bottom:0.17rem;
}
.productsul li div i{
	height:5px;
	width:5px;
	border-radius: 50%;
	background-color:#222;
	line-height: 0.32rem;
	display: inline-block;
	margin-right:0.12rem;
	vertical-align: middle;
}
.productsul li span{
	font-size: 0.26rem;
	line-height: 0.4rem;
	color:#666;
}

.productsdetailBox{
	padding:0.44rem 0.4rem 0;
}
.productsdetailBox.productsulB{
	background-color: #F6F9FF;
	padding-bottom:0.6rem;
}
.productsdetail .mui-content{
	padding-bottom: 0;
}
.go_blue{
    height: 0.15rem;
    width: 0.38rem;
    background: url(../img/icon_index_go_blue.png) no-repeat center/contain;
	display: inline-block;
}
.index .mui-slider .mui-slider-group .mui-slider-item .bannertext img{
	height: 0.15rem;
    width: 0.38rem;
	margin-bottom: 0.07rem;
	margin-left:0.08rem;
}