#banner{
	margin-top: 70px;
}
.dh ul li .a01{
	color: rgb(34,34,34);
}
.top02_l img {
    width: 100%;
    height: 100%;
	margin-top: 0;
}
.top02_c{
	margin-left: 62px;
}
.service-tzx{
	text-align: center;
}
.service-tzx h2, #ruifoxHome .cat_title h2,.about-us .content h2,#ruifoxHome .cat_title h2,#footerinfo .partner h3,.service-title h2{
	display: block;
	text-align: center;
	font-size: 22px;
	letter-spacing: 4px;
	text-indent: 4px !important;
	color: #222222;
	font-weight: 400;
	padding-bottom: 6px;
}
.service-title{
	margin-top: 80px;
	margin-bottom: 60px;
}
#footerinfo .partner{
	margin-top: 24px;
}
#footerinfo .partner h3{
	color: #26b4f0;
}
.service-tzx #segmentation,.case-tzx #segmentation,.about-us .content #segmentation,#ruifoxHome .cat_title #segmentation,#footerinfo .partner #segmentation,.service-title #segmentation{
	display: block;
	width: 180px;
	height: 1px;
	background-color: #26b4f0;
	margin: 0 auto;
}
#footerinfo .partner #segmentation{
	background-color: #ffffff;
}
.service-tzx h4, #ruifoxHome .cat_title h4,.about-us .content h4,#ruifoxHome .cat_title h4,#footerinfo .partner h4,.service-title h4{
	text-align: center;
	font-size: 14px;
	letter-spacing: 4px;
	color: #222222;
	font-weight: normal;
	padding-top: 6px;
	text-indent: 4px;
}
#footerinfo .partner h4{
	color: white;
}
#footerinfo{
	background: #26272b;
}
#case,.about-us{
	margin-top: 100px;
	margin-bottom: 100px;
}
#case ul {
	width: 99%;
	height: auto;
	margin:40px auto 0;
	padding-inline-start: 0px;
}
#case ul li{
	padding: 0;
	margin: 0;
	width: 23%;
	height: 245px;
	background-color: #ffffff;
	margin: 1%;
}
#case ul li img{
	height: 100%;
}
html{
	width: 100%;
	height:100%;
	overflow-x: hidden;
}
#case ul li:hover img{
	margin-left: 0px;
	transition: 0.5s;
	transform: translateY(-8px);
	box-shadow: 0 5px 5px #dadada;
}
#case a,.about-us .btn-more,#news .more,.newsdata .btn-more{
	display: block;
	width: 220px;
	height: 40px;
	text-align: center;
	border: solid 1px #26b4f0;
	border-radius: 4px;
	margin: 40px auto 100px;
	line-height: 40px;
	font-size: 16px;
	color: #26b4f0;
	letter-spacing: 2px;
	text-indent: 2px;
	text-decoration: none;
	background-color: #ffffff;
	cursor: pointer;
}
#case a:hover,.about-us .btn-more:hover,#news .more:hover,.newsdata .btn-more:hover{
	color: #ffffff;
	background-color: #26b4f0;
}
.about-us{
	background: none;
	background-image: url("../images/aboutbg.png");
}
.about-us .content p{
	font-size: 18px;
	color: #666666;
	text-align: center;
	line-height: 24px;
	letter-spacing: 4px;
	text-indent: 4px;
}
.about-us .content .chengdu{
	margin-top: 42px;
}
.about-us video{
	width: 920px;
	height: 520px;
}
.staff{
	width: 100%;
	background-image: url("images/talentbg.png");
}
.staff ul{
	overflow: hidden;
	padding-inline-start: 0px;
	width:70%;
	margin: 0 auto;
	text-align: center;
}
.staff ul .staff_li a{
	text-decoration: none;
}
.staff ul .staff_li a .modal-frame h3{
	color: #26b4f0;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	padding-top: 5px;
}
.staff ul .staff_li a .modal-frame h4{
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
.staff ul .staff_li a .modal-frame p{
	color: #bbd6e1;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
}
.staff ul .staff_li{
	position: relative;
	overflow: hidden;
	width: 27.33%;
    height: 270px;
    float: left;
    margin: 3%;
    border-radius: 5px;
    background-size: 100% 100%;
}
.staff ul .staff_li .modal-frame{
	transition: 0.5s;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 220px;
	background-color: rgba(0,0,0,0.5);
	
}
.staff ul .staff_li:hover .modal-frame{
	top: 130px;
}
#ruifoxHome .cat_title{
	padding: 0;
	padding-top: 70px;
}
#news{
	margin-top: 70px;
}
#news .news-list .time{
	transition:transform 0.5s;
	overflow: hidden;
	width: 151px;
	height: 80px;
	float: left;
}
#news .news-list .time h3{
	font-size: 54px;
	color: #bababa;	
    line-height: 50px;
	font-weight: 500;
}
#news .news-list .time p{
	font-size: 22px;
	color: #bababa;	
	text-align: right;
}
#news .news-list .newstitle{
	transition:transform 0.5s;
	width: 714px;
	margin-left: 20%;
}
#news .news-list .newstitle h4{
	color: #222222;
	font-size: 20px;
	font-weight: 600;
}
#news .news-list .newstitle p{
	color: #666666;
	font-size: 16px;
	line-height: 24px;
}
#news .newsdata{
	margin-top: 40px;
	width: 100%;
}
#news .news-list{
	width: 100%;
	float: none;
}
#news .news-list li{
	width: 100%;
	height: 140px;
	margin-bottom: 0;
	background-color: none;
	overflow: hidden;
}
#news .news-list li>div{
	width: 64%;
	height: 80px;
	margin: 35px auto 35px;
}
#news .news-list ul{
	width: 100%;
	padding-left: 0;
	overflow: hidden;
}
#news .news-list li:hover{
	background-color: #26b4f0;
}
#news .news-list a:hover{
	text-decoration: none;
}
#news .news-list li:hover .time h3,
#news .news-list li:hover .time p,
#news .news-list li:hover .newstitle h4,
#news .news-list li:hover .newstitle p{
	color: #fff;
}
#news .news-list li:hover .time{
	transform: translateX(-10px);
}
#news .news-list li:hover .newstitle{
	transform: translateX(-10px);
}
footer{
	background-color: #ffffff;
}
footer #Cpartner{
	width: 84%;
}
footer #Cpartner ul{
	padding: 0;
	margin: 0;
	margin-top: 30px;
	overflow: hidden;
	width: 100%;
	display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
		height: 204px;
		    overflow: hidden;
}
footer #Cpartner ul li{
	width: 180px;
	height: 80px;
	margin: 11px 0;
	background-color: #f6f6f6;
}
footer #Cpartner ul li img{
	width: 100%;
	height: 100%;
}
#client{
	background-color: white;
}
footer #Cpartner{
	height: auto;
}
#ruifoxHome .cat_title{
	padding-top: 0;
}
footer #Cpartner1{
	width: 84%;
	margin-top: 30px;
	margin-bottom: 76px;
}
footer #Cpartner1 ul{
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
footer #Cpartner1 ul li{
	height: auto;
	margin-right: 6%;
}
footer #Cpartner1 ul li:last-child{
	margin-right: 0;
}
footer #Cpartner1 ul p{
	padding-top: 12px;
}
#footerinfo .wrapper{
	width: 30%;
	float: left;
	border-bottom: none;
}
#footerinfo .company{
	width: 84%;
	height: 260px;
	margin: 20px auto 0;
	overflow: hidden;
}
.company .wrapper ul{
	overflow: hidden;
}
.wrapper ul li{
	margin-top: 20px;
}
 .wrapper ul li h4{
	font-size: 14px;
	color: #c9c7c8;
	font-weight: normal;
}
 .wrapper ul li img{
	 margin-right: 16px;
	 display: block;
	 float: left;
 }
 #footerlink{
	 width: 70%;
	 background: #26272b;
	 border-bottom: none;
	 display: inline-block;
 }
 #footerinfo{
	 border-top: none;
	 overflow: hidden;
	 padding-bottom: 0;
 }
 #footerinfo .company .wrapper h4{
	 line-height: 19px !important;
 }
 #footerinfo .company .wrapper a:hover {
	 text-decoration: none;
	 color: #1b97ef;
 }
 #footerinfo .company .wrapper a:hover h4{
 	 color: #1b97ef;
 }
 #footerlink .bottom{
	 font-size: 14px;
	 float: right;
 }
 #gotop{
	 display: inline-block;
	     vertical-align: middle;
		 position: inherit;
 }
 #footerlink .logobott{
	 width: 148px;
	 height: 168px;
	 position: absolute;
	 right: 0;
	 top: 70px;
 }
 #footerlink .logobott img{
	 width: 100%;
	 height: 100%;
 }
 #footerlink a {
     margin-right: 30px;
	 }
#footerlink a:hover{
	text-decoration: none;
	color: #1b97ef;
} 
 footer .beian{
	 width: 100%;
	 height: 40px;
	 background: black;
	 color: #c9c7c8;
	 text-align: center;
	 line-height: 40px;
 }
 
 
 .swiper-slide{
 	height: 35%;
 }
 .swiper-slide img{
 	display: block;
 	margin: 0 auto;
 }
 .swiper-slide h4{
 	font-weight: normal;
 	font-size: 16px;
 	color: #555555;
 	margin: 12px auto 10px;
 	width: 100%;
 }
 .swiper-slide p{
 	font-weight: normal;
 	margin: 0 auto;
 	width: 100%;
 	font-size: 14px;
 	color: #929292;
 }
 .content{
	 margin: 0 auto;
 }
 .dh ul li a:hover{
	 text-decoration: none;
	 color: #1b97ef !important;
 }
 #footerlink a{
	 color: #c9c7c8;
 }
 #gotop{
	 width: 40px;
	 height: 36px;
 }
 .dh ul{
	 padding: 0;
 }