* {
	margin:0;
	padding:0;
}
body,ul,li,dl,tl,dd,h1,h2,h3,h4,p{ margin:0px; padding:0px;}
ul, li {
	list-style-type:none; overflow:hidden;
}
img{ border:0px;}
body {
	font-size:14px;
	color:#333;
	line-height:30px;
	font-family:"微软雅黑"; 
	background-color: #fff;
}

a {
	color:#121212;
	text-decoration:none;
}
a:webkit-any-link {
display:block;
}
a:hover {
	color:#da0000;
	text-decoration:none;
}
.clear{ clear:both; }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
*html .clearfix {
	height:1%;
}
*+html .clearfix {
	height:1%;
}

.fl {
	float:left;
    !important;
	_display:inline;
}
.fr {
	float:right;
   !important;
	_display:inline;
}
.wrap {
	width:1200px;
	margin:0 auto;
}
/***************************top***************************/
.top {
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	background:#fff;
	width:100%;
	height:35px;
	color:#666666;
	margin-bottom: 5px;
}
.topnr {
	height:31px;
	line-height:31px; font-size:13px;
}
.topnr span {
	float:right;
}
/***************************zshead***************************/
.head{width:100%; padding-top:10px;background:#fff;}
.logo {margin-top:15px;width:200px;margin-bottom: 15px;}
.toplogo{display: flex;justify-content: space-between;align-items: center;height: 100px;}
.logoright{ margin:10px 0 0 10px;line-height:22px;}
.logoright span{ font-size:14px; color:#da0000; font-weight:bold;}
.tal{font-size: 18px;position: relative;}
.tal span{background-color: #da0000;border-radius: 20px;color: #fff;padding: 5px 15px;}
.navdh ul{display: flex;justify-content: space-between;align-items: center;}
.navdh ul::after{content: "";display: none;width: 24%;}
.navdh ul li{margin: 0 15px;}
.navdh ul li a{font-size: 18px;}
.navdh .bg a{color: #da0000;font-weight: bold;}
/***************************banner***************************/
.banner{width: 100%;display: block;height: 600px;background-color: #000;}
.banner a{display: block;width: 100%;height: 100%;background: url(../../himg/page/zs_1.jpg) no-repeat center;background-size: 1600px 600px;}

/***************************zsyousi***************************/
.zsyousi-box{width: 100%;padding-top: 40px;}
.zsyousi-box .zsyousi-nr{padding-top: 60px;}
.zsyousi-box .zsyousi-nr  .zsyousi-l{width: 479px;overflow: hidden;}
.zsyousi-box .zsyousi-nr  .zsyousi-l >img{width: 100%;}
.zsyousi-box .zsyousi-nr  .zsyousi-r{width: 721px;overflow: hidden;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul{padding: 20px;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li{width: 100%;margin-bottom: 20px;padding: 20px;padding-left: 30px;
	-webkit-box-shadow:0 0 10px #e5e5e5;  
       -moz-box-shadow:0 0 10px #e5e5e5;  
            box-shadow:0 0 10px #e5e5e5;
}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li >img{width: 130px;float: left;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li >span{display: block;font-size: 24px;font-weight: bold;color: #000000;text-align: left;margin-bottom: 15px;padding-top: 10px;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li >p{display: block;text-align: left;font-size: 18px;color: #979ca3;line-height: 30px;}
.zsyousi-box .zsyousi-nr  .zsyousi-l >img{left: 15%;opacity: 1; transition-duration: 1s; transition-delay: 0.7s;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li:nth-child(1){right: 0px;opacity: 1; transition-duration: 1s; transition-delay: 0.7s;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li:nth-child(2){right: 0px;opacity: 1; transition-duration: 1s; transition-delay: 0.9s;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li:nth-child(3){right: 0px;opacity: 1; transition-duration: 1s; transition-delay: 1.1s;}
.zsyousi-box .zsyousi-nr  .zsyousi-r >ul >li:nth-child(4){right: 0px;opacity: 1; transition-duration: 1s; transition-delay: 1.3s;}
.zsyousi-box .tit{width: 100%;text-align: center;}
.zsyousi-box .tit >span{display: block;font-size: 36px;font-weight: bold; color: #353941;padding-bottom: 15px;}
.zsyousi-box .tit >p{display: block;font-size: 18px;color: #979ca3;line-height: 33px;}
/***************************zsysv***************************/
.zsysv-box .title{
	text-align:center;
	padding:40px;
}
.zsysv-box .title h2{
	font-size:34px;
	line-height:60px;
}
.zsysv-box .title p{
	color:#9b9b9b;
	font-size:18px;
	text-transform:uppercase;
}
.zsysv{
	display: flex;
	justify-content: space-around;
	padding-bottom:60px;
	position: relative;
}

.zsysv1,.zsysv2{
	width:380px;
}
.zsysv1{
	background:#f24a71;
}
.zsysv1 li{
	color: #fff;
}
.zsysv1 h3{
	color: #fff;
	font-size:28px;
	padding:20px;
	text-align:center;
}
.zsysv1 h3{
	font-size:28px;
	padding:20px;
	text-align:center;
}
.zsysv1 ul{
	padding:20px;
	height: 375px;
}
.zsysv1 li{
	line-height:46px;
	cursor: pointer;
	position: relative;
}
.zsysv1 li::before,
.zsysv1 li::after{
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	bottom: 2px;
	left: 0;
}
.zsysv1 li::before{
	width: 100%;
	z-index: 2;
	background-color: #d0d0d0;
}
.zsysv1 li::after{
	width: 0%;
	z-index: 3;
	background-color: #da0000;
	transition: all 0.3s ease-out 0s;
}
.zsysv1 li:hover::after{
	width: 100%;
}
.zsysvt{
	height:12px;
	background:#da0000;
}
.zsysv-pt{position: absolute;width: 120px;height: 70px;top: 225px;left: calc(50% - 60px);background: url(../../himg/page/pk.png) no-repeat;
background-position-x: center;background-position-y: center;}
/***************************zsrzhz***************************/
.zsrzhz-box{width: 100%;padding-top: 50px;}
.zsrzhz-box .con{overflow: hidden;padding-top: 20px;}
.zsrzhz-box .con >ul{width: 1200px;display: flex;justify-content: space-between;display: -ms-flexbox;display: -webkit-flex;}
.zsrzhz-box .con >ul >li{width: 23%;}
.zsrzhz-box .con >ul >li >.group{display: block;padding: 25px 0px;text-align: center;position: relative;}
.zsrzhz-box .con >ul >li >.group >label{width: 100%;height: auto;display: block;overflow: hidden;}
.zsrzhz-box .con >ul >li >.group >label >img{width: 100%;transition: all 0.3s ease-out 0s;cursor: pointer;}
.zsrzhz-box .con >ul >li >.group >label >img:hover{transform:translate3d(0px, -5px, 0px); }
.zsrzhz-box .con >ul >li >.group >p{font-size: 18px;color: #000000;font-weight: bold;width: 100%;display: block;}
.zsrzhz-box .tit{width: 100%;text-align: center;}
.zsrzhz-box .tit >span{display: block;font-size: 36px;font-weight: bold; color: #353941;padding-bottom: 15px;}
.zsrzhz-box .tit >p{display: block;font-size: 18px;color: #979ca3;line-height: 33px;}
/***************************zshzlc***************************/
.zshzlc-box{
	padding-bottom: 60px;
	padding-top: 30px;
}
.zshzlc-box .title{
	text-align:center;
	padding:20px 0;
}
.zshzlc-box .title h2{
	font-size:34px;
	line-height:60px;
}
.zshzlc-box .title p{
	color:#9b9b9b;
	font-size:18px;
	text-transform:uppercase;
}
.zshzlc-hz{
	display: flex;
	justify-content: space-between;
}
.zshzlc{
	width:180px;
	background-image:url(../../himg/page/jt.png);
	background-repeat:no-repeat;
	background-position: right 38px;
	text-align:center;
	position: relative;
}
.zshzlc-box .zshzlc.nobg{
	background-image: none;
}
.zshzlc span{
	display:block;
	background:#da0000;
	width:96px;
	height:96px;
	border-radius:48px;
	line-height:96px;
	text-align:center;
	font-size:36px;
	font-weight:bolder;
	color:#fff;
	margin-left: 40px;
}
.zshzlc h3{
	font-size:24px;
	color:#da0000;
	padding:20px;
}
.zshzlc p{
	text-align:left;
	font-size: 16px;
}
/***************************zshzzs***************************/
.zshzzs-box{width: 100%;padding-top: 50px;background-color: #f5f5f5;padding-bottom: 30px;}
.zshzzs-box .tit{width: 100%;text-align: center;margin-bottom: 20px;}
.zshzzs-box .tit >span{display: block;font-size: 36px;font-weight: bold; color: #353941;padding-bottom: 15px;}
.zshzzs-box .tit >p{display: block;font-size: 18px;color: #979ca3;line-height: 33px;}
.zshzzs-box ul{display: flex;justify-content: space-between;}
.zshzzs-box ul >li{width: 23%; text-align: center;margin-bottom: 20px;transition: all 0.3s ease-out 0s;background-color: #fff;}
.zshzzs-box ul >li:hover{transform:translate3d(0px, -8px, 0px); }
.zshzzs-box ul >li >a{display: block;width: 100%;height: 150px; margin: 0 auto;}
.zshzzs-box ul >li >a >img{width: 100%;display: block;height: 100%;}
/***************************zsfw***************************/
.zsfw-box{width: 100%;padding-top: 50px;padding-bottom: 20px;}
.zsfw-box .con{text-align: center;padding-top: 20px;}
.zsfw-box .con >p{display: inline-block;width: 1091px;text-align: left;background: #da0000;padding: 45px;font-size: 18px;line-height: 30px;color: white;border-radius: 5px;margin-top: 50px;
-webkit-box-shadow:0 0 20px #e7e7e7;  
   -moz-box-shadow:0 0 20px #e7e7e7;  
        box-shadow:0 0 20px #e7e7e7;
}
.zsfw-box .tit{width: 100%;text-align: center;}
.zsfw-box .tit >span{display: block;font-size: 36px;font-weight: bold; color: #353941;padding-bottom: 15px;}
.zsfw-box .tit >p{display: block;font-size: 18px;color: #979ca3;line-height: 33px;}
/***************************foot***************************/
.footbox{ width:100%; overflow:hidden; box-shadow: 0px -3px 10px rgba(0,0,0,0.1);margin-top:30px;}
 .foot{ height:auto;overflow:hidden;width:1200px; margin:0 auto; text-align:center; padding-top:10px;padding-bottom:20px;} 
 .tongyong_foot a{ height:58px; line-height:58px;padding:0px 12px; text-align:center;font-size:16px; color:#888888;} 
  
 .foot p{ text-align:center;line-height:35px; font-size:14px;color:#888888;text-align: left;}
 .foot p a{font-size:14px;color:#888888;}
 .foot p a:hover{ color:#da0000; text-decoration:underline;}
 .main {
 	margin-top:15px;
 }
 .foot{display: flex;justify-content: space-between;align-items: center;}
 .foot-l{width: 220px;}
 .foot-c{width: 700px;}
 .foot-r{width: 150px;}
 .link_cont a{white-space: nowrap;padding: 0;margin: 0 15px;}
 .foot img{vertical-align: top;}
 .foot>div{height: auto;}
.footbox ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;margin-top: 20px;}
 .footbox ul li a{color: #888888;}
 .footbox ul li:hover a{color: #da0000;}
 
 /* 电话咨询 */
 .footfd{display: none;}
/***************************wap***************************/
@media screen and (max-width:767px) {
body {font-family: 微软雅黑,雅黑;color: #575757;} 
.top {display: none;}
.wrap {width: 100%;margin: 0 auto;}
.navdh{display: block;width: 100%;margin-top: 10px;}
.navdh ul{width: 100%;background-color: #fff;justify-content: space-around;flex-wrap: wrap;}
.navdh ul li a{font-size: 18px;color: #000;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.navdh ul li{margin: 0;padding: 5px 0;width: 24%;}
.navdh ul::after{content: "";display: block;width: 24%;}
.tal{position: absolute;right: 15px;top: 30px;}
.logo{width: 45%;margin: 0;}
.logo img{width: 100%;}
.toplogo{padding-top: 10px;flex-wrap: wrap;position: relative;height: auto;}
.head{padding: 0;}
.zsfw-box,
.zshzzs-box,
.zshzlc-box,
.zsrzhz-box,
.zsysv-box,
.zsyousi-box{width: calc(100% - 30px);padding: 0 15px;}
.zsyousi-box .zsyousi-nr .zsyousi-l{width: 100%;}
.zsyousi-box .zsyousi-nr .zsyousi-l img{width: 100%;}
.zsyousi-box .zsyousi-nr .zsyousi-r{width: 100%;}
.zsyousi-box .zsyousi-nr .zsyousi-r >ul{padding: 0;}
.zsyousi-box .zsyousi-nr .zsyousi-r >ul >li{padding: 0;}
.zsysv-box .title{padding: 40px 15px;}
.zsysv>div{display: none;}
.zsysv div.zsysv1:last-child{display: block;min-width: 300px;max-width: 500px;width: 100%;}
.zsysv1{width: 100%;}
.zsysv1 ul{padding: 0px;height: auto;width: calc(100% - 30px);margin: 0 15px;margin-bottom: 30px;}
.zsysv1 li{line-height: 30px;}
.zsysvd{width: 100%; background-size: 100% auto;}
.zsysv{padding: 0;display: flex;justify-content: center;}
.zsrzhz-box{margin-top: 50px;}
.zsrzhz-box .con >ul{flex-wrap: wrap;width: 100%;}
.zsrzhz-box .con >ul >li{width: 48%;}
.zsrzhz-box .con >ul >li >.group{padding: 10px 0;}
.zshzlc-hz{flex-wrap: wrap;}
.zshzlc{width: 48%;background-image: none;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.zshzlc span{margin: 0;}
.zshzzs-box{background-color: #fff;margin-top: 50px;margin-bottom: 40px;}
.zshzzs-box ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zshzzs-box ul li{width: 48%;padding: 0;margin-bottom: 20px;}
.zshzzs-box ul >li >a{width: auto;height: auto;}
.zsfw-box .con img{width: 100%;}
.zsfw-box .con >p{width: calc(100% - 10px);padding: 5px;}
.foot{flex-wrap: wrap;justify-content: center;align-items: center;padding-bottom: 0;width: auto;padding-top: 20px;}
.foot-c,
.foot-l{width: 80%;margin-bottom: 10px;}
.foot-r{display: none;}
.foot p{width: 100%;text-align: center;}
.foot-c p:nth-child(2){display: none;}
.disnone{display: none !important;}
.footbox ul{display: none;}
.banner{margin-bottom: 30px;}
.footbox{margin-bottom: 50px;}
.footfd{display: flex;height: 50px;width: 100%;position: fixed;bottom: 0;left: 0;z-index: 999;}
.footfd a{flex: 1;line-height: 50px;color: #fff;text-align: center;font-size: 20px;background: url(../../himg/page/kehufuwukefu.png) no-repeat;
background-size: 30px;background-position: 30px 10px;background-color: #000;padding-left: 25px;}
.footfd a:nth-child(1){background: url(../../himg/page/dianhua.png) no-repeat;background-color: #da0000;background-size: 30px;background-position: 30px 10px;}
.banner {height: 415px;background-color: #000;}
.banner a{background-size: 1100px auto;}

}
@media screen and (max-width:550px) {
.banner {height: 335px;}
.banner a{background-size: 900px auto;}
}
@media screen and (max-width:495px) {
.tal{font-size: 16px;top: 30px;}
.navdh ul li{margin: 0;padding:0;}
.zsrzhz-box .con >ul{flex-wrap: wrap;width: 100%;justify-content: space-around;}
.zsrzhz-box .con >ul >li{width: 70%;}
}
@media screen and (max-width:420px) {
.navdh ul li a{font-size: 16px;}
.banner {height: 300px;}
.banner a{background-size: 800px auto;}
.tal{font-size: 14px;top: 30px;}
.footfd a{font-size: 16px;}
}
@media screen and (max-width:360px) {
.banner {height: 245px;}
.banner a{background-size: 650px auto;}
.tal{font-size: 12px;}
}