/*======================================================================================*/
/* --------------------------------Common style-------------------------------------- */
/*======================================================================================*/

/*==================================================*/
/* ----------1 html body font------------ */
/* ----------2 clearfix---vertical-align- */
/* ----------3 nav----------------------- */
/* ----------4 to top-------------------- */
/* ----------5 breadcrumb---------------- */
/* ----------6 Footer-------------------- */
/* ----------7 ICP----------------------- */
/* ----------8 除首页外的背景图------------ */
/*===================================================*/

/* 
*用于解决chrome浏览器字体最小12px问题
*引入时应放在bootstrap.css文件之后  用于覆盖bootstrap设置的全局样式字体大小
*/
html,
body {
  font-family: 'Microsoft Yahei', '微软雅黑';
  font-size: 10px;
}
/* .container-fluid{
	padding: 0;
} */
/* .row{
	margin: 0;
} */
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

.page1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.page1400 {
  max-width: 1400px;
  min-width: 1200px;
  margin: 0 auto;
}

.page1600 {
  max-width: 1600px;
  min-width: 1400px;
  margin: 0 auto;
}

/* CSS变量--------悦华主题色 */
:root {
  --theme: rgb(255, 128, 9);
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  width: 5px;
  height: 10px;
  background-color: var(--theme);
}

::-webkit-scrollbar-track-piece {
  width: 5px;
  background-color: #f8f8f8;
}

