body {

  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,

    Arial, PingFang SC-Light, Microsoft YaHei;

  margin: 0;

  font-family: PingFangSC-Semibold;

}

button {

  margin: 0;

  padding: 0;

  border: 1px solid transparent;

  outline: none;

  background-color: transparent;

}



button:active {

  opacity: 0.6;

}

.flex-col {

  display: flex;

  flex-direction: column;

}

.flex-row {

  display: flex;

  flex-direction: row;

}

.justify-start {

  display: flex;

  justify-content: flex-start;

}

.justify-center {

  display: flex;

  justify-content: center;

}



.justify-end {

  display: flex;

  justify-content: flex-end;

}

.justify-evenly {

  display: flex;

  justify-content: space-evenly;

}

.justify-around {

  display: flex;

  justify-content: space-around;

}

.justify-between {

  display: flex;

  justify-content: space-between;

}

.align-start {

  display: flex;

  align-items: flex-start;

}

.align-center {

  display: flex;

  align-items: center;

}

.align-end {

  display: flex;

  align-items: flex-end;

}



.text-align{

	text-align: center;

}

.marTop10{

	margin-top: 10px;

}

.marTop20{

	margin-top: 20px;

}

.marTop30{

	margin-top: 30px;

}

.marTop40{

	margin-top: 40px;

}

.marTop50{

	margin-top: 50px;

}

.marTop60{

	margin-top: 60px;

}

.marTop70{

	margin-top: 70px;

}

.marBto10{

	margin-bottom: 10px;

}

.marBto20{

	margin-bottom: 20px;

}

.marBto30{

	margin-bottom: 30px;

}

.marBto40{

	margin-bottom: 40px;

}





.width1200{

	width: 1200px;

	margin: 0 auto;

}

/* 一,超小屏幕下 ,768px下 */

@media  screen and (max-width:767px){

	.width1200{

		width:100%;

	}

	

}

/* 二,小屏幕下，大于768 */

@media  screen and (min-width:768px){

	

	.width1200{

		width:95%;

		}

}

/* s三,中屏幕下，大于992 */

@media  screen and (min-width:992px){

	.width1200{

	width:960px;

	}

}

/* 四,大屏幕下，大于1200 */

@media  screen and (min-width:1300px){

	.width1200{

	width:1200px;

	}

}

.width1280{

	width: 1280px;

	margin: 0 auto;

}



/* 一,超小屏幕下 ,768px下 */

@media  screen and (max-width:767px){

	.width1280{

		width:100%;

	}

	

}

/* 二,小屏幕下，大于768 */

@media  screen and (min-width:768px){

	

	.width1280{

		width: 100%;;

	}

}

/* s三,中屏幕下，大于992 */

@media  screen and (min-width:992px){

	.width1280{

	width:970px;

	}

}

/* 四,大屏幕下，大于1200 */

@media  screen and (min-width:1300px){

	.width1280{

	width:1280px;

	}

}





/* 导航样式开始 */

.home{

	height: 60px;

	background: #4782c1;

	color: #fff;

}

.home-left{

	width: 50%;

}

.home-right{

	width: 48%;

}

.home-list{

	background: #fff;

	height: 70px;

	line-height: 70px;

	margin: 0 auto;

}



.nav img{

	margin-right: 5px ;

}

.home-list ul li {

	list-style: none;

	font-size: 20px;

	color: #333;

	

}

.home-list ul li a{

	font-size: 20px;

	color: #333;

	font-family: PingFangSC-Semibold;

	text-decoration: none;

}

.home-list ul .active a{

	color: #4782c1;

}

.home-list ul li a:hover {

	color: #4782c1;

	cursor: pointer;

}



/* 导航样式结束 */



/* 轮播 */

.swiper{

	width: 100%;

	background: #4782c1;

}

.swiper img{

	width: 100%;

}

/* 鼠标手势 */

.shousi{

	cursor: pointer;

}

a{

	text-decoration: none;

}

ul li{

	list-style: none;

}

/* 轮播结束 */



/* 底部css */

.home-bottom{

	background: #195b9d;

	padding: 30px;

}

.bgs{

	background: #195b9d;

}

.home-bottom-biao{

	color: #fff;

	text-align: center;

}



.home-bottom-ul{

	text-align: center;

	height: 45px;

}

.home-bottom-ul ul li{

	

}

.home-bottom-ul ul li{

	margin-right: 20px;

	position: relative;

	text-align: center;

	padding-right: 20px;

}

.home-bottom-ul ul li::before{

	content: '';

	width: 1px;

	height: 20px;

	position: absolute;

	right: 0;

	top: 3px;

	background: #fff;

	

}

.home-bottom-ul ul li:last-child{

	padding-right: 0px;

}

.home-bottom-ul ul li:last-child ::before{

	content: '';

	width: 1px;

	height: 20px;

	position: absolute;

	right: 0;

	top: 3px;

	background: #195b9d;

}

.home-bottom-ul ul li a{

	color: #fff;

	font-family: PingFangSC-Semibold;

	text-decoration: none;

	font-size: 17px;

}

.home-bottom-ul ul li a:hover{

	color: #333;

}

.home-line{

	width: 100%;

	border-bottom: 1px solid #fff;

	

}

.home-line-ul ul li{

	color: #fff;

	

	line-height: 40px;

	font-family: PingFangSC-Semibold;

}



.home-line-er{

	margin-left: 35px;

}

.home-bottom-right{

	color: #fff;

	font-family: PingFangSC-Semibold;

	padding-right: 30px;

}

.home-bottom-right input{

	border-radius: 5px;

	border: none;

	outline: none;

	color: #333;

	margin-left: 5px;

	font-family: PingFangSC-Semibold;

	height: 35px;

	width: 220px;

	padding: 5px;

}

.home-bottom-right input:focus{

	border: none;

	font-family: PingFangSC-Semibold;

}

.home-bottom-right textarea{

	border-radius: 5px;

	width: 550px;

	min-height: 150px;

	border: none;

	outline: none;

	color: #333;

	padding: 5px;

}

.home-bottom-right textarea:focus{

	border: none;

}

.home-bottom-right button{

	background: #fff;

	color: #666;

	font-size: 16px;

	padding: 5px 10px;

	border-radius: 5px;

}

.home-bottom-right button:hover{

	background: #6cc0ff;

	color: #fff;

}

/* 底部结束 */



/* 面包屑 */

.mian{

	line-height: 65px;

	border-bottom: 1px solid #ececec;

}

.mian p{

	font-family: PingFangSC-Semibold;

	font-size: 22px;

	color: #a3a3a3;

	font-weight: bold;

	

}

.mian p:last-child{

	font-family: PingFangSC-Semibold;

	font-size: 22px;

	color: #4b84c2;

	font-weight: bold;

	

}

.mian img {

	width: 60px;

}

.mian label{

	margin-left: 5px;

	font-size: 20px;

	color: #a3a3a3;

	margin-right: 5px;

}



/* 面包屑结束 */