.no-padding {
  padding:0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/*============ header_area css=============*/
.header_dark {
  background: #1b232c;
}

.navbar {
  padding: 0px;
}

.header_info {
  border-bottom: 1px solid #414549;
}

.header_contact_info a {
  font-size: 14px;
  line-height: 48px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  display: inline-block;
  padding: 0px 20px;
  position: relative;
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.header_contact_info a:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #414549;
  display: inline-block;
  position: absolute;
  left: 0px;
}

.header_contact_info a i {
  color: #fdb900;
  margin-right: 8px;
}

.header_contact_info a i.fa-phone {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header_contact_info a:first-child {
  padding-left: 0;
}

.header_contact_info a:first-child:before {
  display: none;
}

.header_contact_info a:hover {
  color: #fdb900;
}

.h_social_icon {
  position: relative;
  display: inline-block;
}

.h_social_icon:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #414549;
  display: inline-block;
  position: absolute;
  left: 0px;
}

.h_social_icon a {
  font-size: 12px;
  line-height: 48px;
  padding-left: 12px;
  color: #dddddd;
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.h_social_icon a:hover {
  color: #fdb900;
}

.menu > .nav-item {
  margin-right: 40px;
  padding: 32px 0px;
}

.menu > .nav-item > .nav-link {
  font-size: 16px;
  color: #0e0e0e;
  line-height: 36px;
  padding: 0px;
  position: relative;
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.menu > .nav-item > .nav-link:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #106fc7;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.menu > .nav-item > .nav-link:after {
  display: none;
}

.menu > .nav-item.submenu .dropdown-menu {
  border: 0px;
  margin: 0px;
  border-radius: 0px;
  left: -30px;
  min-width: 180px;
  padding: 20px 30px;
  background: #fff;
  -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
  box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
}
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown> .dropdown-toggle:active {
  pointer-events: none;
}

@media (min-width: 992px) {
  .menu > .nav-item.submenu .dropdown-menu {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
  display: block;
  width: 100%;
  margin-right: 0px;
  padding: 0px;
  position: relative;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
  padding: 0px;
  white-space: nowrap;
  font: 500 18px/36px "Barlow Condensed", sans-serif;
  color: #1b232c;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
  display: none;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
  color: #106fc7;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 0px;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
  display: none;
}

@media (min-width: 992px) {
  .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    position: absolute;
    left: 100%;
    top: -25px;
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
}

.menu > .nav-item.active .nav-link {
  color: #106fc7;
}

.menu > .nav-item.active .nav-link:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.menu > .nav-item:hover .nav-link {
  color: #106fc7;
}

.menu > .nav-item:hover .nav-link:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
  background: #106fc7;
}

@media (min-width: 992px) {
  .menu > .nav-item:hover .dropdown-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}
.dropdown-menu {
  min-width: 120px;
  margin:0;
  padding:0;
  background:rgba(11,70,162,0.7);
  border:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  left:-50%;
}
.dropdown-menu > li > a {
  color: #fff;
  padding:10px 20px;
  text-align: center;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  color:#00307a;
  text-decoration:none;
  background-color:#fff;
}
.abmenu {
  background:rgba(11,70,162,0.7)
}
.abmenu .menu {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 35px;
  padding-top:20px;
}
.menu ul li a {
  color: #fff;
  line-height: 2.5;
  display: block;
  font-size: 14px;
}
.abmenu .menu ul li a:hover {
  display: block;
  background:#fff;
  color:#00307a;
}
.abmenu .menupic {
  float: left;
  padding:20px 60px 30px 45px;
}
.search {
  margin-bottom: 0;
  display: flex;
  justify-content: space-around;
}

.search li a {
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  line-height: 30px;
  margin-right: 10px;
}
.header_two .search li a.lang {
  color: #106fc7;
}

.header_two .menu .nav-item .nav-link {
  color: #1b232c;
}

.header_two .menu .nav-item.active .nav-link, .header_two .menu .nav-item:hover .nav-link {
  color: #106fc7;
}

.header_two .search li a {
  color: #1b232c;
}

.header_top_two .header_info {
  padding: 11px 0px;
}

.header_top_two .header_info .header_contact_info a:before {
  display: none;
}

.header_three .navbar-brand {
  display: none;
}

.header_three .con_btn {
  color: #3a464f;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 45px;
}

.header_three .con_btn:after {
  background: #fff;
}
/*========= hamburger menu css ========*/
.navbar-toggler {
  padding: 0px;
  margin-left: 20px;
}

.navbar-toggler:focus {
  outline: none;
}

.menu_toggle {
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  display: block;
}

.menu_toggle .hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
}

.menu_toggle .hamburger span {
  width: 0%;
  height: 2px;
  position: relative;
  top: 0;
  left: 0;
  margin: 4px 0;
  display: block;
  background: #1b232c;
  border-radius: 3px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.menu_toggle .hamburger span:nth-child(1) {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.menu_toggle .hamburger span:nth-child(2) {
  -webkit-transition-delay: .125s;
  -o-transition-delay: .125s;
  transition-delay: .125s;
}

.menu_toggle .hamburger span:nth-child(3) {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}

.menu_toggle .hamburger-cross {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
}

.menu_toggle .hamburger-cross span {
  display: block;
  background: #1b232c;
  border-radius: 3px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.menu_toggle .hamburger-cross span:nth-child(1) {
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  left: 10px;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.menu_toggle .hamburger-cross span:nth-child(2) {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}

.collapsed .menu_toggle .hamburger span {
  width: 100%;
}

.collapsed .menu_toggle .hamburger span:nth-child(1) {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

.collapsed .menu_toggle .hamburger span:nth-child(2) {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}

.collapsed .menu_toggle .hamburger span:nth-child(3) {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
  height: 0%;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
  width: 0%;
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}

.header_one .menu_toggle .hamburger span, .header_one .menu_toggle .hamburger-cross span, .header_three .menu_toggle .hamburger span, .header_three .menu_toggle .hamburger-cross span {
  background: #fff;
}

/*=========== navbar fixed ============*/
.fixed-header.header_one, .fixed-header.header_three {
  /*position: fixed;*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #1b232c;
}

.fixed-header.header_two {
 /* position: fixed;*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
  box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
}

/*=========== navbar fixed ============*/
/*====================================================*/
/*============= con_slider_one ==============*/
.con_slider_area {
  position: relative;
}

.con_slider_area .slider_nav .left_arrow, .con_slider_area .slider_nav .right_arrow {
  top: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  bottom: 0;
}

.con_slider_area .slider_nav .left_arrow.left_arrow, .con_slider_area .slider_nav .right_arrow.left_arrow {
  left: 0;
}

.con_slider_area .slider_nav .left_arrow.right_arrow, .con_slider_area .slider_nav .right_arrow.right_arrow {
  right: auto;
  left: 50px;
}

.main_slider {
  height: calc(100vh - 145px);
  min-height: 700px;
  margin-bottom: 0 !important;
}

.main_slider .slick-list, .main_slider .slick-track {
  height: 100%;
}

.main_slider .overlay_bg {
  background-size: cover !important;
  background-position: center 0 !important;
}

.main_slider .slider_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider_nav .left_arrow, .slider_nav .right_arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  color: #00ccff;
  border: 2px solid #00ccff;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.slider_nav .left_arrow.left_arrow, .slider_nav .right_arrow.left_arrow {
  left: 30px;
}

.slider_nav .left_arrow.right_arrow, .slider_nav .right_arrow.right_arrow {
  right: 30px;
}

.slider_nav .left_arrow:hover, .slider_nav .right_arrow:hover {
  background: #00ccff;
  color: #fff;
}

.overlay_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*============= con_slider_one ==============*/
/*====================================================*/
/*===================index_news_area======================*/

.index_news_area .container {
  max-width: 1200px;
}
.index_news_top {
  position: relative;
  z-index: 1;
  padding-top:90px;
  padding-bottom: 95px;
}
.con_news_top {
  max-width: 530px;
  margin:0px auto 30px;
}
.con_news_top .news_title_top {
  font-size: 34px;
  color: #00ccff;
}
.con_news_top .news_title_info {
  font-size: 14px;
  color: #fff;
  line-height: 30px;

}

.con_news_center {
  background: #dfdfdf;
}
/*================focusBox============================*/
/*====================================================*/
.focusBox {
  width: 100%; float:left;  position: relative;overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 100%; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 47px; width:100%;  background: #333; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 47px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:47px; line-height:47px; position:absolute; bottom:-47px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 15px; right: 25px; }
.focusBox .num li{ float: left; position: relative;margin-right:5px; width: 10px; height: 10px; line-height: 10px;background:#fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;overflow: hidden; text-align: center;  cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1;  }
.focusBox .num li.on a,.focusBox .num a:hover{ background: #d20919;  }


/*====================================================*/
/*====================title-news================================*/
.title-news {
  padding:30px 40px 0 30px;

}
.title-news h3 {
  font-size: 24px;
  color: #0e0e0e;
  padding-bottom: 10px;
}
.title-news ul {
  height: 120px;
  margin-bottom: 20px;

}
.title-news ul li {
  font-size: 14px;
  line-height: 40px;
  list-style: disc;
  color: #010101;
  border-bottom: 1px dashed #6d6d6d;
}
.title-news ul li a {
  color: #010101;
}
.news_pic {
  margin-top:17px;
  height: 120px;
  padding:15px 25px;
  background: #282828;
}
.news_pic ul li {
  margin-right: 30px;
}
.news_pic ul li dl dt {
  overflow: hidden;
}
.news_pic ul li dl dt img {
  width: 160px;
  height: 90px;
  overflow: hidden;
}
.news_pic ul li dl dd {
  margin-left:10px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  padding:1.5rem 0;
}

/*** 

====================================================================
	index seriver
====================================================================

***/
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
.sec-title {
  padding-bottom: 2.5rem;
}
.sec-title h2{
  font-size: 34px;
  position: relative;
  color: #1d1d1d;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 18px;
  padding-bottom:15px;
}

.sec-title .text{
  position: relative;
  color: #1d1d1d;
  font-weight: 300;
  line-height: 1.9em;
  font-size:14px;
}

.sec-title.centered{
  text-align: center;
}

.index_service_area{
  position:relative;
  padding:57px 0px 50px;
  background-color:#f0f2f5;
}

.index_service_area.style-two{
  background:none;
  padding-bottom:90px;
}

.index_service_area.style-two .security-block .inner-box{
  background-color:#f0f2f5;
}

.index_service_area .pattern-layer{
  position:absolute;
  left:0px;
  bottom:0px;
  width:100%;
  height:915px;
  background-repeat:repeat-x;
  background-position:left bottom;
  animation: 10s linear 0s infinite normal none running slide;
}

@keyframes slide{
  from { background-position: 0 0; }
  to { background-position: 200px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
  to { background-position: 200px 0; }
}

.security-block{
  position:relative;
  margin-bottom:30px;
}

.security-block .inner-box{
  position:relative;
  background-color:#ffffff;
}

.security-block .inner-box .image{
  position:relative;
  overflow:hidden;
}

.security-block .inner-box .image:before{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(124,180,52,.6);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.security-block .inner-box:hover .image:before{
  -webkit-animation: circle .75s;
  animation: circle .75s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.security-block .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
  transition:all 900ms ease;
  -moz-transition:all 900ms ease;
  -webkit-transition:all 900ms ease;
  -ms-transition:all 900ms ease;
  -o-transition:all 900ms ease;
}

.security-block .inner-box:hover .image img{
  transform:scale(1.05,1.05);
}

.security-block .inner-box .lower-content{
  position:relative;
  padding:15px 20px 40px;
  min-height: 170px;
  overflow: hidden;
}

.security-block .inner-box .lower-content .hover-bg-color{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
}

.security-block .inner-box .lower-content .hover-bg-color:before{
  position:absolute;
  content:'';
  left:0%;
  width:0%;
  top:0px;
  height:50%;
  background-color: #106fc7;
  transition:all 900ms ease;
  -moz-transition:all 900ms ease;
  -webkit-transition:all 900ms ease;
  -ms-transition:all 900ms ease;
  -o-transition:all 900ms ease;
}

.security-block .inner-box .lower-content .hover-bg-color:after{
  position:absolute;
  content:'';
  right:0%;
  bottom:0px;
  width:0%;
  height:50%;
  background-color: #106fc7;
  transition:all 900ms ease;
  -moz-transition:all 900ms ease;
  -webkit-transition:all 900ms ease;
  -ms-transition:all 900ms ease;
  -o-transition:all 900ms ease;
}

.security-block .inner-box:hover .lower-content .hover-bg-color:before,
.security-block .inner-box:hover .lower-content .hover-bg-color:after{
  width:100%;
}

.security-block .inner-box .lower-content .upper-box{
  position:relative;
}

.security-block .inner-box .lower-content .upper-box .icon{
  position:absolute;
  left:0px;
  top:0px;
  color:#7cb434;
  font-size:30px;
  line-height:1em;
  transition:all 900ms ease;
  -moz-transition:all 900ms ease;
  -webkit-transition:all 900ms ease;
  -ms-transition:all 900ms ease;
  -o-transition:all 900ms ease;
}

.security-block .inner-box .lower-content .upper-box h5{
  position:relative;
  font-weight:bold;
  font-size: 22px;
  line-height:1.3em;
}

.security-block .inner-box .lower-content .upper-box h5 a{
  position:relative;
  color:#1d1d1d;
  transition:all 900ms ease;
  -moz-transition:all 900ms ease;
  -webkit-transition:all 900ms ease;
  -ms-transition:all 900ms ease;
  -o-transition:all 900ms ease;
}

.security-block .inner-box .lower-content .text{
  position:relative;
  color:#555555;
  font-size:14px;
  line-height:1.5em;
  margin-top:25px;
  font-weight:300;
  transition:all 900ms ease;
  -moz-transition:all 900ms ease;
  -webkit-transition:all 900ms ease;
  -ms-transition:all 900ms ease;
  -o-transition:all 900ms ease;
}

.security-block .inner-box:hover .lower-content .text,
.security-block .inner-box:hover .lower-content .upper-box h5 a,
.security-block .inner-box:hover .lower-content .upper-box .icon{
  color:#ffffff;
}

/*===============advantage==========================================*/
.index_advantage_area{
  position:relative;
  padding:45px 0px 75px;
}
.index_advantage_area .sec-title {
  margin-bottom: 120px;
}
.index_advantage_area .sec-title h2 {
  color: #fff;
}
.index_advantage_area .text {
  color: #fff;
}
.adv_block {
  position: relative;
}
.adv_block .inner-box {
  position: relative;
  background: rgba(246,246,246,0.3);
  margin-bottom: 100px;
}
.adv_block .inner-box .image {
  width: 156px;
  height: 78px;

}
.adv_block .inner-box .image a {
  width: 156px;
  height: 156px;
  line-height: 156px;
  text-align: center;
  position: absolute;
  left: 50%;
  z-index: 10;
  margin-left:-70px;
  top:-78px;
  display: inline-block;
  transform: translate(-50%, -50%);
  box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 0px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  animation: 2s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulse;
}
.adv_block .inner-box .image img {
  width: 140px;
  height: 140px;
  position: relative;
  z-index: 5;
}
.adv_block .inner-box .image a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.42;
  transform: scale(1.3);
  box-shadow: rgba(255, 255, 255, 0.7) 0px 0px 0px 0px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  animation: 1.75s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulse;
}
.adv_block .lower-content {
  padding:30px;
  text-align: center;
}
.adv_block .upper-box h3 a {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-bottom: 35px;
}
.adv_block .text {
  line-height: 2;
}


/*=========================================================*/
/*=========================================================*/
/*===============index_case_textarea========================*/

.index_case_area {
  padding:60px 0 90px;
}
.scroll-outer{height:238px;}
#scroll{/*width:1200px;*/margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:290px;height:238px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:290px;height:238px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{
  position:absolute;
  left:0;
  bottom:0;
  width:290px;height:52px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#f0f0f0\9;background-color:rgba(228, 233, 238, 0.95);}
#scroll h3{width:290px;height:52px;padding:10px 0;text-align:center;font:700 16px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:#000;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


/***

====================================================================
	nei menu
====================================================================

***/
.nei_menu_area {
  height: 70px;
  line-height: 70px;
  background: #f8f8f8;
  -moz-box-shadow:0 10px 30px rgba(0,0,0,0.1);
  -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
  position: relative;
}
.nei_menu_area ul li {
  display: inline-block;
}
.nei_menu_area ul li a {
  font-size: 18px;
  color: #1d1d1d;
  text-align: center;
  width: 100%;
  display: block;
}
.nei_menu_area ul li a.active,.nei_menu_area ul li a:hover {
  background: #106fc7;
  color: #fff;
}
/***

====================================================================
	nei content
====================================================================

***/
.nei_content_area {
  background: #fff;
  padding-top:50px;
  padding-bottom: 50px;
}
.nei_content_area h1 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 30px;
}
.nei_content_area .nei_content p {
  line-height: 2;
}
/***

====================================================================
	企业荣誉
====================================================================

***/
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780'); /* IE9 */
  src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQ0AAsAAAAACMAAAAPmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqETIQbATYCJAMUCwwABCAFhG0HWRu4B8gehXEsLBShUansf34QD19r6Pu7exdglJGA46Oo44HAAilVYVtjO/UEwuX/dOp3TiETj7eViAQFMpxsGSJXOhdQLpCnEsEaAJyKOOa5yu3/71A1c1peaH6LxeUu+7LmpIQGYCgdQLXa3lgqWQtSUe8yNhm+gkz1HR8TaDauL93+9Lks5CnIVYG4LIV8kBf5lQ5paHTVlQeLeA/ZGtOLrAoA7/Tvxy8YHHkkVUZuPDg7LQgTv+o+9ENaRoOVkgLGw0UxeoyMVaAQN6vxy5Ctr0KaF6cztoFmjZJ0qOOyP/T+0C+TwVtuyNlM/+GRFSERNWJvxcztRuGrjmvJfM021By9wSvA0Q8aEl7XgzSjDR9A9AMRjLooq2Sp22szIuUggx41cA42cVLNnHTjDdzao9qxtEc4kXLzxw/6qIszyuoxg+nMwY2I1knSQFIbn+xr+sA3fxQa33MN7zYzwhoc3tz0IWhJHzt1VG9+efzMCYE9qkjqQJX0MY3lOIrwAa0pwMck7Gk6mpuFpqaNjPAGh9mGhhXGo8qPH3Sy0WPpO2fgNZ3IXrLCBtZrHDt6nQbC9klVPTnxIUMKufWH0xtAeFjJWd/YuPZ21s6KF3O2N1bu1avuxtf213ndDi08MDocHn3gIkMKufWL00nI7GjJxji7hXoxFhY/YTpSXcTkNRawFg0xWJpTvrzunf9a91bfW48nv9yvqyO2Cqs47BCtldaWN0MqbwhvqLABnpnwgvmbecm8apCVPWf+RRHCJxnUARdRYzO6jC6h2EV0YSG5hC7fNuKYrNKN7owndPnKBvdG8TIXuO+pVH74w/MTJrybgCd0TbgwgJ4OSwFOW9EN1ENf3oCeoIkA5E+6R3+Ov/F/+pzCNZax/xsNBXwunzYY5k41BvJzgG/YYWPjX8G44UpZmkmgKvNFbpgnK+tvoj0tdprxB0h36zqMs2/jYUKjPg9JgzHIGs1SC3MVKi3WoNZoC5qtmPF4ix4KJEoTlu1BEDo9gKTdR8g6VVILsxMq/b5DrTMQNDsMxwtbzIekn6IQHyVB7N+EpYBcILIQ1ZvRxSSUjPmU0KwVPFFUqYQH9R+YtmaQAqIc4hZ1fWgwpSIWFTmOp6PPkVhMxglFjpAA7R+mNDF6wACx9k39A3Ic9PYoCB+KCML8NsEkAbICotxO6bOfX4wISYrxUTqWLnR5hEIlHR0bpL+BG1Bn2As2WnopX1GtFzIYRYkwkUIWh01HUSJG6zIsUT8vggig+gvvUE0YbQDeJG5q7396Z/w9PgTNyMuqSJGjRBW15ouSr4DKyU3MaXDVfpuTsp6bQmeu9gEAAAA=') format('woff2'),
  url('//at.alicdn.com/t/font_1457575_wc4kbab342e.woff?t=1571103794780') format('woff'),
  url('//at.alicdn.com/t/font_1457575_wc4kbab342e.ttf?t=1571103794780') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('//at.alicdn.com/t/font_1457575_wc4kbab342e.svg?t=1571103794780#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jiantouyou:before {
  content: "\e62a";
}

.icon-jiantou-zuo:before {
  content: "\e62d";
}

.icon-zuojiantou:before {
  content: "\e601";
}

.icon-jiantou:before {
  content: "\e605";
}




.button {
  position: absolute;
  cursor: pointer;
  top: 42%;
  font-size: 40px;
  color: #333;

}
.prev {
  left: -20px;
}
.next {
  right: -20px;
  transform: rotate(-180deg);
}
.years {
  width: 900px;
  margin: 0 auto;
  height: 200px;
  position: relative;
  padding: 50px;
}
.slide_wrap  {
  overflow: hidden;
  position: relative;
}
.slide_wrap ul {
  position: relative;
  left: 0px;
}
.slide_wrap::after {
  width: 100%;
  height: 1px ;
  background-color: #999;
  content: '';
  position: absolute;
  top: 65px;
  left: 0px;
}
.slide_items li{
  float: left;
  font-size: 20px;
  width: 200px;
  text-align: center;
}
.slide_items li a {
  display: block;
}
.slide_items li.on {
  color: yellow;
  border-radius: 30px;
}
.slide_items li span {
  color: #333333;
  font-size: 24px;
  display: block;
}
.slide_items li div {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #a2a2a2; ;
  border-radius: 13px;
  padding: 2px;
  box-sizing: border-box;
  margin-top: 22px;
}
.slide_items li i{
  display: block;
  width: 10px;
  height: 10px;
  background-color: #a2a2a2;
  border-radius: 5px;

}
.slide_items li.on div {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #d3d3d3;
  border-radius: 13px;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 16px;
}

.slide-content {
  margin-top: 100px;
}
.slide-content img{
  width: 100%;
}
.slide-content ul {
  display: none;
}
.slide-content ul.on {
  display: block;
}
.slide-content {
  width: 1200px;
  margin:0 auto;
}
/*.slide-content ul li {
  width: 30%;
  float: left;
  margin-right: 3%;
  margin-bottom: 20px;
  min-height: 200px;
}*/
.fs_gallery {
  background: rgba(0,0,0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.fs_gallery_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 25px;
  color: #ccc;
  font-size: 34px;
  line-height: 23px;
  text-align: center;
  cursor: pointer;
  z-index: 102;
}
.fs_gallery_close:before {
  content: "×";
}
.fs_gallery_close:hover {
  color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
  position: absolute;
  width: 80px;
  color: #ccc;
  font-size: 30px;
  cursor: pointer;
  z-index: 101;
}
.fs_gallery_prev:hover, .fs_gallery_next:hover {
  background: rgba(0,0,0, 0.1);
  color: #fff;
}
.fs_gallery_prev {
  left: 0;
  top: 0;
  bottom: 0;
}
.fs_gallery_next {
  right: 0;
  top: 0;
  bottom: 0;
}
.fs_gallery_prev:before {
  content: "‹";
  position: absolute;
  height: 30px;
  margin-top: -30px;
  top: 50%;
  left: 35px;
}
.fs_gallery_next:before {
  content: "›";
  position: absolute;
  height: 30px;
  margin-top: -30px;
  top: 50%;
  left: 35px;
}

.fs_gallery_shuft {
  position: relative;
  width: 9999999px;
}
.fs_gallery_shuft:after {
  clear: both;
  content: "";
  display: block;
}
.fs_gallery_shuft_item {
  float: left;
  position: relative;
  background-image: url(data:image/gif;base64,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);
  background-position: center center;
  background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
  box-shadow: 0 0 8px rgba(0,0,0, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
}
/***

====================================================================
企业文化
====================================================================

***/
.divBox{width: 1200px;margin: 0 auto;max-width: 95%;}
.qywh1 li .divBox:after{
  content: '';
  display: block;
  clear: both;
}
.qywh1 li{padding: 60px 0;line-height: 290px;}
.qywh1 li figure, .qywh1 li div{ display: inline-block;vertical-align: middle;}
.qywh1 li figure img {border: none;vertical-align: middle;}
.qywh1 li:nth-child(1) figure{float: right;}
.qywh1 li {
  transition: all .4s ease-in-out 0s;
  -webkit-transition: all .4s ease-in-out 0s;
  -moz-transition: all .4s ease-in-out 0s;
  -ms-transition: all .4s ease-in-out 0s;
  -o-transition: all .4s ease-in-out 0s;
  display: list-item;
  text-align: -webkit-match-parent;
}
.qywh1 li div{width: 275px;margin-left: 160px;}
.qywh1 li i{display: block;width: 30px;height: 20px;text-align: center;line-height: 20px;background: #203071;color: #fff;}
.qywh1 li h2{font-size: 24px;color: #444;line-height: 30px;margin: 10px 0;}
.qywh1 li p{line-height: 24px;font-size: 15px;color: #444;}
.qywh1 li .line{width: 55px;height: 2px;background: #203071;margin: 0 0 10px -30px;display: block;}
.qywh1 li:hover{background: #F7F9FB;}

/***

====================================================================
	华杰日常
====================================================================

***/

.card-fouth{padding:62px 0 88px;background:rgba(246,246,246,.31)}
.card-fouth .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333}
.card-fouth .desc.desc-list{font-size:0;color:#3a3a3a;font-weight:200;width:1000px;margin:0 auto;margin-bottom:45px;white-space:nowrap;overflow:hidden;text-align:center}
/*顶部分类*/
.nei_menu_area ul li.active a {background:#106fc7;color:#fff;}
.card-fouth .industry{font-size:20px;color:#999;padding:15px 0;display:inline-block;border-bottom:1px solid hsla(0,0%,85%,.4);width:120px}
.card-fouth .industry.first{padding-left:0}
.card-fouth .industry.last{padding-right:0}
.card-fouth .industry.active{padding-bottom:14px}
.card-fouth .industry span{font-family:PingFang SC;font-weight:400}
.card-fouth .industry.active span{font-size:28px;font-weight:700;color:#2267fa;border-bottom:5px solid #2267fa;padding-bottom:5px;font-weight:500}

/*内容*/
.card-fouth .case-container{position:relative;width:1200px;margin:0 auto;min-height:480px}
.card-fouth .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;}
.card-fouth .case-panel.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.card-fouth .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200}
/***

====================================================================
	新闻列表
====================================================================

***/
/* 新闻列表样式 */
.newsList li {
  overflow: hidden;
  padding-right: 55px;
  margin-bottom: 20px;
  position: relative;
  display: flex;

  padding-bottom:50px;
  border-bottom: 1px dashed #dbdbdb;


}
.newsList li .newpic {
  float: left;
  width:30%;

}
.newsList li .cont {
  float: left;
  width: 70%;
  padding:10px 10px 0px 30px;
}


.newsList li .cont a {
  color: #171717;
}
.newsList li .cont h4, .newsList li .cont h3{
  margin: 0;
  color: #171717;
  font-size: 2.0rem;
  font-weight: bolder;
  margin-bottom:23px;
  padding-bottom:15px;
  border-bottom:1px dashed #e6e6e6
}

.newsList li .newsdate {

  /*background-color: #950202;*/
  /*padding:5px 0;*/
  text-align: center;
  margin-right: 25px;
  font-family: "Arial";
}
.newsList li .newsdate p.day {
  font-size:61px;
  color: #5c5c5c;
  border-bottom: 1px solid #a5a5a5;
  font-family: "Arial";
  margin-bottom: 5px;
}
.newsList li .newsdate p.year {
  font-size:16px;
  color: #929292;
  font-family: "Arial";
}
/* .newsList li:hover h3 {color: #db6d4c}  */
.newsList li .title {
  color: #9c9c9c;
  display: block;
  font-size: 2.4rem;
  line-height: 1.4em;
  margin-bottom: 12px;
}
.newsList li .info {
  color: #484848;
  margin: 15px 0 30px;
  background: none;


}
.newsList li .intro {
  font-size: 14px;
  line-height:20px;

}
.newsList li .info a ,.newsList li .tag{
  color: #08080a;
}
.newsList li .tag a { color: #08080a ; margin: 0 8px 10px 0; }
.newsList li .newsmore a {
  color: #08080a;}

.son_pic {
  padding:0;
}
.son_con {
  padding:35px 60px 70px 45px;
  background-color: #f5f5f5;
}

h2.son_tit {
  font-size: 18px;
  color: #222222;
  margin-bottom: 20px;
  font-weight: bold;
}
h2.son_tit:before {
  content: '';
  width: 4px;
  height: 45px;
  background: #e60012;
  display: block;
  position: absolute;
  left:0;
  top: 28px;
}
.newstime {
  color: #171717;
  margin-bottom: 28px;
  font-size:14px;
}

h2.son_tit span {
  font-size: 18px;
  margin-left: 15px;
}
.son_main {
  font-size: 14px;
  color: #828282;
}
/***

====================================================================
	新闻详情
====================================================================

***/
.pageNews {
  padding-top: 30px
}

.newsDetailed {
  border-bottom: 1px solid #dee1e2;
  padding: 5px 0 50px;
  text-align: center;
  color: #3d3d3d;
}

.newsDetailed h3 {
  font-size: 25px;
  line-height: 30px;
  color: #333;
}

.newsDetailed h4 {
  font-size: 14px;
  padding-top: 25px;
  color: #333;
}

.newsDetailed h4 span {
  padding: 0 15px;
}

.newsDetaitshow {
  padding: 30px 0px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
}

.newsDetaitshow {
  text-indent: 2em;
  color: #333;
}

.newsPage {
  margin: 0px auto 20px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 0px;
  overflow: hidden;
}

.newsPage dl {
  margin: 0px;
  padding: 0px;
}

.newsPage dl dt {
  float: left;
  font-size: 14px;

  line-height: 26px;
}

.newsPage dl dt a {
  color: #333;
}

.newsPage dl dt a:hover {
  color: #7ab3db;
}

.newsPage dl dd {
  float: right;
  padding-top: 5px;
}

.newsPage a.return {
  background: #9c9c9c;
  font-size: 16px;
  color: #FFF;
  display: inline-block;
  padding: 8px 30px;
}

.newsPage a.return:hover {
  background-color: #7ab3db;
}

#newscate .newsheader {
  background-color: #ececec;
  height: 80px;
  line-height: 80px;
  text-align: center;
}

#newscate .newsheader ul li {
  float: left;
  padding: 0 5px;
}

#newscate .newsheader ul li a {
  color: #000;
  display: inline-block;
  width: 100%;
}

#newscate .newsheader ul li a.active {
  background-color: #71ab58;
  color: #fff;
}

#newscate .newsheader ul li a:hover, #newscate .newsheader ul li a:focus {
  background-color: #71ab58;
  color: #fff;
}

/***

====================================================================
	业绩展示
====================================================================

***/
@media screen and (min-width: 1000px) {
  .canvas {
    width: 100%;
    position: fixed;
    height: 100%;
  }

  canvas {
    z-index: 1;
    position: fixed;
  }

  .case {
    position: relative;
    z-index: 5;
    width: 100%;
    margin-top: 10px;
  }
  .case ul {	list-style: none;margin: 0 auto;text-align: center; width:1840px; }
  .case ul li { width:430px; height:300px; display:block; float:left;  margin:15px; position:relative;}
  .case ul li img {width:430px; height:260px;	 transition: all 0.5s;
  }
  .case ul li:hover img {-webkit-transform:scale(1.1, 1.1); transform:scale(1.1,1.1);
    transition-delay: 0s;}

  .gridpic {height: 260px; width: 430px; position:relative;overflow:hidden;}
  .gridtit { padding-left:40px; text-align:left; line-height:40px; color:#333;}



  /*---------------*/
  /***** Bubba *****/
  /*---------------*/



  figure.effect-bubba {
    background: #000;

  }



  figure.effect-bubba img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;

  }

  figure.effect-bubba:hover img {
    opacity: 0.6;
  }


  figure.effect-bubba figcaption::before,
  figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
  }

  figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
  }

  figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
  }





  figure.effect-bubba h2 {
    font-size:18px;
    position:absolute;
    /* top:0px; */
    left:0px;
    padding-top: 27%;
    padding-left:40px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,60px,0);
    transform: translate3d(0,60px,0);
    color:#fff;
    font-weight:inherit;
    font-family:inherit;
    text-shadow:black 0 3px 3px;

  }
  figure.effect-bubba:hover h2 {
    top:0px;
    text-shadow:none;

  }

  figure.effect-bubba p {
    position:absolute;
    top:60%;
    left:0px;
    padding: 10px 40px;
    opacity: 0;
    font-size:14px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    color:#fff;
    text-align:left;
  }



  figure.effect-bubba:hover figcaption::before,
  figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
  }

  figure.effect-bubba:hover h2,
  figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color:#fff;


  }


}
@media screen and (min-width: 1381px) and (max-width: 1840px) {
  .case ul {	list-style: none;margin: 0 auto;text-align: center; width:1380px; }

}
@media screen and (min-width: 1339px) and (max-width: 1380px) {
  .case { position:relative; z-index:5; width:100%;margin-top:10px; left:0px;  }

  .case ul {	list-style: none;margin: 0 auto;text-align: center; width:1338px; }
  .case ul li { width:430px; height:300px; display:block; float:left;  margin:8px; position:relative;  }
}
@media screen and (min-width: 1000px) and (max-width: 1338px) {
  .case { position:relative; z-index:5; width:100%;margin-top:10px; left:0px;  }

  .case ul {	list-style: none;margin: 0 auto;text-align: center; width:920px; }
  .case ul li { width:430px; height:300px; display:block; float:left;  margin:15px; position:relative;}
}

@media screen and (max-width: 1100px) {
  .casecontent { width:100%; margin:0 auto; position:relative;}
  .casecontent img {width:100%;}
}
@media screen and (max-width: 1000px) {
  .hblogo img {
    height: 35px;
  }

  .biaoqian {
    display: none;
  }

  .case {
    position: relative;
    z-index: 5;
    width: 100%;
    margin-top: 70px;
    left: 0px;
  }

  .case ul {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }

  .case ul li {
    width: 47%;
    display: block;
    float: left;
    position: relative;
    margin-left: 2%;
    margin-top: 2%;
  }

  .case ul li img {
    width: 100%;
  }

  .sidebar {
    display: none;
  }

  figure.effect-bubba h2 {
    position: absolute;
    bottom: 15px;
    left: 0px;
    font-size: 12px;
    padding-left: 10px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    color: #fff;
    font-weight: inherit;
    font-family: inherit;
    text-shadow: black 0 3px 3px;

  }

  figcaption p {
    display: none;
  }
}
  /***

====================================================================
	download
====================================================================

***/

  .tz_news .tz_list {
    width: 100%;
    float: right;
  }

  .tz_news .tz_list li {
    line-height: 60px;
    list-style: none;
    padding-right: 100px;
    position: relative;
    padding-left: 14px;
    font-size: 14px;
  }

  .tz_news .tz_list li:nth-of-type(even) {
    background-color: #F3F7FA;
  }

  .tz_news .tz_list li span.ri120 {
    right: 120px;
  }

  .tz_news .tz_list li span.ri120 a {
    text-decoration: underline;
  }

  .tz_news .tz_list li span {
    display: block;
    right: 15px;
    top: 0;
    position: absolute;
    font-family: Arial;
    color: #999;
  }

  .tz_news .tz_list li a.ttit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  .tz_news .tz_list li a:hover {
    color: #106fc7;
  }
.pbd-50 {
  padding-bottom: 50px;
}
/***

====================================================================
  job
====================================================================

***/
.talent-recruitment {
  position: relative;
  z-index: 22;
  padding-bottom: 0.3rem; }
.talent-recruitment .talent-recruitment-list {
  width: 100%;
  box-sizing: border-box; }
.talent-recruitment .talent-recruitment-list .talent-title {
  background: #95a08a;
  color: #fff; }
.talent-recruitment .talent-recruitment-list .talent-title .icon-rotate span {
  transform: rotate(180deg); }
.talent-recruitment .talent-recruitment-list > li:first-child {
  margin-top: 0; }
.talent-recruitment .talent-recruitment-list > li:first-child .nr {
  display: block; }
.talent-recruitment .talent-recruitment-list > li {
  border: 1px solid #d7d7d7;
  background: #fff;
  margin-top: 16px;
  color: #444;
  opacity: 1;
  transform: translateY(50px);
  transition: all .6s .6s ease-in; }
.talent-recruitment .talent-recruitment-list > li.anim {
  opacity: 1;
  transform: translateY(0); }
.talent-recruitment .talent-recruitment-list > li .talent-title {
  position: relative;
  width: 100%;
  height: 53px;
  line-height: 16px;
  font-size: 0;
  cursor: pointer; }
.talent-recruitment .talent-recruitment-list > li .talent-title li {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  max-height: 48px;
  overflow: hidden;
  width: 155px;
  padding: 0 6px;
  box-sizing: border-box; }
.talent-recruitment .talent-recruitment-list > li .talent-title .name {
  width: 286px; }
.talent-recruitment .talent-recruitment-list > li .talent-title .number,
.talent-recruitment .talent-recruitment-list > li .talent-title .add {
  width: 200px; }
.talent-recruitment .talent-recruitment-list > li .talent-title .time {
  width: 240px; }
@media screen and (max-width: 1000px) {
  .talent-recruitment .talent-recruitment-list > li .talent-title li,
  .talent-recruitment .talent-recruitment-list > li .talent-title .name,
  .talent-recruitment .talent-recruitment-list > li .talent-title .number,
  .talent-recruitment .talent-recruitment-list > li .talent-title .add,
  .talent-recruitment .talent-recruitment-list > li .talent-title .time {
    width: 23%; } }
.talent-recruitment .talent-recruitment-list > li .talent-title .icon-rotate {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 72px;
  transform: translate(0, 0%);
  line-height: 53px; }
.talent-recruitment .talent-recruitment-list > li .talent-title .icon-rotate span {
  transition: all .4s ease;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: url(../img/icon10.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
@media screen and (max-width: 800px) {
  .talent-recruitment .talent-recruitment-list > li .talent-title {
    padding-right: 0.3rem;
    box-sizing: border-box; }
  .talent-recruitment .talent-recruitment-list > li .talent-title .dn1150,
  .talent-recruitment .talent-recruitment-list > li .talent-title .department,
  .talent-recruitment .talent-recruitment-list > li .talent-title .number,
  .talent-recruitment .talent-recruitment-list > li .talent-title .add,
  .talent-recruitment .talent-recruitment-list > li .talent-title .time {
    display: none; }
  .talent-recruitment .talent-recruitment-list > li .talent-title .name {
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    text-align: left;
    padding: 0 0.1rem; }
  .talent-recruitment .talent-recruitment-list > li .talent-title .icon-rotate {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.3rem;
    height: 100%;
    max-height: none; }
  .talent-recruitment .talent-recruitment-list > li .talent-title .icon-rotate span {
    width: 0.2rem;
    height: 0.2rem; } }
.talent-recruitment .talent-recruitment-list > li .nr {
  display: none;
  border-top: 1px solid #d7d7d7;
  background: #fbfbfb;
  padding: 80px 0 84px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.talent-recruitment .talent-recruitment-list > li .nr > div {
  font-size: 0;
  position: relative;
  padding: 0 100px; }
.talent-recruitment .talent-recruitment-list > li .nr > div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  border-right: 1px dashed #dfdfdf; }
.talent-recruitment .talent-recruitment-list > li .nr > div .mailbox {
  position: absolute;
  left: 100px;
  bottom: -60px; }
.talent-recruitment .talent-recruitment-list > li .nr > div .mailbox a {
  font-size: 13px;
  color: #333;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  padding: 0 35px;
  border: 1px solid #020202;
  position: relative;
  transition: all .3s ease; }
.talent-recruitment .talent-recruitment-list > li .nr > div .mailbox a:hover {
  background: #5b5b5b;
  border-color: #5b5b5b;
  color: #fff; }
.talent-recruitment .talent-recruitment-list > li .nr > div h1 {
  font-size: 24px;
  color: #444;
  line-height: 28px;
  margin-bottom: 18px; }
.talent-recruitment .talent-recruitment-list > li .nr > div .p {
  font-size: 14px;
  color: #555;
  line-height: 30px; }
.talent-recruitment .talent-recruitment-list > li .nr .left {
  display: inline-block;
  vertical-align: top;
  width: 47.08333%;
  box-sizing: border-box;
  padding-right: 52px; }
.talent-recruitment .talent-recruitment-list > li .nr .right {
  display: inline-block;
  vertical-align: top;
  width: 52%;
  box-sizing: border-box;
  padding-left: 100px; }

.talent-recruitment .talent-recruitment-list .talent-mobile-title {
  display: none;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  margin-bottom: 0.1rem;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 0.1rem; }

.mgb-50 {
  margin-bottom:50px;
}


/*====================================================*/
/*====================================================*/
.search_boxs {
  z-index: 20000;
  position: fixed;
  top: -105%;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.search_boxs:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(27, 29, 34, 0.95);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0.04), translateY(9999px);
  -ms-transform: scale(0.04), translateY(9999px);
  transform: scale(0.04), translateY(9999px);
  overflow: hidden;
}

.search_boxs .close_icon {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  opacity: 0;
}

.search_boxs .input-group {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 800px;
  width: 20%;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  -o-transition: all 900ms linear;
  transition: all 900ms linear;
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.search_boxs .input-group input {
  border: none;
  height: 55px;
  padding: 0px 15px;
  font-size: 16px;
  padding-left: 0px;
  width: 100%;
  color: #fff;
  background: transparent;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 0px;
  outline: none;
}

.search_boxs .input-group input.placeholder {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.search_boxs .input-group input:-moz-placeholder {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.search_boxs .input-group input::-moz-placeholder {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.search_boxs .input-group input::-webkit-input-placeholder {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.search_boxs .input-group .input-group-append {
  margin-left: 0px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 4;
}

.search_boxs .input-group .input-group-append button {
  border: none;
  background: transparent;
  border-radius: 0px;
  height: 55px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  padding: 0px;
  font-family: "Barlow Condensed", sans-serif;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

.search_boxs .input-group .input-group-append button i {
  cursor: pointer;
}

input[type="text"] {
  -webkit-appearance: none;
  outline: none;
}

.open .search_boxs {
  top: 0px;
}

.open .search_boxs:before {
  -webkit-animation: menu-animation 0.8s ease-out forwards;
  animation: menu-animation 0.8s ease-out forwards;
  height: 100%;
}

.open .search_boxs .close_icon {
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
  opacity: 1;
}

.open .search_boxs .input-group {
  width: 100%;
  opacity: 1;
}
/* Css keyframes css
============================================================================================ */
@-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.02) translateY(0px);
    transform: scale(0.02) translateY(0px);
  }
  61% {
    -webkit-transform: scale(0.04);
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@keyframes menu-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.02) translateY(0px);
    transform: scale(0.02) translateY(0px);
  }
  61% {
    -webkit-transform: scale(0.04);
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

/* End Css keyframes css
============================================================================================ */
/*====================================================*/
/*====================================================*/