body {
	color: #5a5a5a;
	font-size: 14px;
	font-family: "Microsoft YaHei", "Arial", Helvetica, Arial, Tahoma;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
	padding-top: 146px;
}
.banner a {
    display: block;
    position: relative;
    height: 100%;
}

.banner a img {
    display: none;
}

.slick,.slick-list,.slick-initialized .slick-slide,.slick-track,.banner a {
    height: 100%;
}

.banner {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	  margin: 0;
    overflow: hidden;
    height: 100vh; 
}



body.active {
	opacity: 1;
}
.footer-txt a{color:#fff !important;}
.img-hide {
	overflow: hidden;
	display: block;
}
.slick-dots li button:before {
	display: none;
}
.img-hide img, .div-img {
	transition: 0.5s all;
	transform: scale(1, 1);
}
.img-hide:hover img, .img-hide:hover .div-img {
	transform: scale(1.05, 1.05);
}
.txt-elise {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
li {
	list-style: none;
}
a {
	color: #333;
}
ul {
	padding: 0;
	margin: 0;
}
a:hover, a {
	text-decoration: none !important;
}
a:focus {
	text-decoration: none !important;
	outline: none !important;
}
button:focus, button:hover, input:focus {
	outline: none!important;
}
p {
	margin: 0;
}
img {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.back-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ydy88.jpg) center no-repeat;
	background-size: cover;
}
.box-center {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
}
.container {
	width: 1630px;
}
.logo {
	margin-top:4vh;
}
.footer-txt {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	opacity: 1;
	background: rgba(0,0,0,.4);
	padding: 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-txt .foot-img {
	margin-left: 10px;
	position: relative;
}
.footer-txt .foot-img .foot-ewm {
	position: absolute;
	width: 100px;
	height: 100px;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}
.footer-txt .foot-img .foot-ewm img {
	width: 100%;
	height: 100%;
}
.footer-txt .foot-img:hover .foot-ewm {
	display: block;
}
.container-sm {
	width: 1440px;
}
.index-box {
	margin: 0 -17px;
	margin-top: 46vh;
}
.index-box-left {
	width: 25%;
	padding: 0 17px;
}
.back-one {
	background: url(../images/bg1.png) no-repeat #2073da;
	box-shadow: 6px 6px 0px #002866;
	border-radius: 25px;
	height: 290px;
	padding: 20px 35px;
	background-size: cover;
opacity: 0.9;}
.yd1-icon {
	border-bottom: 1px solid #488add;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}
.yd1-icon li div {
	width: 90px;
	height: 90px;
	border: 1px dashed #a9c9f0;
	border-radius: 5px;
	position: relative;
}
.yd1-icon li div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .5s;
}
.yd1-icon li:hover div img {
	transform: translate(-50%, -50%) scale(.9)
}
.yd1-icon li a p {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	padding-top: 10px;
	text-align:center;
}
.yd1-txt {
	margin-top: 20px;
}
.yd1-txt p {
	color: #fff;
	font-size: 14px;
	line-height: 2;
	text-align: left;
}
.index-box-right {
	width: 75%;
	padding: 0 17px;
}
.index-box-ul {
	margin: 0 -12px;
}
.index-box-ul li {
	float: left;
	width: 33.333333%;
	padding: 0 17px;
}
.index-box-ul li a {
	display: block;
	padding-top: 20px;
	position: relative;
	height: 290px;
}
.index-box-ul li a:before {
	display: block;
	content: "";
background: url(../images/ydybj.png) no-repeat #2073da;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: 0.3s all;
	border-radius: 25px;
opacity: 0.8;background-size: cover;}
.index-box-img {
	width: 150px;
	height: 154px;
	margin: 20px auto 0;
	z-index: 100;
	position: relative;
	line-height: 154px;
	transition: all .5s;
}
.index-box-img:before {
	display: block;
	animation: spin 20s linear infinite;
	opacity: 1;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/q_01.png) center no-repeat;
	background-size:cover;
}
.index-box-ul li a:hover:before {
	top: -40px;
	background: url(../images/h_bj.png) no-repeat center ;
	bottom: 0px;
	box-shadow: 6px 6px 0px #002866;
background-size: cover;}
.index-box-ul li a:hover .index-box-img {
	margin: 0 auto;
}
.index-bo-tt {
	font-size: 34px;
	color: #fff;
	line-height: 34px;
	position: relative;
	z-index: 100;
	margin-top: 20px;
}
.index-bo-tt span {
	font-size: 16px;
}
.index-box-ul li a:hover .index-box-img:before {
	opacity: 1;
}
.index-box-ul li .hid {
	position: relative;
	display: none;
	transition: all .5s;
}
.index-box-ul li .hid .xq {
	margin-top: 100px;
}
.index-box-ul li a:hover .hid {
	display: block;
}
@keyframes spin {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @media( max-width: 1720px) {
.index-box{    margin-top: 40vh;}
}
 @media( max-width: 1679px) {
	 .back-one{padding:0 35px 20px;height: 290px;}
	 .yd1-txt{margin-top:20px;}
	 .index-box-ul li a{height: 290px;}
	 .index-box-img{margin: 20px auto 0;}
	 .index-box-ul li a:hover:before{top:-40px;}

}
 @media( max-width: 1579px) {
.container {
	width: 1230px;
}
.logo {
	margin-top: 9vh;
}
.index-box {
	margin-top: 30vh;
}
.contact-p p {
	line-height: 28px;
}
.index-bo-tt{font-size:28px;}
}
@media( max-width: 1440px) {
.index-box{margin-top: 26vh;}

}
@media( max-width: 1279px) {
.yd1-txt {
    margin-top: 4px;
}
.yd1-txt p{font-size: 12px;}
.index-box-ul li a {
    height: 220px;
}
.container {
	width: 970px;
}
.index-box-img{width: 110px;height: 113px;line-height:113px;margin: 10px auto 0;}
.index-box-img img{transform: scale(.7);}
.index-bo-tt{font-size:24px;}
.back-one{padding:20px;height: 220px;}
.yd1-icon li div{width:70px;height:70px;}
.index-box-ul li a:hover:before{top:-40px;bottom:-30px;}
.index-box-left{padding:0 10px;}
.yd1-icon{padding:0 0 10px 0;}
.index-box-ul li{padding:0 10px;}
.yd1-icon li div img{transform: translate(-50%, -50%) scale(.7)}
}
@media( max-width: 991px) {
.container {
	width: 750px;
}
.index-box-left {
	width: 100%;
}
.back-one {
	height: auto;
	overflow:hidden;
	border-radius:8px;
	padding:10px 20px;
}
.logo {
	width: 350px;
	margin-top: 30px;
}
.index-box-right {
	width: 100%;
	margin-top: 44px;
}
.index-box-ul li a {
	height: auto;
	padding: 10px 0;
}
.footer-txt {
	bottom: 0px;
	padding: 15px 0;
}
.yd1-icon{width:25%;float:left;padding-top:15px;}
.yd1-txt{width:70%;float:right;margin-top:15px;}
.index-box-img{margin-top:20px;}
.index-box-ul li a:hover:before{top:-20px;bottom:0px;}
.index-box-ul li .hid .xq{margin-top:20px;width:25px;margin:20px auto 0}
.index-bo-tt{font-size:22px;}
.yd1-txt span{font-size:22px !important;}
.index-box-ul li a:before{border-radius:8px;}
}
@media( max-width: 767px) {
.container {
	width: 100%;
}
.contact-tt {
	font-size: 16px;
	margin-bottom: 10px;
}
.logo {
	width: 300px;
	margin-top: 15px;
}
.contact-p p {
	font-size: 14px;
	line-height: 25px;
}
.back-one {
	padding: 15px;
}
.index-box-img img {
	height: 40px;
	transform: scale(1);
}
.index-box-img {
	width: 80px;
	height: 80px;
	line-height: 80px;
}
.index-bo-tt {
	font-size: 18px;
	margin-top: 10px;
}
	.yd1-txt span{font-size:18px !important;}
.index-bo-tt span {
	font-size: 14px;
}
.index-box-img:before {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}
.footer-txt {
	font-size: 12px;
	display:block;
	padding: 10px 0;
}
	.footer-txt p,.footer-txt a{line-height: 1.7 !important;}
.foot-img{margin-top:10px;}
.banner a img{display:block}
	.banner a{background:none !important;}
	.back-box{background: linear-gradient(to right, #f5f7fb, #98c1f5);/* background: #ddd; *//* height: 100%; */}

	
}
@media( max-width: 640px) {
	.index-box-ul li{padding:0 8px;/* width: 100%; */}
	.index-bo-tt span{font-size:12px;}
	.yd1-icon li div{width:60px;height:60px;}
	.yd1-txt{margin-top:10px;}
	.yd1-icon li a p{font-size:14px;padding-top: 5px;}
	.yd1-txt p{line-height:1.8;}
	}
	
	@media( max-width: 540px) {
		.logo {
	width: 200px;
	margin-top: 8px;
}
		
	.yd1-icon{width:100%;justify-content: center;padding:5px 0;}
	.yd1-icon li{margin:0 10px;}
	.back-one{padding: 5px 10px;box-shadow:none;}
	.yd1-txt{width:100%;}
	.index-box-ul li a{padding:10px 0;}
	.index-box-ul li a:hover:before{top:-15px;}
	.index-box{margin-top: 19vh;}
	.index-box-right{margin-top:24px;}
		.yd1-txt span {
    font-size: 16px !important;
}

		.index-bo-tt{font-size:16px;}
	}
	
		@media( max-width: 440px) {
	

		.index-bo-tt{min-height: 50px;line-height:1.5;font-size: 15px;}
		}
	
	
		@media( max-width: 400px) {
			.index-box-img{width:50px;height:50px;line-height:50px;}
	.index-box-img img{height:28px;}
                          .index-box-img{margin-top:0}img
			}