@charset "gb2312";
/* CSS Document */
/*清除默认格式*/
html,body{ background:#fff; font-family:"微软雅黑";overflow-x:hidden; }
body { margin:0 auto; padding:0; max-width:6.4rem;background:#fff; -moz-user-select:none;-webkit-user-select:none; -ms-user-select:none; user-select:none; overflow-x:hidden; -webkit-overflow-scrolling:touch; color:#444;overflow:hidden;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td,img{ padding:0; margin:0; }
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul,ol{list-style:none;}
i,em{ font-style:normal;}
img { border:none; border-width:0; max-width:6.4rem; width:100%; height:auto; margin:0; padding:0; vertical-align:top; }
a{text-decoration:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; color: #000}
input{    outline: none; border: none;}
.clear{ clear: both;}
.fr{ float:right;}
.fl{ float: left;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;} 
.button{ border-radius: 0; } 


.zr_banner{margin:0 auto;width:6.4rem; height:auto; position:relative; margin-bottom:.2rem;}
.zr_banner img{ display:block;}

.zr_title{ width:6.4rem; height:1.4rem; margin:.2rem auto;  }

.zr_title h2{
	width:6.0rem;
	margin:0 auto;
height:.7rem;  line-height:.5rem; 	text-align:center;
	color:#000;
font-size:.44rem; 	font-weight:bold;
	font-style:italic;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}

.zr_title h1{ width:6.4rem; height:.7rem;  line-height:.7rem; text-align:center; color:#fe3600; font-size:.6rem; font-weight:bold;font-style:italic; }



.zr_title1{ width:6.0rem; height:1.4rem; margin:.2rem auto;  }

.zr_title1 h2{
	width:6.0rem;
	margin:0 auto;
height:.7rem;  line-height:.5rem; 	text-align:center;
	color:#000;
font-size:.44rem; 	font-weight:bold;
	font-style:italic;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}

.zr_title1 h1{ width:6.0rem; height:.7rem;  line-height:.7rem; text-align:center; color:#fe3600; font-size:.6rem; font-weight:bold;font-style:italic; }





.zr_tp{ width:6.4rem; height:auto; margin:.15rem auto;}

.zr_tp img{ width:100%; display:block;}

.zr_tp1{ width:5.6rem; height:auto; margin:.15rem auto;}

.zr_tp1 img{ width:100%; display:block;}


.zr_wz{
	width:5.3rem; height:auto; padding-left:.32rem; padding-right:.28rem; padding-top:.3rem; padding-bottom:.3rem;
	border:.05rem solid #d1c0a5; margin:.15rem auto;
}

.zr_wz p{ text-align:left; font-size:.24rem; color:#6b3d10; text-indent:.48rem;}


.zr_wz1{
	width:5.1rem; height:auto; padding-left:.22rem; padding-right:.18rem; padding-top:.15rem; padding-bottom:.15rem;
	border:.05rem solid #fff; margin:.15rem auto;
}

.zr_wz1 p{ text-align:left; font-size:.24rem; color:#333; text-indent:.48rem;}






.zr_zx{ width:5.93rem; height:1.49rem; margin:.3rem auto; position:relative;}
.zr_zx h1{ width:100%; height:50%; position:absolute; top:0%; left:0%;}	
.zr_zx h2{ width:100%; height:50%; position:absolute; top:50%; left:0%;}

.zr_xgdb{ width:6.0rem; height:1.8rem;background-image: url(../images/zr_dian.jpg);
	background-size:.04rem .04rem;
	background-repeat:repeat;
	background-position: center; margin:.2rem auto; padding-top:.2rem;}

.zr_xgdb ul{ width:5.6rem; height:1.6rem; margin:0 auto;}	

.zr_xgdb ul li{ width:2.55rem; padding:.1rem; height:1.4rem; background-color:#FFF; float:left;}

.zr_xgdb ul li h1{ width:2.55rem; height:.5rem; line-height:.5rem; text-align:center; font-weight:normal; color:#000; font-size:.24rem;}

.zr_xgdb ul li:nth-child(2){ float:right;}	


.zr_rz{margin:0 auto;width:6.4rem; height:2.65rem;background-image: url(../images/zr_tp6.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center; position:relative;}

.zr_rz h1{ width:3.2rem; height:.5rem; line-height:.5rem; font-weight:normal;text-align:left; font-size:.24rem; color:#3a3a3a; position:absolute; right:.2rem; top:.6rem;}	

.zr_rz p{ width:3.2rem; height:auto; line-height:.3rem; text-align:left; font-size:.24rem; color:#3a3a3a; position:absolute; right:.2rem; top:1.5rem;}	


.zr_xz{ width:6.0rem; height:7.4rem; background-color:#eeeeee; margin:0 auto; padding-top:.1rem;}

.zr_zjts{ width:6.0rem; height:1.72rem;background-image: url(../images/zr_tp8.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center; position:relative; margin:0 auto;}

.zr_zjts h1{ position:absolute; width:3.4rem; height:.4rem; line-height:.4rem;  right:.6rem; top:.1rem; text-align:left; color:#f04900; font-size:.24rem;}

.zr_zjts p{ position:absolute; width:3.4rem; height:auto; line-height:.3rem; right:.6rem; top:.6rem; text-align:left;font-size:.24rem; color:#333333;}	
		
.zr_rq{ width:6.0rem; height:5.8rem; margin:0 auto;}

.zr_rq ul{}

.zr_rq ul li{ width:2.55rem; padding-left:.15rem; padding-right:.15rem; height:2.7rem; float:left; background-color:#eeeeee; margin-bottom:.3rem;}

.zr_rq ul li:nth-child(2){ float:right;}

.zr_rq ul li:nth-child(4){ float:right;}

.zr_rq ul li img{ width:2.55rem; height:1.74rem; display:block; margin-top:.2rem;}

.zr_rq ul li h1{ width:2.55rem; height:.5rem; text-align:center; line-height:.5rem;  color:#000; font-size:.3rem;}



.zr_wt{ width:6.0rem; height:2.6rem;background-image: url(../images/zr_tp13.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center; position:relative; margin:0 auto;}

.zr_wt ul{ width:3.2rem; height:1.2rem; position:absolute; left:0rem; bottom:.1rem;}	
	
.zr_wt ul li{ width:3.2rem; height:.4rem; line-height:.4rem; text-align:left; color:#000; font-size:.2rem;}	

.zr_wt ul li span{ font-weight:bold;}


.zr_sq{ width:5.6rem; height:4.1rem; padding-left:.2rem; padding-right:.2rem; margin:0 auto; background-color:#f9d9ba; position:relative;}

.zr_sq>a {
    display: block;
    width: 1.33rem;
    height: 1.33rem;
    position: absolute;
    left: .3rem;
   top:.2rem;
    color:#eb581b;
    font-size: .24rem;
    text-align: center;
    background: url(../images/an.png) no-repeat;
        background-size: auto auto;
    background-size: 1.33rem 1.33rem;
    font-weight: bold;
}

.zr_sq>a b {
    display: block;
    font-size: .3rem;
    padding: .22rem 0 .05rem 0;
    color: #eb581b;
}

.zr_sq>a:before,.zr_sq>a:hover:before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;box-shadow:0 0 0 #eb581b;border-radius:50%;animation:btnAnimate ease-out 1.5s infinite;-webkit-animation:btnAnimate ease-out 1.5s infinite;-moz-animation:btnAnimate ease-out 3s infinite;-ms-animation:btnAnimate ease-out 1.5s infinite;-o-animation:btnAnimate ease-out 1.5s infinite;}


.zr_sq p{ width:3.9rem; height:auto; line-height:.3rem; position:absolute; top:.4rem; right:.2rem;  font-size:.24rem; color:#000;}

.zr_sq ul{ width:5.3rem; padding-left:.15rem; padding-right:.15rem; height:1.7rem; background-color:#FFF; position:absolute; top:1.9rem; left:.2rem; padding-top:.2rem;}

.zr_sq ul li{ width:1.7rem; height:1.7rem; float:left; margin-right:.1rem;}

.zr_sq ul li:nth-child(3){ float:right; margin-right:0rem;}

.zr_sq ul li h1{ width:1.7rem; height:.5rem; line-height:.5rem; text-align:center; font-size:.24rem; color:#000; font-weight:normal;}






.zr_sz{ width:5.6rem; height:4.3rem; padding-left:.2rem; padding-right:.2rem; margin:.2rem auto; background-color:#ededed; position:relative;}

.zr_sz>a {
    display: block;
    width: 1.33rem;
    height: 1.33rem;
    position: absolute;
    left: .3rem;
   top:.2rem;
    color:#eb581b;
    font-size: .24rem;
    text-align: center;
    background: url(../images/an.png) no-repeat;
        background-size: auto auto;
    background-size: 1.33rem 1.33rem;
    font-weight: bold;
}

.zr_sz>a b {
    display: block;
    font-size: .3rem;
    padding: .22rem 0 .05rem 0;
    color: #eb581b;
}

.zr_sz>a:before,.zr_sz>a:hover:before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;box-shadow:0 0 0 #eb581b;border-radius:50%;animation:btnAnimate ease-out 1.5s infinite;-webkit-animation:btnAnimate ease-out 1.5s infinite;-moz-animation:btnAnimate ease-out 3s infinite;-ms-animation:btnAnimate ease-out 1.5s infinite;-o-animation:btnAnimate ease-out 1.5s infinite;}


.zr_sz p{ width:3.9rem; height:auto; line-height:.3rem; position:absolute; top:.3rem; right:.2rem;  font-size:.24rem; color:#000;}

.zr_sz ul{ width:5.3rem; padding-left:.15rem; padding-right:.15rem; height:1.7rem; background-color:#FFF; position:absolute; top:2.1rem; left:.2rem; padding-top:.2rem;}

.zr_sz ul li{ width:1.7rem; height:1.7rem; float:left; margin-right:.1rem;}

.zr_sz ul li:nth-child(3){ float:right; margin-right:0rem;}

.zr_sz ul li h1{ width:1.7rem; height:.5rem; line-height:.5rem; text-align:center; font-size:.24rem; color:#000; font-weight:normal;}












@keyframes btnAnimate{
	0%{transform:scale(0.8);opacity:0.5;box-shadow:0 0 10px #eb581b;}
	20%{transform:scale(1);opacity:1;box-shadow:0 0 50px #eb581b;}
	50%{transform:scale(1.2);opacity:0.5;box-shadow:0 0 60px #eb581b;}
	100%{transform:scale(0.8);opacity:0.1;}	
}
@-webkit-keyframes btnAnimate{
	0%{-webkit-transform:scale(0.8);opacity:0.5;box-shadow:0 0 10px #eb581b;}
	20%{-webkit-transform:scale(1);opacity:1;box-shadow:0 0 50px #eb581b;}
	50%{-webkit-transform:scale(1.2);opacity:0.5;box-shadow:0 0 60px #eb581b;}
	100%{-webkit-transform:scale(0.8);opacity:0.1;}	
}
@-moz-keyframes btnAnimate{
	0%{-moz-transform:scale(0.8);opacity:0.5;box-shadow:0 0 10px #eb581b;}
	20%{-moz-transform:scale(1);opacity:1;box-shadow:0 0 50px #eb581b;}
	50%{-moz-transform:scale(1.2);opacity:0.5;box-shadow:0 0 60px #eb581b;}
	100%{-moz-transform:scale(0.8);opacity:0.1;}	
}
@-ms-keyframes btnAnimate{
	0%{-ms-transform:scale(0.8);opacity:0.5;box-shadow:0 0 10px #eb581b;}
	20%{-ms-transform:scale(1);opacity:1;box-shadow:0 0 50px #eb581b;}
	50%{-ms-transform:scale(1.2);opacity:0.5;box-shadow:0 0 60px #eb581b;}
	100%{-ms-transform:scale(0.8);opacity:0.1;}	
}
@-o-keyframes btnAnimate{
	0%{-o-transform:scale(0.8);opacity:0.5;box-shadow:0 0 10px #eb581b;}
	20%{-o-transform:scale(1);opacity:1;box-shadow:0 0 50px #eb581b;}
	50%{-o-transform:scale(1.2);opacity:0.5;box-shadow:0 0 60px #eb581b;}
	100%{-o-transform:scale(0.8);opacity:0.1;}	
}

	
.btn_animate {
/*  animation: mymove 1.5s ease 0s alternate none infinite running;
  -webkit-animation: mymove 1.5s ease 0s alternate none infinite running;
  -ms-animation: mymove 1.5s ease 0s alternate none infinite running;
  -moz-animation: mymove 1.5s ease 0s alternate none infinite running;
  -o-animation: mymove 1.5s ease 0s alternate none infinite running;
  transform:translateX(0px);*/
  
   -webkit-animation-name: "mymove"; /*动画名称，需要跟@keyframes定义的名称一致*/
    -webkit-animation-duration: 1.5s;/*动画持续的时间长*/
    -webkit-animation-timing-function:ease;
	-webkit-animation-direction:alternate;
	  -webkit-animation-iteration-count: infinite;/*动画循环播放的次数*/
	  transform: translateX(0px); 
	}


@keyframes mymove {
  0% {
   -webkit-transform: translateX(-0.247em);
    -moz-transform: translateX(-0.247em);
    -ms-transform: translateX(-0.247em);
    -o-transform: translateX(-0.247em);
    transform: translateX(-0.247em);
  }
  100% {
   -webkit-transform: translateX(0.247em);
    -moz-transform: translateX(0.247em);
    -ms-transform: translateX(0.247em);
    -o-transform: translateX(0.247em);
    transform: translateX(0.247em);
  }
}

@-webkit-keyframes mymove {
  from{
    -webkit-transform: translateX(-0.247em);
    -moz-transform: translateX(-0.247em);
    -ms-transform: translateX(-0.247em);
    -o-transform: translateX(-0.247em);
    transform: translateX(-0.247em);
  }
  to{
    -webkit-transform: translateX(0.247em);
    -moz-transform: translateX(0.247em);
    -ms-transform: translateX(0.247em);
    -o-transform: translateX(0.247em);
    transform: translateX(0.247em);
  }
}
@-moz-keyframes mymove {
  0% {
    -webkit-transform: translateX(-0.247em);
    -moz-transform: translateX(-0.247em);
    -ms-transform: translateX(-0.247em);
    -o-transform: translateX(-0.247em);
    transform: translateX(-0.247em);
  }
  100% {
    -webkit-transform: translateX(0.247em);
    -moz-transform: translateX(0.247em);
    -ms-transform: translateX(0.247em);
    -o-transform: translateX(0.247em);
    transform: translateX(0.247em);
  }
}
@-ms-keyframes mymove {
  0% {
    -webkit-transform: translateX(-0.247em);
    -moz-transform: translateX(-0.247em);
    -ms-transform: translateX(-0.247em);
    -o-transform: translateX(-0.247em);
    transform: translateX(-0.247em);
  }
  100% {
    -webkit-transform: translateX(0.247em);
    -moz-transform: translateX(0.247em);
    -ms-transform: translateX(0.247em);
    -o-transform: translateX(0.247em);
    transform: translateX(0.247em);
  }
}
@-o-keyframes mymove {
  0% {
  -webkit-transform: translateX(-0.247em);
    -moz-transform: translateX(-0.247em);
    -ms-transform: translateX(-0.247em);
    -o-transform: translateX(-0.247em);
    transform: translateX(-0.247em);
  }
  100% {
     -webkit-transform: translateX(0.247em);
    -moz-transform: translateX(0.247em);
    -ms-transform: translateX(0.247em);
    -o-transform: translateX(0.247em);
    transform: translateX(0.247em);
  }
}

