

.about_tabs ul{
	width:459px;
	margin:40px auto 50px;
	padding:0;
	border:1px solid #D7D7D7;
	border-radius: 20px;
}
.about_tabs ul a{
	color:#666;
}
.about_tabs ul::after{
	content:"";
	display: block;
	clear: both;
}
.about_active{
	background: #0974EC;
}
.about_tabs .about_active a{
	color:#fff;
}
.about_tabs ul li{
	width:114px;
	float:left;
	padding:10px 0;
	text-align: center;
}
.about_tabs ul li>a{
	display: inline-block;
	width:100%;
	height:100%;
}
.about_tabs ul li:first-child{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.about_tabs ul li:last-child{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.about_tabs ul li:nth-child(2){
	border-left:1px solid #D7D7D7;
}
.about_tabs ul li:nth-child(3){
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
}


.about_title{
    text-align: center;
    margin-bottom: 40px;
}
.about_title h3{
	margin-bottom: 0;
	font-size: 28px;
	color:#333;
}

.about_title h5{
	margin-top: 0;
	color:#999;
}
.line{
	width:25px;
	height:2px;
	background: #0974EC;
	margin:0 auto;
}

.row1{

}
.row1 .row1_title{
	margin-top:30px;
	color:#0974EC;
	font-weight: bold;
}
.about_bg{
	width:100%;
	margin-bottom: 60px;
	margin-top: 40px;
	
	height:300px;
	background: url("../img/web10.png") no-repeat;
	background-size:100% 300px;
}
.row2_ul{
	display: flex;
	padding:0;
	justify-content: space-between;
	margin-top:59px;
}
.row2_ul li{
	text-align: center;
	color:#fff;
	position: relative;
}
.row2_ul li h1{
	font-size: 80px;
	font-weight: bold;
}
.row2_ul li:first-child p{
	width:120px;
	margin:0 auto;
}
.row2_ul li:nth-child(2) p{
	width:168px;
	margin:0 auto;
}
.row2_ul li:nth-child(3) p{
	width:108px;
	margin:0 auto;
}
.row2_ul li:nth-child(4) p{
	width:97px;
	margin:0 auto;
}
.row2_ul li span{
	position: absolute;
}
.row2_ul li:first-child span{
    right: 20px;
    top: 20px;
}
.row2_ul li:nth-child(2) span{
	right: 35px;
    top: 20px;
}
.row2_ul li:nth-child(3) span{
	right:-10px;
	top: 20px;
}
.row2_ul li:nth-child(4) span{
	right:-10px;
	
	top: 20px;
}


.about_tabs2{
	text-align: center;
    margin-bottom: 40px;
}
.about_tabs2>ul::after{
	content: "";
	display: block;
	clear: both;
}
.about_tabs2>ul{
	padding:0;
}
.about_tabs2>ul a{
	color:#fff;
	display: inline-block;
	font-size: 16px;
	width: 100%;
	height:100%;
}
.about_tabs2>ul li{
	display: inline-block;
	width:150px;
	height:35px;
	line-height: 35px;
	border-radius: 5px;
	margin: 0 10px;
	background: #BFBFBF;
}
.about_tabs2>ul li.about_active2{
	background: #0974EC;
}




.floor2{
	margin-bottom: 60px;
}
.floor2>div{
	display: none;
}


.gs_img{
	position: relative;
}
.gs_img .swiper-button-prev{
	left:-40px
}
.gs_img .swiper-button-next{
	right:-40px;
}




.ry_img{
	position: relative;
}
.ry_img .swiper-button-prev{
	left:-40px
}
.ry_img .swiper-button-next{
	right:-40px;
}

/*.swiper-container {
      width: 100%;
      height: 680px;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  height: 100%;
	position:relative;
  /* 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;
}
.swiper-slide>p{
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:-35px;
	font-size: 14px;
}
.swiper-slide img{
	width:100%;
	height:100%;
}*/





.contactus{
    text-align: center;
    margin-bottom: 40px;
}
.contactus h3{
	margin-bottom: 0;
	font-size: 28px;
	color:#333;
}

.contactus h5{
	margin-top: 0;
	color:#999;
}




.floor3{
	/*display: none;*/
	margin-bottom: 40px;
}
.floor3_2{
	display: none;
}
.floor3_ul{
	display: flex;
	justify-content: space-between;
}
.floor3_ul>li{
	text-align: center;
}
.floor3_ul>li>div{
	background: #60C702;
	width:98px;
	margin: 0 auto;
	height:98px;
	text-align: center;
	line-height: 98px;
	border-radius: 50%;
}
.floor3_ul>li>p:nth-child(2){
	margin-top:10px;
	margin-bottom: 0;
}
.floor3_ul>li>p:nth-child(3){
	margin-top:5px;
	margin-bottom: 0;
}
.floor3_ul>li:first-child img{
	width:36px;
	height:36px;
}

.floor3_ul>li:nth-child(2) img{
	width:28px;
	height:38px;
}

.floor3_ul>li:nth-child(3) img{
	width:39px;
	height:31px;
}


.floor3_ul>li:nth-child(4) img{
	width:40px;
	height:36px;
}

.floor3_ul>li:nth-child(5) img{
	width:39px;
	height:39px;
}


@media only screen and (max-width: 1380px) {
	.gs_img .swiper-button-prev{
		left:10px
	}
	.gs_img .swiper-button-next{
		right:10px;
	}
}


@media screen and (min-width:992px ) and (max-width:1200px) {
	.swiper-slide{
		height:228px;
	}
}

@media screen and (min-width:769px ) and (max-width:991px) {
	.swiper-slide{
		height:186px;
	}
	
	.floor3_ul>li>p{
		font-size: 12px;	
	}
}

@media screen and (max-width:768px) {
	.about_tabs ul li{
		width:74px;
		padding:5px 0;
	}
	.about_tabs ul{
		width:299px;
	}
	.row2_ul{
		width:90%;
	    margin: 10px auto;
	    flex-wrap: wrap;
	}
	.row2_ul li{
		width:45%;
	}
	.row2_ul li h1 {
	    font-size: 30px;
	}
	.row2_ul li p{
		font-size: 12px;
	}
	.row2_ul li:first-child p {
	    width: 100%;
	}
	.row2_ul li:nth-child(2) p {
	    width: 100%;
	}
	.row2_ul li:nth-child(3) p {
	    width: 100%;
	}
	.row2_ul li:nth-child(4) p {
	    width: 100%;
	}
	.about_bg{
		height:234px;
	    margin-bottom: 40px;
	}
	.row2_ul li:nth-child(3) span {
	    right: 10px;
	}
	.row2_ul li:nth-child(4) span {
	    right: 10px;
	}
	.about_tabs2>ul li {
	    width: 30%;
        font-size: 14px;
	}
	.swiper-slide{
		height:146px;
	}
	.swiper-slide>p {
	    font-size: 12px;
	}
	.floor2{
		margin-bottom: 40px;
	}
	.floor3{
		display: none;
	}
	.contactus{
		display: none;
	}
	.floor3_2{
		display: block;
		text-align: center;
		margin-bottom: 80px;
	}
	
	.floor3_2 p:first-child {
	    font-size: 16px;
	    color: #333;
	    margin: 0 10px;
	}
	.floor3_2 p:nth-child(2){
		font-size: 22px;
	    font-weight: bold;
	    color: #000;
	    margin-right: 20px;
	}
	.floor3_2 p:nth-child(3){
	    width: 30%;
	    margin: 0 auto;
	    padding: 8px 30px;
	    background: #CC281E;
	    border-radius: 5px;
	}
	.floor3_2 p:nth-child(3) a{
        color: #fff;
	}
	.row1 {
	    font-size: 12px;
	}
}


@media only screen and (max-width: 400px) {
	.swiper-slide{
		height:126px;
	}
}