html{
	font-size: 16px;
}
body{
	overflow-x: hidden;
	
}
/*banner*/
.banner {
	height: 416px;
	background: url(../images/banner.jpg) no-repeat center;
}
.banner2 {
	height: 417px;
	background: url(../images/banner2.jpg) no-repeat center;
}
.top{width: 100%;}
.top-1 {
	width: 1100px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}

.top .logo {
	width: 249px;
	height: 56px;
}

.zx {
	 
    font-size: 18px;
    color: #fff;
    display: block;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #284095;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 30px;
}

.zx:hover{background: #f9c03f;}
.w{width: 1100px; margin: auto;}

/*dy*/
.dy{background: url(../images/dy.jpg) no-repeat top,#e6eef9; padding-bottom: 70px;}
.bt{display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto;}
.bt1{width: 502px; margin: auto; margin-bottom: 34px;}
.bt img{width: 103px; height: 28px; margin-top: 18px;}
.bt-h{font-size: 44px; text-align: center;}
.bt-h1{color: #284095;}
.dy-2{background: #fff; border-radius: 20px; padding: 34px; position: relative;}
.dy-ul{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 3;}
.dy-ul li{width: 182px; height: 253px; background: #e6eef9; border-radius: 20px; text-align: center;}
.dy-ul li img{width: 33px; margin-top: 45px; margin-bottom: 8px;}
.dy-ul li h4{font-size: 24px; color: #284095; text-align: center;}
.dy-ul li p{font-size: 24px; color: #333333; margin: 10px auto 12px;}
.dy-ul li a{font-size: 16px; color: #fff; background: #284095; width: 126px; height: 32px; line-height:32px; display: block; border-radius: 40px; text-align: center; margin: auto; transition: 0.3s;}
.dy-ul li a:hover{background: #f6c313; color: #333;}
.heng{width: 1031px;
    border: 1px solid #284095;
    position: absolute;
    top: 156px;
    left: 34px;
    z-index: 2;}
.yh{width: 1105px; height: 202px; background: url(../images/yh.png) no-repeat center; margin-top: 38px;}
.yh h4{font-size: 30px;
    color: #fff;
    padding-top: 22px;
    margin-left: 255px;
    line-height: 52px;}
.yh h4 span{font-size: 36px;}
.yh h4 b{color: #f6c313;}
.yh-a1{font-size: 16px; color: #333; background: #fff; width: 132px; height: 36px; line-height: 36px; display: block; text-align: center; border-radius: 40px; transition: 0.3s; margin-left: 255px; margin-top: 10px;}
.yh-a1:hover{background: #f6c313;}

/*kc*/
.kc{background: #284095; padding: 75px 0px;}
.bt2{width: 502px; margin: auto;}
.bt-h2{ color: #fff;}
.ds{margin: 40px 0px 36px;}
.ds a{font-size: 22px; width: 206px; height: 62px; line-height: 62px; background: #fff; color: #333; display: block; float: left; margin-right: 25px; text-align: center; transition: 0.3s;}
.ds a:hover{background: #f6c313;}
.ds a.active{background: #f6c313;}
.kb table th{font-size: 20px; color: #333; background: #f6c313; height: 60px; border: 1px solid #333;}
.kb table td{font-size: 16px; color: #333; background: #fff; padding: 5px; border: 1px solid #333; text-align: center;}
.kc-a1{font-size: 18px; width: 152px; height: 46px; line-height: 46px; display: block; background: #284095; color: #fff; border-radius: 40px; transition: 0.3s; text-align: center; margin: auto;}
.kc-a1:hover{background: #c73b58;}
.td-l{text-align: left!important;}

/*ys*/
.ys{background: #e6eef9; padding: 70px 0px;}
.bt3{width: 705px;}
.ys-2{width: 1100px; height: 454px; background: url(../images/ys-1.png) no-repeat center; margin: 40px 0px 60px; padding: 1px;}
.ys-ul{width: 1065px; margin:67px auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ys-ul li{width: 328px;
    height: 126px;
    margin-bottom: 76px;
    padding-left: 132px;}
.ys-ul li:nth-of-type(1){background: url(../images/ys-img1.png) no-repeat center;}
.ys-ul li:nth-of-type(2){background: url(../images/ys-img2.png) no-repeat center;}
.ys-ul li:nth-of-type(3){background: url(../images/ys-img3.png) no-repeat center;}
.ys-ul li:nth-of-type(4){background: url(../images/ys-img4.png) no-repeat center;}
.ys-ul li:nth-of-type(5){background: url(../images/ys-img5.png) no-repeat center;}
.ys-ul li:nth-of-type(6){background: url(../images/ys-img6.png) no-repeat center;}
.ys-ul li p{font-size: 20px;
    color: #333;
    margin-top: 24px;
    height: 60px;}
.ys-a1{font-size: 16px; color: #fff; background: #284095; width: 92px; height: 28px; line-height: 28px; display: block; text-align: center; border-radius: 40px; transition: 0.3s;}
.ys-a1:hover{background: #c73b58;}

/*sm*/
.sm{background: #fff; border-radius: 20px; padding: 40px; margin-top: 36px;}
.sm-ul{width: 1000px; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sm-ul li{width: 296px; height: 281px;}
.sm-ul li:nth-of-type(1){background: url(../images/sm-img1.png) no-repeat center;}
.sm-ul li:nth-of-type(2){background: url(../images/sm-img2.png) no-repeat center;}
.sm-ul li:nth-of-type(3){background: url(../images/sm-img3.png) no-repeat center;}
.sm p{font-size: 28px; color: #333; text-align: center; padding-top: 30px;}

/*jr*/
.jr{background: #284095; padding: 66px 0px 100px;}
.bt4{width: 900px; margin: auto;}
.jr-ul{margin-top: 55px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.jr-ul li{width: 536px; height: 262px; border-radius: 20px; background: #fff; padding: 10px; text-align: center;}
.jr-ul li img{width: 231px; height: 231px; float: left;}
.jr-div1{width: 265px; float: left;}
.jr-div1 p{font-size: 24px; color: #333333; margin: 60px 0px 28px;}
.jr-div1 a{font-size: 18px; color: #fff; background: #c73b58; width: 120px; height: 40px; line-height: 40px; display: block; border-radius: 40px; text-align: center; margin: auto;}