/* ---------------1.2 clearfix---vertical-align------------ */
.clearfix::after {
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
/* 垂直居中 */
.vertical_align {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* 水平居中 */
.justify_align {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.margin_auto {
  margin: 0 auto;
}
/* 水平垂直居中 */
.justify_vertical {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vertical_top {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* .no-gutters{
	padding: 0;
} */
/* --------------bootstrap工具类拓展------------------------- */
.m-6 {
  margin: 3.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 3.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 3.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 3.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 3.5rem !important;
}

.m-7 {
  margin: 4rem !important;
}

.mt-7,
.my-7 {
  margin-top: 4rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 4rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 4rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 4rem !important;
}

.m-8 {
  margin: 4.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 4.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 4.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 4.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 4.5rem !important;
}

.m-9 {
  margin: 5rem !important;
}

.mt-9,
.my-9 {
  margin-top: 5rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 5rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 5rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 5rem !important;
}

.p-6 {
  padding: 3.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 3.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 3.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 3.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 3.5rem !important;
}

.p-7 {
  padding: 4rem !important;
}

.pt-7,
.py-7 {
  padding-top: 4rem !important;
}

.pr-7,
.px-7 {
  padding-right: 4rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 4rem !important;
}

.pl-7,
.px-7 {
  padding-left: 4rem !important;
}

/* ---------------------------1.3 nav--------------------------- */
.navbar {
  height: 95px;
}

.navbar-brand img {
  max-width: 100%;
  max-height: 100%;
}

.topmenu li {
  position: relative;
  transition: background-color 700ms;
  padding: 0 13px;
  overflow: hidden;
}

.topmenu li > a {
  position: relative;
  font-size: 14px;
  color: #666;
  font-weight: bold;
  line-height: 95px;
  z-index: 1000;
}

.topmenu li .h_colorBox {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: block;
  height: 95px;
  background-color: var(--theme);
  transition: top 200ms;
  z-index: 1;
}

.topmenu li:hover .h_colorBox,
.topmenu li.active .h_colorBox {
  top: 0;
}

.topmenu li:hover a,
.topmenu li.active a {
  color: #fff;
}

.nav_phone img {
  width: 33px;
  height: 33px;
}

.nav_phone .tel_number {
  /* line-height: 25px; */
  padding-left: 20px;
  font-size: 27px;
  color: var(--theme);
  font-weight: bold;
}

.subnav_box {
  top: 95px;
  left: 0px;
  z-index: 9999;
  height: 61px;
}

.subnav_box .item.curr,
.subnav_box .item:hover {
  top: 0px;
}

.subnav_box .item {
  position: absolute;
  font-size: 13px;
  height: 61px;
  width: 1200px;
  background-color: #4c4a4f;
  display: block;
  overflow: hidden;
  top: -61px;
  /* top: 0; */
  transition: top 300ms;
  z-index: 1000;
}

.subnav_box .item a {
  line-height: 61px;
  float: left;
  padding: 0 16px;
  font-weight: bold;
  color: #d2ced5;
  transition: color 300ms;
}

.subnav_box .item a:hover {
  color: var(--theme);
}

.subnav .g-wrap .item :hover {
  top: 0;
}

/* ---------------1.4 返回顶部--------------- */
.to-top {
  width: 37px;
  height: 37px;
  background: url('../../images/to-top.png') no-repeat;
  cursor: pointer;
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  z-index: 10000;
}
.to-top:hover {
  background: url('../../images/to-top.png') -38px no-repeat;
}

.nav-list {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.nav-list a {
  display: block;
}

/* ---------------1.5 面包屑--------------- */

.breadcrumb {
  background-color: #fff;
  margin-bottom: 0;
  padding: 0;
  margin-top: 2rem;
}

.breadcrumb .col-12 {
  height: 6rem;
}

.breadcrumb ul {
  margin-bottom: 0;
}

.breadcrumb ul li {
  padding-left: 0;
  margin-right: 2rem;
}
.breadcrumb_right ul li:first-child {
  margin-right: 0;
}

.breadcrumb a {
  font-size: 1.45rem;
  color: rgb(100, 100, 100);
}

.breadcrumb_right a {
  padding-bottom: 1.5rem;
}

.breadcrumb a:hover,
.breadcrumb a:active {
  text-decoration: none;
  color: var(--theme);
}

.breadcrumb_left {
  height: 100%;
  padding: 0;
}

.breadcrumb_right {
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.breadcrumb_left,
.breadcrumb_left ul li {
  float: left;
}

.breadcrumb_right,
.breadcrumb_right ul li {
  float: right;
}

.breadcrumb_right .list-active a {
  border-bottom: 4px solid var(--theme);
}

.breadcrumb_right ul li:not(.list-active) a:hover {
  border-bottom: 4px solid var(--theme);
}

.breadcrumb .iconfont {
  font-size: 1.45rem;
}
.breadcrumb_left li:last-child .iconfont {
  font-size: 1rem;
}

/* ---------------1.6 Footer--------------- */
.footer .top {
  background-color: rgb(247, 247, 247);
  height: 50px;
}

.footer .top span {
  font-size: 22px;
  line-height: 50px;
  color: #bababa;
}

.footer .top .iconfont {
  font-size: 30px;
}

.footer .top .qr {
  display: none;
  width: 100px;
  height: 100px;
  left: -15px;
  bottom: 50px;
}

.footer .top .qr img {
  width: 100%;
  z-index: 9999;
}

.footer .top .we-chat {
  color: #50b674;
}

.footer .top .sina {
  color: #ea5d5c;
}

.footer .middle .list {
  width: 60%;
}

.footer .middle .footer-phone {
  width: 40%;
}

.footer .middle .list .item {
  width: 20%;
}

.footer .middle .title {
  font-size: 20px;
  color: #6f6f6f;
}

.footer .item li a {
  color: #a4a09f;
  line-height: 3rem;
  font-size: 16px;
}

.footer .bottom {
  height: 60px;
  background-color: rgb(247, 247, 247);
}

.footer .bottom .copyright {
  font-size: 16px;
  line-height: 60px;
  color: #6f6f6f;
}

/* ---------------1.7 ICP--------------- */

.copyright {
  background-color: #f7f7f7;
  height: 50px;
}
.copyright .module_container {
  padding-top: 15px;
  line-height: 20px;
  color: #6f6f6f;
  text-align: center;
}
.copyright .module_container p span {
  font-size: 1.4rem;
}
.copyright .module_container p span a {
  font-size: 1.4rem;
  color: #6c6c6c;
  text-decoration: none;
}
.copyright .module_container p span img {
  margin-bottom: 4px;
}
.copyright .module_container p span a:hover {
  color: #f40;
  text-decoration: none;
}

/* ---------------1.8 除首页外的背景图--------------- */
.bg {
  width: 100%;
  /* height: 37.8%; */
  padding-bottom: 37.8%;
  margin-top: 70px;
  /* border: 1px solid red; */
}
.bg-about {
  background: url('../../images/bg-about.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-business {
  background: url('../../images/bg-business.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-contact {
  background: url('../../images/bg-contact.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-cooperation {
  background: url('../../images/bg-cooperation.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-industry {
  background: url('../../images/bg-industry.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-news {
  background: url('../../images/bg-news.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-recruit {
  background: url('../../images/bg-recruit-1.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-social {
  background: url('../../images/bg-recruit-2.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-school {
  background: url('../../images/bg-recruit-3.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-pension-1 {
  background: url('../../images/bg-pension-1.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg-health {
  background: url('../../images/bg-health.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}