@charset "utf-8";  
/* css reset*/   
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label,  caption {word-break : normal;margin:0;padding:0;border:0;outline:0;}  
ol, ul {list-style:none}:focus {outline:none; }   
table {border-collapse:collapse;border-spacing: 0}   
caption, th, td { text-align: center; font-weight: normal}   
strong {font-weight:600}   
a{font-family:"Microsoft YaHei";text-decoration:none;color:#404040;cursor:pointer;}   
h1{font-size:16px;font-weight:600;color:#666}  
.left{float:left}  
.right{float:right}  
.clear{clear:both}  
	*{background-color:transparent;  
-webkit-appearance:none;  
-webkit-tap-highlight-color:transparent;  }

html,body{width:100%;overflow-x:hidden;font-family:"Microsoft YaHei"; background:url(../images/bj_02.png) repeat-y; background-size: 100% auto;}
.loadwrap{width:100%;height:100%;background:#155fc9;position:absolute;z-index:199}
#caseBlanche{height:1.5rem;width:1.5rem;float:left;position:absolute;z-index:99;left:0;right:0;top:-17%;bottom:0;margin:auto}
#caseBlanche #load{height:1.5rem;width:100%;color:#fff;font-family:calibri;text-align:center;position:absolute;font-size:2rem;line-height:.19rem;text-align:center}
#load i{height:100%;display:inline-block;width:100%;text-align:center}
#load i img{width:100%}
#test{height:5px;width:5px;position:absolute;background-color:#fff;border-radius:50%;top:0;left:50px}
#rond{height:1.5rem;width:1.5rem;border:1px solid #fff;border-radius:50%;position:absolute;animation:rond 2s infinite;-webkit-animation:rond 2s infinite}
.loading{width:100%;color:#fff;font-size:.2rem;position:absolute;top:1.605rem;text-align:center}
@keyframes rond{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes rond{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
td.job_info{text-align: left;}

.content{width:100%;position:relative}
.main{width:100%;position:relative;background-size:100% 100%;}


.logo{width: 2.27rem;position: absolute;top: .45rem;left: .36rem;}

.s1 .im1{width: 3.63rem;position: absolute;bottom: 0;left: 1.28rem;}
.s1 .im2{width: .72rem;position: absolute;top: 2.86rem;left: .45rem;}
.s1 .im3{width: 1.83rem;position: absolute;top: .22rem;right: 0;}
.s1 .im4{width: 5.33rem;position: absolute;top: 1.26rem;left: .5rem;}
.s1 .nav{width: 4.8rem;margin: 0 auto;padding-top: 4rem;position: relative;z-index: 2;text-align: center;}
.s1 .nav a{display: inline-block;width: 2rem;}

.s1 .nav a img{width: 100%;}


/* gsjs */
.s2 .im1{width: 100%;position: absolute;bottom: 0;left: 0;}
.s2 .im2{width: .72rem;position: absolute;top: 2.2rem;left: .45rem;}
.s2 .im3{width: 1.89rem;position: absolute;top: .24rem;right: 0;}
.s2 .im4{width: 5.95rem;position: absolute;top: 1.1rem;left: .3rem;}

.centent{width:4.43rem;margin: 0 auto;background: url(../images/204.png) no-repeat center; background-size: 100% 100%;text-align: center;padding: 0 .37rem;padding-bottom: 1rem;margin: 0 auto;position: relative;z-index: 11;}

.s2 .im5{width: 1.91rem;padding-top: .23rem;}

.centent p{text-align: left;text-indent: 0em;font-size: 14px;/*padding-top: .2rem;*/}


/*  */
.maina{width:100%;height:12.42rem;position:relative;background:#e6e6e6 url(../images/bg4.jpg) no-repeat center bottom;background-size:100% auto;}
.cententa{width:4.43rem;height: 5.32rem;margin: 0 auto;background: url(../images/401.png) no-repeat center; background-size: cover;position: absolute;top: 3.8rem;left: .62rem;text-align: center;padding: 0 .37rem;}

.s3 .im1{width: 3.63rem;position: absolute;bottom: 0;left: 1.4rem;}
.s3 .im2{width: .72rem;position: absolute;top: 2.2rem;left: .45rem;}
.s3 .im3{width: 1.89rem;position: absolute;top: .24rem;right: 0;}
.s3 .im4{width: 5.95rem;position: absolute;top: 1.1rem;left: .3rem;}

.cententb{width:5.17rem;height: 5.32rem;margin: 0 auto;background: url(../images/401.png) no-repeat center; background-size: cover;position: absolute;top: 3.8rem;left: .62rem;text-align: center;}
.s3 .im5{width: 1.91rem;padding-top: .23rem;}


.s3 .im6{display: block;width: 4.86rem;margin: 0 auto;margin-top: .3rem;}

/*  */

.maind{width:100%;min-height:11.36rem;position:relative;background:#e6e6e6 url(../images/bg4.jpg) no-repeat center bottom;background-size:100% auto;}
.cententa{width:4.43rem;height: 5.32rem;margin: 0 auto;background: url(../images/401.png) no-repeat center; background-size: cover;position: absolute;top: 3.8rem;left: .62rem;text-align: center;padding: 0 .37rem;}

.s4 .im1{width: 3.63rem;position: absolute;bottom: 0;left: 1.4rem;}
.s4 .im2{width: .72rem;position: absolute;top: 2.2rem;left: .45rem;}
.s4 .im3{width: 1.89rem;position: absolute;top: .24rem;right: 0;}
.s4 .im4{width: 5.95rem;position: absolute;top: 1.1rem;left: .3rem;}
.cententop{width:5.17rem;height: 1.06rem;margin: 0 auto;text-align: center;background: url(../images/503.png) no-repeat center;background-size: cover;position: relative;}
.cententd{width:5.17rem;margin: 0 auto;text-align: center;background: url(../images/502.png);background-size: contain;position: relative;z-index: 10;}
.cententd:after{position: absolute;width: 5.17rem;height:1.19rem;bottom: -1.19rem;left: 0;content: "";background: url(../images/504.png) no-repeat center;background-size: cover;z-index: 9;}

.s4 .im5{width: 1.91rem;padding-top: .23rem;}


.s4 .im6{display: block;width: 4.86rem;margin: 0 auto;margin-top: .3rem;}
.comlist{width: 5rem;margin: 0 auto;text-align: left;overflow: hidden;}
.comlist li{display: block;
  width: 2rem;
  height: 0.5rem;
  background: url(../images/505.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding: 0 .14rem;
  padding-top: .1rem;}
.comlist li{margin-left: .2rem;margin-bottom: .15rem;color: #fff;float: left;}
.comlist li:nth-child(2n){margin-left: 0;}

.bottom_person{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 10;}
.top_person{width: 100%;position: absolute;left: 0;top: 0;}
#zpgg{ min-height: 16rem;padding-bottom: 3.5rem;  }

#gsjs{min-height: 16rem;}
.topa{height: 4.8rem;}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
 
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2,2);
    filter: blur(2px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1,1);
    filter: blur(0px);
  }
}
@keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%);
  }

  50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0);
  }

  60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0);
  }
}

.zpgg_text{}
.zpgg_text p{text-indent: 0em;}
.zpgg_text .p1{font-weight: bold;}
.zpgg_text .p2{font-weight: bold;font-size: 13px;}
.zpgg_text table th {
    height: 30px;
    background: #478121;
    color: #fff;
    
}
.zpgg_text table p{text-align: left;text-indent: 0 !important;}

.atable {width: 95%;margin: 0 auto;border-color: #fff;text-align: center !important;background: #f3f8fa;}
.atable thead{width: 100%;background: #dbf3ff;color: #0085d0;height: 55px;line-height: 55px;}
.atable th{text-align: center !important;}
.ask{display: none;}
tbody td{font-size: 12px;}