body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td  {margin:0;padding:0;}
body,button,input,select,textarea{font-size: 14.5px;font-family: 微软雅黑;color: #000}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}

/*css reset*/


.clearfix:after {content: ".";display: block;clear: both; visibility: hidden;line-height: 0; height: 0;font-size:0; }
.clearfix { *zoom:1;}  
.fl{float: left;display: inline-block}
.fr{float: right;display: inline-block}

body{background: url(../img/bg.jpg);position: relative}
.warp,.main{width: 1000px;margin: 0 auto;position: relative;z-index: 55555}
.header{height: 87px;background: #fff;}
.logo{height: 87px;line-height: 120px}
.nav {width: 560px;height: 87px;position: absolute;top: 0;right: 0}
.nav li{float: left;width: 20%;height: 100%;text-align: center}
.nav li a{display: block;height: 100%;color:#000;line-height: 87px;font-size: 18px}
.nav li a.active{color:#fff;position: relative;background: #ef8810;height: 102px;line-height: 87px;}
.nav li a.active:after{width: 40px;height: 3px;background: #fff;content:"";position: absolute;bottom:0;left:50%;margin-left:-20px;
animation:down 0.5s both;
-moz-animation:down 0.5s both; /* Firefox */
-webkit-animation:down 0.5s both; /* Safari and Chrome */
-o-animation:down 0.5s both; /* Opera */
 }

@keyframes down{
    10%{ top:10% } 
    30%{ top:30% } 
    50%{ top:50% } 
    70%{ top:100% } 
    90%{ top:80% } 
    100%{ top:calc ( 100% - 3px);
            -o-top:calc ( 100% - 3px);
            -webkit-top:calc ( 100% - 3px);
            -moz-top:calc ( 100% - 3px);
     } 
}


.banner{text-align: center;height: 509px;background: url(../img/banner.png) no-repeat center;}

.tit{margin-top: -57px;z-index: 55}
.text-content{font-size: 14.5px}
.text-content p{margin: 20px;line-height: 230%}
.bottom-tip{width: 939px;height: 137px;background: url(../img/p1-tips.png) no-repeat}
.bottom-tip p{padding: 18px 0 0 175px}
.bottom-tip p span{color: #c90409}

.triangle-left{position: absolute;left:0;bottom:10%;width: 0px;height: 0px;border-top: 100px solid transparent;border-left:200px solid #f9aba3;border-bottom:100px solid transparent;opacity: 0.4}

.triangle-right:before{position: absolute;right:0;top:50%;width: 0px;height: 0px;border-top: 125px solid transparent;border-right:250px solid #f9aba3;border-bottom:125px solid transparent;opacity: 0.4;content:''}
.triangle-right2:after{position: absolute;right:0;top:67%;width: 0px;height: 0px;border-top: 50px solid transparent;border-right:100px solid #f9aba3;border-bottom:50px solid transparent;content:'';opacity: 0.4;}

.footer{height: 199px;background: url(../img/foot-bg.png) no-repeat center;}
.footer p{padding: 150px 0 0 0 ;text-align: center;color: #fff;font-size: 12px}
.footer p a{color: #fff;font-size: 12px}

/*慰官生*/
.con-guan li{width: 60%;float: left}
.con-guan li.img-wrap{width: 30%;}
.con-guan li.img-wrap img{margin-top: -50px}

.tr-guan{top: 60%}
.tr-guan2:before{top: 65%}

/*招聘岗位*/
.tab-wrap{background: url(../img/p3-tips.png) no-repeat 9px bottom;width: 961px;height: 229px;z-index: 10;margin-top: -16px;padding-top: 88px;position: relative}
.tab-wrap .tit{position: absolute;top: 5.2%;left: 0}
.tab-wrap ul{overflow: hidden;position: absolute;top:92%;right: 2%;z-index: 99}
.tab-wrap ul li{cursor:pointer;float: left;background: #c41402;color:#fff;font-size:26px;border: 3px solid #c41402;text-align: center;height: 68px;width: 167px;margin:0 7px;line-height: 68px ;z-index: 99}
.tab-wrap ul li.active{background: #fff;color: #c31402}
.p3-content{padding: 100px 0;}
#con1 a{display:block;margin:20px 0;color:#000;background:#fff url(../img/p3-link.png) no-repeat right;height: 60px;line-height: 60px;padding-left:35px;font-size: 19px }
#con2 .item{overflow: hidden;position: relative;height: 300px;padding-top: 100px}
#con2 .item .fl{width: 40%}
#con2 .item  ol, .map ol{padding: 10px 0 0 30px;line-height: 210%;font-size:19px;}
.p3-center{position: absolute;top: 20%;left: 30%}
.map{background: url(../img/p3-zpdd-bg.png) no-repeat center;width: 100%;height:483px;margin-top: -150px;margin-bottom: 200px}
.map .box{padding: 150px 0 0 0;width: 1000px;margin: 0 auto}
.map span{color: #c41503}
.p3:after{top: 40%}



/**/
.tab-wrap4{background: url(../img/p4-tips.png) no-repeat 9px bottom;height: 256px;margin-top: -18px;position: relative}

.text{position: absolute;right: 20%;top: 50%}
.text .button{display: block;width: 275px;height: 48px;background: #c41605;color: #fff;font-size: 30px;text-align: center;margin-bottom: 10px}
.text  p{font-size: 18px}

.p4-content{margin-top: 20px}
.p4-content ul{padding-left: 24px}
.p4-content ul li{margin: 30px 0;position: relative}
.p4-content ul li .text{position: absolute;right: 20%;top: 10%;width: 275px;}
.p4-content ul li .text p{line-height: 130%;margin: 0}


.p5-img{margin: 40px 0}
.xjxc{width: 100%;text-align: center;}
.xjxc th{background: #c31402;color: #fff;font-size: 22px;height: 75px;line-height: 75px;font-weight: normal;}
.xjxc th{border-right: 2px solid #fff;}
.xjxc td{border-right: 2px solid #fff;height: 97px;font-size: 22px;color: #000;}
.xjxc td:last-child,.xjxc th:last-child{border: none;}
.xjxc tr:nth-child(odd) {background: #ffedeb;}
.xjxc tr:nth-child(even) {background: #f7d4d1;}