@charset "utf-8";
/*单行溢出*/
.one-txt-cut{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#delbox{
	margin-right:0;
}
.flex{
  display:box;
  display:-webkit-box;
  display:-webkit-flex; 
  display:-moz-box; 
  display:-ms-flexbox; 
  display:flex;
}
.flex-j{
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
.flex-w{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap:wrap;
}
.flex-s{
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
  }
.flex-c{
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
  }
.align-center{
  -webkit-align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -o-align-items:center;
  align-items:center;
}
.flex-cm{
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.trs{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.content{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
/* 我们的优势 */
.adva{
	padding: 4rem 0;
}
.adva-top{
	background: linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
	background: -o-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
	background: -ms-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
	background: -moz-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
	background: -webkit-linear-gradient(top , rgb(79, 65, 189) , rgb(57, 47, 138) 100%);
}
.adva-topbox{
	background: url(../images/advan-bg.png) no-repeat 25% bottom,url(../images/advan-bg.png) no-repeat 75% bottom;
	padding: 2rem 0;
	background-size: auto;
	position: relative;
}
.adva-topbox::after{
	content: '';
	position: absolute;
	bottom:-2.25rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border: 1.25rem solid transparent;
	border-top: 1rem solid rgba(57, 47, 138,1)
}
.adva .tit h2,.adva .tit h1,.adva .tit p{
	color: #fff;
}
.adva .tit p{
	font-size: .8rem;
	opacity: .7;
	padding-bottom: 1.5rem;
	width: 40rem;
	margin: auto;
	line-height: 1.4rem;
}
.adva .tit-b span{
	background-color: #fb8967;
}
.adva-cow{
	padding: 4rem 0;
}
.adva-cowbox{
	margin: -1rem 0;
	position: relative;
}
.adva-cowbox::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background-color: #d9d9d9;
	z-index: -1;
}
.adva-row{
	padding: 1rem;
	width: 100%;
}
.adva-rowbox{
	position: relative;
}
.adva-rowbox::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: .7rem;
	height: 3rem;
	background-color: #36c3c1;
	-webkit-transition: all  .4s ease-in-out;
	-moz-transition: all  .4s ease-in-out;
	-ms-transition: all  .4s ease-in-out;
	-o-transition: all  .4s ease-in-out;
	transition: all  .4s ease-in-out;
}
.adva-l,.adva-font{
	width: 50%;
}
.adva-img{
	padding-right: 2rem;
}
.adva-font{
	padding-left: 2rem;
}
.adva-l1{
	padding-right: 0;
	padding-left: 2rem;
}
.adva-font1{
	padding-left: 0;
	padding-right: 2rem;
	text-align: right;
}
.adva-img{
	position: relative;
	width: 486px;
	height: 243px;
	background-color: white;
}
.adva-img::after{
	content: '';
	position: absolute;
	bottom:-5%;
	right: -2.5%;
	border: 1px solid #36c3c1;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: all  .4s ease-in-out;
	-moz-transition: all  .4s ease-in-out;
	-ms-transition: all  .4s ease-in-out;
	-o-transition: all  .4s ease-in-out;
	transition: all  .4s ease-in-out;
}
.adva-img1::after{
	left: -2.5%;
}
.adva-img img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.adva-font h1{
	font-size: 1.4rem;
	color: #333;
	padding-bottom: 1rem;
}
.adva-font p{
	font-size: .8rem;
	color: #666;
	line-height: 1.6rem;
}
.adva-row:hover .adva-rowbox::after{
	background-color: #fb8967;
}
.adva-row:hover .adva-img::after{
	background-color: #fb8967;
	border-color: #fb8967;
}
@media screen and (max-width:1024px){
	.adva-img{width: 430px;height: 215px;}
}
@media screen and (max-width:768px){
	.adva-img{width: 304px;height: 152px;}
	.adva-topbox{background: url(../images/advan-bg.png) no-repeat 10% bottom,url(../images/advan-bg.png) no-repeat 90% bottom;}
	.adva .tit p{width: calc(100% - 5%);}
}
@media screen and (max-width:414px){
	.adva-img{width: 374px;height: 187px;}
	.adva-topbox{background:url(../images/advan-bg.png) no-repeat -50% bottom,url(../images/advan-bg.png) no-repeat 150% bottom}
	.adva-rowbox{flex-wrap: wrap;}
	.adva-l, .adva-font{width: 100%;}
	.adva-l{padding-bottom: 2rem;}
	.adva-font,.adva-l1{padding: 0;}
	.adva-row{padding: 2rem 0;border-bottom: 1px solid #e4e3f0;}
	.adva-row:last-child{border-bottom: none;}
	.adva-font1{text-align: left;}
	.adva-cowbox::after{width: 0;}
	.adva-rowbox::after{width: 0;height: 0;}
}
@media screen and (max-width:375px){
	.adva-img{width: 335px;height: 167px;}
	.adva{padding: 2rem 0;}
}
@media screen and (max-width:320px){
	.adva-img{width: 280px;height: 140px;}
}