h1,h2,h3,h4,h5,h6,p{margin:0;}
.banner{padding-bottom:30px;}
.banner>img{
  width:1170px;
  height:300px;
}
.main{width:100%}
.main>.title{
  padding-bottom:30px;
  font-size:24px;
  text-align: center;
}
.main .title i{
  border-top:1px solid #dbdbdb;
  width:180px;
  vertical-align: middle;
}
.main .title b{
  font-size:15px;
  color:#dbdbdb;
}
.main>.title>.first,
.main>.title>.last{
  display:inline-block;
  position:relative;
}
.main>.title>.first>b{
  position: absolute;
  top:7px;
  right:-2px;
}
.main>.title>.last>b{
  position: absolute;
  top:7px;
  left:-2px;
}
.main>.title>span{
  padding:0 15px;
}
.main_content{
  padding-bottom:25px;
}
.main_content:before,.main_content:after{content:"";display:table;clear:both;}
.main_content>.list{
  width:370px;
  height:380px;float:left;
  border:1px solid #ddd;
  padding:25px 20px;
  position: relative;
  margin:0 30px 30px 0;
}
.main_content>.list:nth-child(3n){margin-right:0;}
.main_content>.list>i{
  width:328px;
  height:143px;
  position: absolute;
  top:25px;
  left:20px;
	transition:background-color 2s;
}
.main_content>.list:hover>i{background:transparent}
.main_content>.list>.list_modal_01{
  background:rgba(151,206,117,.7);
}
.main_content>.list>.list_modal_02{
  background:rgba(195,154,68,.7);
}
.main_content>.list>.list_modal_03{
  background:rgba(114,192,232,.7);
}
.main_content>.list>.list_modal_04{
  background:rgba(99,196,182,.7);
}
.main_content>.list>.list_modal_05{
  background:rgba(217,133,134,.7);
}
.main_content>.list>.list_modal_06{
  background:rgba(184,157,217,.7);
}
.main_content>.list>.list_modal_07{
  background:rgba(254,211,147,.7);
}
.main_content>.list>.list_modal_08{
  background:rgba(133,215,188,.7);
}
.main_content>.list>.list_modal_09{
  background:rgba(123,140,50,.7);
}
.main_content>.list>.list_modal_10{
  background:rgba(251,151,186,.7);
}
.main_content>.list>img{
  width:328px;
  height:143px;
}
.main_content>.list>.list_title{
  position: absolute;
  top:25%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size:30px;
  color:#fff;
}
.main_content>.list>.one{
  -webkit-text-shadow:#6cb13f 2px 0 0,#6cb13f 0 2px 0,#6cb13f -2px 0 0,#6cb13f 0 -2px 0;
  -moz-text-shadow:#6cb13f 2px 0 0,#6cb13f 0 2px 0,#6cb13f -2px 0 0,#6cb13f 0 -2px 0;
  -o-text-shadow:#6cb13f 2px 0 0,#6cb13f 0 2px 0,#6cb13f -2px 0 0,#6cb13f 0 -2px 0;
  text-shadow:#6cb13f 2px 0 0,#6cb13f 0 2px 0,#6cb13f -2px 0 0,#6cb13f 0 -2px 0;
}
.main_content>.list>.two{
  -webkit-text-shadow:#c6962f 2px 0 0,#c6962f 0 2px 0,#c6962f -2px 0 0,#c6962f 0 -2px 0;
  -moz-text-shadow:#c6962f 2px 0 0,#c6962f 0 2px 0,#c6962f -2px 0 0,#c6962f 0 -2px 0;
  -o-text-shadow:#c6962f 2px 0 0,#c6962f 0 2px 0,#c6962f -2px 0 0,#c6962f 0 -2px 0;
  text-shadow:#c6962f 2px 0 0,#c6962f 0 2px 0,#c6962f -2px 0 0,#c6962f 0 -2px 0;
}
.main_content>.list>.three{
  -webkit-text-shadow:#4595B8 2px 0 0,#4595B8 0 2px 0,#4595B8 -2px 0 0,#4595B8 0 -2px 0;
  -moz-text-shadow:#4595B8 2px 0 0,#4595B8 0 2px 0,#4595B8 -2px 0 0,#4595B8 0 -2px 0;
  -o-text-shadow:#4595B8 2px 0 0,#4595B8 0 2px 0,#4595B8 -2px 0 0,#4595B8 0 -2px 0;
  text-shadow:#4595B8 2px 0 0,#4595B8 0 2px 0,#4595B8 -2px 0 0,#4595B8 0 -2px 0;
}
.main_content>.list>.four{
  -webkit-text-shadow:#57B4A9 2px 0 0,#57B4A9 0 2px 0,#57B4A9 -2px 0 0,#57B4A9 0 -2px 0;
  -moz-text-shadow:#57B4A9 2px 0 0,#57B4A9 0 2px 0,#57B4A9 -2px 0 0,#57B4A9 0 -2px 0;
  -o-text-shadow:#57B4A9 2px 0 0,#57B4A9 0 2px 0,#57B4A9 -2px 0 0,#57B4A9 0 -2px 0;
  text-shadow:#57B4A9 2px 0 0,#57B4A9 0 2px 0,#57B4A9 -2px 0 0,#57B4A9 0 -2px 0;
}
.main_content>.list>.five{
  -webkit-text-shadow:#D37D7C 2px 0 0,#D37D7C 0 2px 0,#D37D7C -2px 0 0,#D37D7C 0 -2px 0;
  -moz-text-shadow:#D37D7C 2px 0 0,#D37D7C 0 2px 0,#D37D7C -2px 0 0,#D37D7C 0 -2px 0;
  -o-text-shadow:#D37D7C 2px 0 0,#D37D7C 0 2px 0,#D37D7C -2px 0 0,#D37D7C 0 -2px 0;
  text-shadow:#D37D7C 2px 0 0,#D37D7C 0 2px 0,#D37D7C -2px 0 0,#D37D7C 0 -2px 0;
}
.main_content>.list>.six{
  -webkit-text-shadow:#B99AE0 2px 0 0,#B99AE0 0 2px 0,#B99AE0 -2px 0 0,#B99AE0 0 -2px 0;
  -moz-text-shadow:#B99AE0 2px 0 0,#B99AE0 0 2px 0,#B99AE0 -2px 0 0,#B99AE0 0 -2px 0;
  -o-text-shadow:#B99AE0 2px 0 0,#B99AE0 0 2px 0,#B99AE0 -2px 0 0,#B99AE0 0 -2px 0;
  text-shadow:#B99AE0 2px 0 0,#B99AE0 0 2px 0,#B99AE0 -2px 0 0,#B99AE0 0 -2px 0;
}
.main_content>.list>a{
  display:block;
  text-align: center;
  color:#fff;
  width:175px;
  height:50px;
  line-height:50px;
  font-size:16px;
  margin:0 auto;
  background-color:#fe9c17;
}
.main_content>.list>p{
  padding:10px 20px;
  font-size:16px;
  line-height: 2;
  width:328px;
  height:116px;
  overflow-y: hidden;
}
.tab>h5{
  font-size:16px;color:#fff;background-color:#fe9c17;display: inline-block;
  width:123px;height:45px;line-height:45px;text-align: center;
}
.tab>a{float:right;line-height:45px;}
.tab>a>span{padding:0 8px;}
.tab>.line{border-bottom:2px solid #fe9c17;width:100%;}
.list{width:100%;padding:18px 23px;}
.list>a{line-height:2.5;display: inline-block;width:150px;margin-right:170px;}
.list>a:nth-child(4n){margin:0;}
.list>a>i{
  width:10px;height:10px;background:url(../images/hr_tool_libg.gif) no-repeat scroll 0 -20px;
}
.main>h4{text-align: center;color:#b74f8f;}
.main>p{margin:30px 165px;line-height: 2;}
.main>.detail{padding:0 165px 30px;}
.form-group{margin-bottom: 30px;}
.form-group>p{padding-bottom: 20px;}
.submit{text-align: center;}
.submit>.btn{padding:0;width:150px;height:40px;line-height: 40px;font-size: 16px;border:0;}
.submit>.btn-warning,.submit>.btn-warning:focus,.submit>.btn-warning:hover{margin-right: 70px;background-color:#FE9C17;}
.submit>.btn-info,.submit>.btn-info:focus,.submit>.btn-info:hover{background-color:#0d54bf;}
.modal-content{border-radius:0;}
.modal-header{border:0;}
.close,.close:hover{opacity:1;outline:none;}
.modal-body{padding:15px 85px 50px;}
.modal-body>p{line-height: 2.5;}
.modal-body>p>span{color:#0D55C1;padding-right:5px;}
.modal-body>p>b{font-weight: normal;display: inline-block;width:355px;vertical-align: top;}