@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?2r0208');
  src:  url('../fonts/icomoon.eot?2r0208#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?2r0208') format('truetype'),
    url('../fonts/icomoon.woff?2r0208') format('woff'),
    url('../fonts/icomoon.svg?2r0208#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-uniE900:before {
  content: "\e900";
}
.icon-1:before {
  content: "\e901";
}
.icon-2:before {
  content: "\e902";
}
.icon-3:before {
  content: "\e903";
}
.icon-4:before {
  content: "\e904";
  color: #8a8a8a;
}

*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body{min-width:1200px;font-size: 12px;overflow-x:hidden;padding-top:75px;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:12px;}
p{color:#686868;}
ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;color:#f3782a;}
.all{ width: 1200px;margin: 0 auto;}

.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.top{height:95px;width:100%;}
.logo{width:365px;float:left;padding-top:20px;}
.nav{width:770px;float:right;}
.nav ul{width:780px;}
.nav li{width:145px;margin:0 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:145px;height:42px;padding-top:50px;display:block;font-size:1.33em;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #dc6103;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a#sel{border-bottom:3px solid #f3782a;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:95px;overflow:hidden;text-align:left;z-index:110;left:0px;border-top:#f5f5f5 1px solid;border-bottom:#f5f5f5 1px solid;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}

.nav .sub .nav_xiao .xiao_four{width:270px;overflow:hidden;margin-right:103px;margin-left:61px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:17px;font-weight:normal;color:#333333;height:35px;line-height:35px;border-bottom:1px solid #f5f5f5;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width: auto;padding-top: 10px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:30px;line-height:30px;margin-right:80px;padding-right:10px;overflow:hidden;float:left;display:inline;margin-left:0px;position:inherit;font-size: 11px;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;text-align:left;}

/* 遮罩 */
.mask{position: fixed; top: 0; left: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, .4);display: none;}
/* 简历弹窗 */
.resumePopup{
  width: 1090px;
  padding: 45px 35px;
  border-radius: 6px;
  background-color: #fff;
  /* margin: 100px auto; */
  position: absolute;
  top: 100px;
  left: calc(50% - 545px);
  display: none;
}
.resumeTit{
  font-size: 24px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 22px;
  color: #000;
}
.resumeCon{
  padding: 35px 60px;
}
.resumeIteam{
  display: flex;
  justify-content: space-between;
}
.label{
  font-size: 14px;
  margin-bottom: 15px;
}
.inp{
  width: 370px;
  height: 60px;
  background-color: #eeefe7;
  border: 0;
  border-radius: 4px;
  padding: 0 25px;
  outline: none;
  margin-bottom: 26px;
  position: relative;
}

.normalDiv{
  position: relative;
}
.selectDiv{
  position: relative;
  cursor: pointer;
  z-index: 99;
}
.selectDiv .required,.normalDiv .required{
  color: red;
  font-size: 20px;
  vertical-align: middle;
  position: absolute;
  right: -30px;
  top: 18px;
}
.selectCon{
  position: absolute;
  top: 18px;
  left: 20px;
  width: 330px;
  height: 26px;
  line-height: 26px;
  padding-left: 40px;
}
/* .selectConP{
  display: inline-block;
} */
.arrDwn{
  width: 10px;
  margin-right: 10px;
  transition: transform 0.7s;
}
.selectConP{
  display: inline-block;
}
.selectDiv:hover .arrDwn{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.selectDown{
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 418px;
}
.option{
  height: 40px;
  padding-left: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff;
}
.option:last-child{
  border-bottom: 1px solid #fff;

}
.option:hover{
  background-color: #e1e1e1;
}
.upFile{
  height: 110px;
  margin-bottom: 40px;
}
.upFile h6,.aboutUs h6{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 28px;
}
.lableUpfile{
  display: inline-block;
  width: 160px;
  height: 60px;
  border-radius:60px;
  background-color: #004180;
  text-align: center;
  line-height: 60px;
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
}
.aboutUsCon{
  width:920px ;
  height: 220px;
  padding: 20px;
  border: 0;
  background-color:#eeefe7 ;
  border-radius: 4px;
  outline: none;
  margin-bottom: 50px;
}
.btn{
  text-align: center;
}
.btn button{
  width: 200px;
  height: 60px;
  border: 0;
  outline: 0;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
}
.submitBtn{
  background-color: #01a33b;
}
.resetBtn{
  background-color: #262626;
}
.upFileDiv{
  position: relative;
}
.tip{
  position: absolute;
  top: -100px;
  left: calc(50% - 50px);
  display: none;
  width:  100px;
  height: 40px;
  /* border: 1px solid #e1e1e1; */
  text-align: center;
  line-height: 40px;
  border-radius: 40px;
  -webkit-box-shadow: #eeefe7 0px 0px 10px;
 -moz-box-shadow: #eeefe7 0px 0px 10px;
 box-shadow: #eeefe7 0px 0px 10px;
}
/* 引导 */
.header {
  background: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: transform 200ms linear;
  z-index: 1000;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.header_content {
  width: 820px;
  margin: 0 auto;
  height: 75px;
}
.header_img {
  float: left;
  position: relative;
  height: 100%;
}
.header_img img{
  position: absolute;
  top: 50%;
  margin-top: -26px;
}
.titCell {
  font-size: 19px;
}
.header_nav {
  float: right;
  display: flex;
  width: 630px;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
}
.header_nav > div {
  flex: 1;
}
.header_nav .targetCell{
  display: none;
  width: 100%;
  padding:0;
  position:fixed;
  top:75px;
  overflow:hidden;
  text-align:left;
  z-index:110;
  left:0px;
  border-top:#f5f5f5 1px solid;
  border-bottom:#f5f5f5 1px solid;
  background-color: white;
}
.header_nav > div:hover {
  color: #3a5ef8;
}
.header_nav span {
  font-size: 11px;
  line-height: 75px;
  margin-left: 20px;
}
.header_nav > div:hover span {
  display: inline-block;
  transform: rotate(90deg);
  -ms-transform: rotate(180deg);		/* IE 9 */
  -webkit-transform: rotate(180deg);	/* Safari and Chrome */
  -o-transform: rotate(180deg);		/* Opera */
  -moz-transform: rotate(180deg);		/* Firefox */
}
.header_nav .targetCell > div {
  width: 1210px;
  overflow: hidden;
  padding-top: 5px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.header_nav .targetCell > div > div {
  width: 270px;
  overflow: hidden;
  margin-right: 103px;
  margin-left: 61px;
  float: left;
}
.header_nav .targetCell > div > div:last-child {
  margin-right: 0;
}
.header_nav .targetCell > div > div > h2 {
  font-size: 17px;
  font-weight: normal;
  color: #333333;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 10px;
}
.header_nav .targetCell > div > div > ul {
  width: auto;
  padding-top: 10px;
}
.header_nav .targetCell > div > div > ul > li {
  height: 30px;
  line-height: 30px;
  margin-right: 80px;
  padding-right: 10px;
  overflow: hidden;
  float: left;
  display: inline;
  margin-left: 0px;
  position: inherit;
  font-size: 15px;
}
/* 引导 */

/* 底部 */
.footer{
  background-color: #0c1f3a;
}
.footerCon{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
  padding: 56px 0 40px 0;
  margin-bottom: 20px;
}
.footerL{
  width: 700px;
  display: flex;
  justify-content: space-between;
}
.footerL ul{
  text-align: center;
  color: #e4e4e4;
}
.footerL ul li{
  line-height: 24px;
}
.footerL ul li a:hover{
  color: #999;
}
.footerL ul li a{
  color: #e4e4e4;
}
.ulTit{
  font-size: 16px;
  margin-bottom: 20px;
}
.footerR{
  color: #e4e4e4;
  cursor: pointer;
  width: 450px;
  height: 140px;
  overflow: hidden;
}
.footerR ul{
  list-style: none;
  width: 210px;
  float: right;
}
.footerR ul img{
  margin-right: 20px;
  vertical-align: middle;
}
.footerR ul li{
  font-size: 16px;
  margin:0 0 30px 0;
}
.copyRight{
  height: 0px;
  text-align: center;
}

.wacherimg{
  position:  relative;
  top: -150px;
  left: -220px;
  display: none;
}
.wacher{
  margin-bottom: 0;
}
.wacher:hover>.wacherimg{
  display: block;
}

.comBg{
  width: 100%;
  height: 626px;
  overflow: hidden;
}

.comBg img{
  height: 626px;
  width: 100%;
  display: block;
  margin: 0 auto;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

@-webkit-keyframes bounceIn {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
}
@keyframes bounceIn {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
}