html {-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
body { color: #515151;font-family:"微软雅黑";}
a { color: #515151; text-decoration: none;}
.fd{clear:both;}
li{list-style-type:none;}

/*头部*/
.tops{width: 100%;margin: 0 auto;background-color: #fff;position: fixed;padding-bottom: 2%;}
.logo{width:50%;margin:0 auto;margin: 2.5% 0 0 2%;float:left;}
.logo img{max-width: 100%;}
.end{float: left;width: 20%;color: #1967b2;font-size: 0.9em;margin: 8% 0 0 8%;}
.end a{color: #1967b2;} 


/*底部*/
#foot{margin: 0;height:60px; padding: 0; position: fixed; bottom: 0px; background-color: #2b69bc;background-position:-2px 0;list-style-type: none; z-index: 9999;width: 100%;font-size: 12px;}
.foot_list{position: absolute;top:-40%;left:43%;width: 13%;}
.foot_list img{max-width: 100%;}
.bot{width:100%;margin: 0 auto;height: 45px;line-height: 51px;}
.footas{margin-top: 1.8%;float: left;margin-right: 4%;margin-left: 6%;}
.footas img{width: 60%;}
.footas p{margin-top: -25%;color:#fff;}

/*banner*/
.banner{padding-top: 10%;}
.swipe{width: 100%;}

/*三大导航*/
.gps_nav{width: 95%;overflow: hidden; background: #fff;margin: 0 auto;margin-top: 3%;padding: 3% 0 3% 0;-moz-box-shadow:2px 2px 5px #c4c4c4; -webkit-box-shadow:2px 2px 5px #c4c4c4; box-shadow:2px 2px 5px #c4c4c4;}
.nav_list{float: left;width: 25%;text-align: center;margin: 0 2% 0 5%;}
.nav_list img{max-width: 100%;}

/*新闻中心*/
.New{width: 100%;background: #fff;margin-top: 5%;overflow: hidden;}
.New_tit{width: 100%;border-bottom: 1px solid #eaeaea;padding: 3% 0 3% 0;}
.New_tit_left{float: left;color: #137ecc;font-size: 1.1em;margin-left: 2%;}
.New_tit_right{float: right;color: #999;font-size: 0.96em;margin-right: 2%;}
.New_list{width: 100%;padding: 3% 0 3% 0;border-bottom: 1px solid #f0eeef;}
.New_list_left{float: left;width: 57%;margin-left: 3%;font-size: 1em;}
.New_list_left p{margin-top: 5%;color: #999;font-size: 0.9em;}
.New_list_right{float: right;width: 35%;margin-right: 3%;}
.New_list_right img{max-width: 100%;}

/*集团简介*/
.abstract{width: 100%;background: #fff;margin-top: 5%;padding-bottom: 3%;overflow: hidden;}
.abstract_left{float: left;width: 40%;margin: 3% 0 0 3%;}
.abstract_left img{max-width: 100%;}
.abstract_right{float: right;width: 50%;margin: 3% 3% 0 0;line-height: 23px;}

/*产品中心*/
.pro_s{width: 100%;background: #fff;margin-top: 5%;padding-bottom: 3%;overflow: hidden;}
.pro_list{width: 95%;text-align: center;margin: 0 auto;}
.pro_list_left{width: 50%;float: left;}
.pro_list_left img{max-width: 100%;}
.pro_list_right{width: 50%;float: left;margin-top: 11%;}
.pro_list_right p{width: 80%;margin: 0 auto;}

.pro_list_lefts{width: 50%;float: left;margin-top: 11%;}
.pro_list_lefts p{width: 80%;margin: 0 auto;}
.pro_list_rights{width: 50%;float: left;}
.pro_list_rights img{max-width: 100%;}

/*底部-技术支持*/
.dibu{width: 100%;text-align: center;color: #999;font-size: 0.8em;padding: 3% 0 5% 0;}


/*-----------------------------------二级页面-------------------------------------------*/
/*公共样式*/
.public{width: 100%;padding-top: 17%;}
.public img{max-width: 100%;}
.public_type{width: 94%;font-size: 1.3em;padding: 3% 3% 3% 3%;border-bottom: 1px solid #ccc;font-weight: bold;color: #000;position: relative;}

/*图文分类*/
.pro_stype{width: 95%;margin: 0 auto;position: relative;margin-top: 3%;}
.pro_stype img{max-width: 100%;}
.pro_stype p{width: 98%;color: #fff;position: absolute;bottom: 3%;left:0;background:rgba(79,130,192,0.8);padding: 2% 0 2% 2%;}
.pro_stype_gd{width: 95%;margin: 0 auto;text-align: center;background: #2b69bc;color: #fff;padding: 3% 0 3% 0;margin-top:5%;}

/*图文列表*/
.Pro_con{float: left;width: 45%;text-align: center;margin: 3% 0 0 3.5%;}
.Pro_con img{max-width: 100%;}
.Pro_con p{width: 100%;color: #666;}

/*图文详情*/
.pro{width: 95%;margin: 0 auto;}
.pro_show_img{width: 100%;margin-top: 3%;}
.pro_show_img img{max-width: 100%;}
.pro_show_t img{width: 100%;}
.pro_show_con{width: 100%;padding: 3% 0 3% 0;}
.pro_show_con img{max-width: 100%;}
.shang{float: left;color: #2b69bc;margin-left: 5%;}
.xia{float: right;color: #2b69bc;margin-right: 5%;}

/*新闻列表*/
.public_type_left{float: left;margin-top: 1.2%;}
.itype_box{float: right;background: #2b69bc;color: #fff;font-size: 0.8em;text-align: center;padding: 2% 2% 2% 2%;}
.itype_box2{float: right;background: #2b69bc;color: #fff;font-size: 0.8em;text-align: center;padding: 2% 2% 2% 2%;}
.itype{width:auto;position: absolute;right:3%;top:88%;background: #2b69bc;z-index: 3;color: #fff;margin-bottom:20%;}
.itype2{width:100%;height:auto;}
.itype a{display: block;text-align: center;font-size: 14px;line-height: 40px;color:#fff;border-bottom:1px solid #fff;background: #2b69bc;padding:0 10px;}
.News{width: 95%;margin: 0 auto; margin-top: 3%;}
.News_img{float: left;width: 5%;}
.News_tit{float: left;width: 70%;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.News_jj{float: right;width: 25%;color: #999;font-size: 0.8em;margin-top: 1%;}

/*新闻详情*/
.News_show_sj{float: left;color: #999;font-size: 0.6em;margin-top: 3%;}
.News_show_yd{float: right;color: #999;font-size: 0.6em;margin-top: 3%;}
.News_show_con{width: 95%;margin: 0 auto;padding: 3% 0 3% 0;}
.News_show_con img{max-width: 100%;}

/*单页*/
.About{width: 95%;margin: 0 auto;padding: 3% 0 3% 0;}
.About img{max-width: 100%;}

/*在线留言*/
.gbook{margin-top: 8%;}
.gbook_list{width:95%;margin: 0 auto; padding: 3% 0 3% 0;text-align: center;}
.gbook_list_left{float: left;width: 25%;color: #666;margin-left: 5%;padding: 1% 0 0 0;}
.gbook_list_right{float: left;width: 60%;}
.gbook_list_right input{width: 95%;border: 1px solid #ccc;padding: 3% 0 3% 0;}
.gbook_list_right textarea{width: 95%;border: 1px solid #ccc;padding: 3% 0 13% 0;}
.gbook_list button{width: 85%;margin: 0 auto;text-align: center;background: #2b69bc;color: #fff;padding: 3% 0 3% 0;border: none;}

/*招聘分类*/
.gbook_show_con{width: 95%;margin: 0 auto; padding: 3% 0 3% 0;text-align: center;}
.rec_list_left{width: 100%;margin-top: 3%;}
.rec_list_left img{max-width: 100%;}

/*招聘列表*/
.job_left{width: 95%;margin: 0 auto;margin-top: 8%;}
.job_list_tit{width: 100%;padding: 3% 0 3% 0;color: #fff;background: #317acd;border-radius: 10px;margin-bottom: 20px;}
.job_list_tit_left{float: left;width: 58%;padding-left: 25px;position: relative;}
.job_list_tit_left:hover .job_tit_tow{display: block;}
.job_list_tit_left span{margin-left: 15px;}
.job_tit_tow{position: absolute;top:30px;left: 0;color: #fff;background: #317acd;width: 70%;text-align: center;display: none;padding-bottom: 40%;}
.job_tow_t{width: 100%;padding: 5% 0 5% 0;}

.job_list_tit_right{float: left;width: 20%;}
.job_list{width: 100%;padding: 3% 0 3% 0; color: #000;}
.job_list_img{float: left;width: 5%;margin-top: 0.8%;margin-left: 3%;}
.job_list_img img{max-width: 100%;}
.job_list_left{float: left;width: 60%;padding-left: 2%;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.job_list_right{float: right;width: 20%;font-size: 0.8em;margin-top: 1%;margin-right: 2%;}
.job_fenye{width: 100%;padding: 3% 0 3% 0;background: #2b69bc;color: #fff;text-align: center;}

/*招聘详情*/
.job_show{width: 95%;margin: 0 auto;padding: 3% 0 3% 0;margin-top: 3%;}
.job_ti{width: 100%;padding: 3% 0 3% 0;background: #e41f2b;color: #fff;text-align: center;margin-top: 3%;}

/*提交简历*/
.job{width:95%;margin: 0 auto; padding: 3% 0 3% 0;text-align: center;}
.job_left_tit{float: left;width: 25%;color: #666;margin-left: 2%;padding: 1% 0 0 0;text-align: right;}
.job_right{float: left;width: 70%;}
.job_right input{width: 100%;border: 1px solid #ccc;padding: 3% 0 3% 0;}
.job_right textarea{width: 95%;border: 1px solid #ccc;padding: 3% 0 13% 0;}
.job button{width:92%;margin: 0 auto;text-align: center;background: #2b69bc;color: #fff;padding: 3% 0 3% 0;border: none;}

.job_rights{float: left;width: 70%;}
.job_rights_L{float: left;margin-left: 5%;}
.job_rights_R{float: left;margin-left: 5%;}




/*搜索页*/
.list1{width: 94%;padding: 2% 3% 2% 3%;}
.list1 article{float: left;}
.list1 span{float: right;}

/*导航*/
.nav{width: 100%;background-color: rgba(0,0,0,0.5);padding-bottom: 0%;
  position: fixed;z-index: 50;top: -8px;left: 0;
  animation:animation1_nav 1s ease 0s; 
  -webkit-animation:animation1_nav 1s ease 0s;
}
@keyframes animation1_nav {
  0% { left: -1000px; opacity:0.1;}
  100% { left:0; opacity:1; }
}
@-webkit-keyframes animation1_nav {
  0% { left: -1000px; opacity:0.1;}
  100% { left:0; opacity:1; }
}



nav a{ color:#fff;}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
  top:0;
  right: 0;
  height: 50px;
  width: 50px;
  z-index: 995;
   /*image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin-top:1%;
  margin-left: 5%;
  margin-right:2%;
  position: fixed;

}
#pordAttr{z-index:99998;box-shadow:1px 1px 7px #999;position: fixed;top:0;left: 0;}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 62%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #666;/*导航横条的颜色*/
  z-index: 999;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #666;/*导航横条的颜色*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  background-color: #178ef0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger::after {
  background-color: #178ef0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  color:#000;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0.2);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: #178ef0;/*小×的颜色*/
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
/*黑色2*/
.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 90%;
  padding: 50px 5%;
  z-index: 90;
  /*background-color:#f34a5b;*/
  background-color: rgba(0, 0, 0, 0.5);

  /*background-color:#000;*/
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.2s;
  -moz-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.6em 0;
  }
  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

/*黑色*/
.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s 0s, visibility 0s .2s;
  -moz-transition: opacity .2s 0s, visibility 0s .2s;
  transition: opacity .2s 0s, visibility 0s .2s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  /*background:url(../images/main.jpg);*/
  background:rgba(0,0,0,0.5);/*弹出的背景色*/
}
/*黑色结束*/
.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
   background:#000;/*弹出缩回的时候背景色*/
}