*{ margin:0; padding:0;}
body{ margin:0px auto; font-size:16px; font-family:"微软雅黑"; margin:0 0 0 0; padding:0 0 0 0}
ul, li, dl, dt, dd { list-style:none; margin:0px; padding:0px; } 
.spacebox{width:100%;border-top:1px transparent;height:1px;overflow:hidden;background-color:transparent;clear:both;}
a{text-decoration:none; color:#000 }
img{width: auto;  height: auto;  max-width: 100%;  max-height: 100%;     } 

.img_ban{max-width:100%;height:auto;}


.head_wrap{width:100%; height:58px; background:url(topbg.png) repeat-x;font-size:12px/21px}
.head{width:1100px; height:58px; margin:0 auto; color:#999; background:url(../images/topbg.png) repeat-x;}
.head .toplogo{float:left;height:49px;  padding-top:5px;}
.head .toplogo a{height:58px;}
.head .toplogo img{display:block; border:none;}
.head .toptel{float:left; padding:20px 0 0 35px;}
.head ul{float:right; width:auto; font-size:12px;}
.head ul li{float:left; padding-top:20px; line-height:22px; background:url(../images/icon.png) right -101px no-repeat;position:relative; z-index:3;}
.head ul li a{ display:block; padding:0 16px; _padding:0 14px; color:#6c6c6c;}
.head ul li a:hover{color:#f40;padding:0 15px; height:22px;}
.head ul li.nobg{background:none;}
.head ul li.pt8{ padding-bottom:14px; margin-right:4px;}
.head ul li a:not(.nobg).current{border:1px solid #efefef; border-bottom:0; background:#fff;padding:0 15px; _padding:0 13px;}
.head ul li a:hover{border:1px solid #efefef; border-bottom:0; background:#fff;padding:0 15px 0 16px; _padding:0 13px; }
.head ul li.nohover a{ padding:0 4px;}
.head ul li.nohover a:hover{border:0; border-bottom:0; background:none;padding:0 4px; _padding:0; }
.head ul li a.nobg:hover{border:0; border-bottom:0; background:0;padding:0 16px; _padding:0 13px;}
.head ul .gr{width:auto; min-width:120px;}
.head ul li .down{width:155px; height:90px; border:1px solid #efefef; position:absolute; right:0; top:42px; background:#fff; z-index:-1; display: none;}
.head ul li .down img{padding:10px;float:left;}
.head ul li .down strong{float:left; width:56px; font-weight:normal; padding:10px 0; line-height:20px;}
.head ul li .down2{width:172px; height:90px;}
.head ul li .down2 strong{width:72px; text-align: center;}
.head ul li .down2 .care{float: left; width:40px; height:18px; border-radius:3px; background: #319f01; text-align: center; line-height:18px; color:#fff; padding:0; margin-left:15px;}

.head ul li a img{width:20px; height:20px; border-radius:50%; display:inline-block;vertical-align: middle;margin-right:5px;}
.head ul li .down3{width: 100%; min-width: 120px; height:135px; padding-top:10px; box-sizing:border-box;border:1px solid #efefef; border-top:0;}
.head ul li .down3 a{display:block;height:30px; text-align: center; line-height: 30px; border-bottom:1px solid #ccc; margin:0 10px;}
.head ul li .down3 a:hover{padding:0; border:0; border-bottom:1px solid #ccc;}

/* banner */
.banner { position:relative; height:512px;background: url(hbg.jpg) top center no-repeat;text-align: center;}

.banner .banner-img img{position:relative;top:56px;}
	

@-webkit-keyframes slideInUp {
	0% { -webkit-transform: translate3d(0, 50%, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
	0% { transform: translate3d(0, 50%, 0); }
	100% { transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes rightIn {
	0% { -webkit-transform: translateX(100px); }
	100% { -webkit-transform: translateX(0); }
}


.ksrc ul{ width:1140px; margin:30px auto;}
.ksrc li{ float:left; width:260px; height:290px; margin-right:30px; background:#fff; box-shadow: -3px 3px 18px #e7e7e7;border-radius:10px;text-align:center;}
.ksrc li img{margin:46px auto 0;display:block;height:76px;}
.ksrc li span{
	font-size:22px;
	color:#333;
	display:block;
	padding:33px 0 28px;
	
}
.ksrc li:nth-child(1){background:#FFDFB6;}
.ksrc li:nth-child(1) a{background:#FFAC44;}
.ksrc li:nth-child(2){background:#B6FFB4;}
.ksrc li:nth-child(2) a{background:#00E264;}
.ksrc li:nth-child(3){background:#FECEFE;}
.ksrc li:nth-child(3) a{background:#F289FA;}
.ksrc li:nth-child(4){background:#ADEFFF;margin-right:0;}
.ksrc li:nth-child(4) a{background:#00DCDF;}
.ksrc li p{ padding:30px 0 5px; font-size:18px; line-height:18px; text-align:center;color:#666;}
.ksrc li a{ display:block; width:114px; height:35px; margin:0 auto 0; border-radius:21px; font-size:18px; line-height:35px; text-align:center; color:#fff;}
.ksrc li a:hover{ background:#fb545e; color:#fff; background: linear-gradient(90deg, #fb535e, #fa6a4e);border:1px solid #fb535e;}
@media(max-width:1000px){
	
	

	.ksrc ul{ width:900px; margin:30px auto;}
.ksrc li{ float:left; width:400px; height:290px; margin:0 10px 30px 10px; background:#fff; box-shadow: -3px 3px 18px #e7e7e7;border-radius:10px;text-align:center;}

	
	}


.zbkc{width:100%; height:auto;}
.zbkc .title{padding-top:70px;padding-bottom:45px;}
.title span {border-bottom: 3px solid #FF3968;}
.zbkc h2{text-align:center}
.title, .title h2 {font-size: 54px;text-align: center;font-weight: bold;color: #000;line-height: 1;}
.zbkc h3{text-align:center;margin-bottom:35px;}
.zbkc h3 p{font-size:18px;color:#000; font-weight:normal}
.zbkc h4{text-align:center; font-size:24px}
.tb_a{width:1140px; margin:20px auto}
.blue{background:#0af; line-height:50px; font-size:20px; color:#FFF}
.blue_a{border-left:1px dashed #FFFFFF;background:#0af; line-height:50px; font-size:20px; color:#FFF}
.text{border-left:1px solid #ccc;border-bottom:1px solid #e1e1e1; line-height:50px; font-size:20px; }
.text_a{border-left:1px solid #ccc;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; line-height:50px; font-size:20px; }
.text:hover{background:#fff2e9}
.text_a:hover{background:#fff2e9}
.tb_b{width:1140px; margin:20px auto}
.tb_c{width:1140px; margin:20px auto}


.conc{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(tab1-1.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.cond{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(tab2-2.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.cone{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(tab3-3.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}

.pica{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(ys.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.picb{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(link.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}
.picc{width:auto; height:auto; margin:0 auto;text-align:center; background-image:url(picd.jpg); background-repeat: no-repeat; background-position: center center; overflow:hidden;  background-size:cover;}