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

*{ box-sizing:border-box!important;}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #85919d;
  height: 100%;
  position: relative;
  font-family: '微软雅黑' !important;
}
@font-face{
            font-family:myFont;
            src: url('../fonts/Oswald-Light.eot');
     		src:url('../fonts/Oswald-Light.woff') format('woff'),
			 url('../fonts/Oswald-Light.ttf') format('truetype'),
			 url('../fonts/Oswald-Light.svg') format('svg');
        }
body.fh5co-overflow {
  overflow-x: auto;
}

a {
  color: #8dc63f;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #8dc63f;
  outline: none;
  text-decoration: none;
}

p, figure {
  margin-bottom: 1.5em;font-family:"微软雅黑";
}

h1, h2, h3, h4, h5, h6 {
  color: #484c50;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 30px 0;font-family:"微软雅黑";
}
.ny_text{ top:40%!important}
::-webkit-selection {
  color: #818892;
  background: #f9f6f0;
}

::-moz-selection {
  color: #818892;
  background: #f9f6f0;
}

::selection {
  color: #818892;
  background: #f9f6f0;
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn.btn-md {
  padding: 10px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #8dc63f;
  color: #fff;
  border: 2px solid #8dc63f;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #99cc53 !important;
  border-color: #99cc53 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #8dc63f;
  border: 2px solid #8dc63f;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #8dc63f;
  color: #fff;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #8dc63f;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body {
    /* background:url(../images/white_wave_@2X.png) repeat; */
  }
}

.boxed #fh5co-page {
  max-width: 1340px;
  max-width: 1140px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
  .boxed #fh5co-page {
    max-width: 1060px;
    max-width: 960px;
  }
}
.boxed #fh5co-page .container {
  max-width: 1140px;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .boxed #fh5co-page .container {
    max-width: 960px;
    max-width: 780px;
  }
}

#fh5co-header {
  position:fixed;
  width: 100%;
  left: 0;
  padding: 0px;
  z-index: 9999;
  height:98px;
}
#fh5co-header h1 img{ height:50px;}
@media screen and (max-width: 768px) {
  #fh5co-header {
    padding: 30px 0;
  }
  #fh5co-header h1{ margin:0;}
  #fh5co-header nav .head-nav, #fh5co-header nav .nav_r,.en{display: none;}
 
}


#fh5co-header #fh5co-logo {
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: -12px;
  z-index: 1;
}
#fh5co-header #fh5co-logo a {
  font-size: 30px;
  font-weight: 500;
  color: white;
}
#fh5co-header #fh5co-logo a span {
  color: #8dc63f;
}
#fh5co-header nav {
  position: absolute;top:0; left:50%; z-index:9999; display:flex; width:67%; margin-left:-34%; height:98px; flex-direction:row; align-items:center;justify-content:space-between;
}
#fh5co-header nav .logo{ float: left;width: 240px;height: 70px;padding-top:5px; }
#fh5co-header nav .logo a img{ width:240px!important;}
.logo_b{ display:none;}
#fh5co-header nav .head-nav{ float: left;height: 80px;padding-top:18px;}
#fh5co-header nav .head-nav li{ position:relative; width:auto;float: left;}
#fh5co-header nav .head-nav li>a{ display:block; width: 110px;
    text-align: center; color:#fff; height:60px;
    line-height: 50px;
    font-size: 16px!important; font-family:"微软雅黑"!important; font-weight:500;text-shadow: 1px 1px 0 rgba(0,0,0,.7);}
#fh5co-header nav .head-nav li:nth-child(2) a{ background:none;}
#fh5co-header:hover,#fh5co-header.on{ background:#fff;}
#fh5co-header:hover nav .head-nav li>a,#fh5co-header.on nav .head-nav li>a{text-shadow:none;}
#fh5co-header:hover .logo_b,#fh5co-header.on .logo_b{ display:block;}
#fh5co-header:hover .logo_w,#fh5co-header.on .logo_w{ display:none;}
#fh5co-header .nav_r .en{ color:#fff;text-shadow: 1px 1px 0 rgba(0,0,0,.7);}
#fh5co-header nav .head-nav li a:hover{ color:#006BB5;text-shadow:none;}
.nav_box{ position:absolute; top:50px; left:0; background:#fff; display:flex;flex-direction:column;justify-content:center; border-radius:5px;    box-shadow: 0 0 50px rgba(4, 0, 0, 0.15); align-items:center;  padding:25px 0 0; z-index: 999;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transform: translateY(20px);visibility: hidden;}
.nav_box::after{
	    content: "";
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    background: #fff;
    -webkit-box-shadow: -3px -3px 6px rgba(4, 0, 0, 0.01);
    box-shadow: -3px -3px 6px rgba(4, 0, 0, 0.01);
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -20px;
    -webkit-transform: rotate(45deg) translate(50%, 50%);
    transform: rotate(45deg) translate(50%, 50%);
}
.nav_box dl{ display:flex;flex-direction:column;justify-content:center; text-align:center; align-items:center;}
.nav_box dl dt a{ font-size:14px; display:block;width:120px; text-align:left; padding:0 10px;background:none;font-weight: normal !important; text-align:center; color:#000!important; transition:0.3s;}
.nav_box dl dt a:hover,.nav_box dl dd a:hover{ color:#006BB5!important;background:none !important;font-weight: normal !important;}
.nav_box dl dd{ margin-top:20px;}
.nav_box dl dd:nth-child(1){ margin-top:30px;}
.nav_box dl dd a{ color:#898989; font-size:12px; text-align:left;padding-left:10px}
.nav_box_dl{ flex-direction:row;    align-items: flex-start; text-align:left; left:-50%;}
.nav_box_dl dt{color:#808080!important; font-size:12px!important; padding:0 30px 15px!important; text-align:center!important; width:280px; font-weight:500;}
.nav_box_dl dt a{width: auto!important;} 
.nav_box_dl i{ display:block; width:50%; height:1px; background:#006BB5; margin:0 auto;}
.nav_box_dl dd a{ font-size:14px!important; display:block; text-align:left; padding:0 10px;background:none;font-weight: normal !important; text-align:center; color:#000!important; transition:0.3s;}
.nav_box dl a.on{ color:#006BB5!important}

#fh5co-header nav .head-nav li:hover>.nav_box {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}


#fh5co-header nav .nav_r{display:flex;flex-direction:row; align-items:center;padding-top:10px;}
#fh5co-header nav .nav_r dt{padding-top:20px;}
#fh5co-header nav .nav_r dt img{ cursor:pointer; height:15px; padding:0 14px;}
#fh5co-header.on nav .nav_r dt img:nth-child(1){ display:none;}
#fh5co-header.on nav .nav_r dt img:nth-child(2){ display:block;}
#fh5co-header nav .nav_r dt img:nth-child(2){ display:none;}
#fh5co-header:hover nav .nav_r dt img:nth-child(2){ display:block;}
#fh5co-header:hover nav .nav_r dt img:nth-child(1){ display:none;}
#fh5co-header nav .nav_r dd{ background:#fff; padding:5px; display:flex;flex-direction:column; align-items:center;justify-content:center; position:absolute; top:90px; opacity:0; transition:0.3s;}
#fh5co-header nav .nav_r dt:hover dd{ position:absolute; top:90px!important; display:flex!important;}
.dd{ position:absolute; top:90px!important; display:flex!important;}
#fh5co-header nav .nav_r dd span{ color:#666; font-size:12px;}
#fh5co-header nav .nav_r dd img{ width:108px; height:108px;}
#fh5co-header nav .nav_r .en{ margin-left:10px;font-size: 14px;}
#fh5co-header nav .nav_r .en span{ padding:0 10px;}
#fh5co-header:hover .head-nav li a{ color:#000}
#fh5co-header.on .head-nav li a{ color:#006BB5}
#fh5co-header.on .head-nav li a:hover{ color:#000}
#fh5co-header:hover .nav_r .en{ color:#006BB5;text-shadow:none;}
#fh5co-header.on .nav_r .en{ color:#385e83; font-weight:500; font-family:"微软雅黑"; text-shadow:none;}
.form_con{ width:1650px;}
#fh5co-hero {
  background-color: transparent;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}
.ny #fh5co-hero .font-title{
	font-size:40px!important;
	font-weight:500!important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.7);
	}
.ny #fh5co-hero .font-text{
	font-size:16px!important;
	font-weight:400!important;
	width:35%;
	text-align:justify;
	letter-spacing: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0,.7);
	}
.carousel-inner{
	width:100%;
	height:100%;
	}
.bs-slider .bs-slider-overlay{ background:none!important;}
@media screen and (max-width: 480px) {
  #fh5co-hero {
    height: 450px;
	top:0;
  }
  .fade .item{
	 height:100%; 
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	 height:100%;
	max-width: none;
}

}
#fh5co-hero .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2a2d36;
  opacity: .54;
  z-index: 9;
}
#fh5co-hero .fh5co-intro {
  display: table;
  width: 100%;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 480px) {
  #fh5co-hero .fh5co-intro {
    height: 450px;
  }
}
#fh5co-hero .fh5co-intro > div {
  vertical-align: middle;
  display: table-cell;
}
#fh5co-hero .fh5co-intro > div .fh5co-left-position {
  width: 67%;
  float: left;
}
@media screen and (max-width: 992px) {
  #fh5co-hero .fh5co-intro > div .fh5co-left-position {
    width: 100%;
  }
}
#fh5co-hero .fh5co-intro > div .fh5co-center-position {
  width: 67%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  #fh5co-hero .fh5co-intro > div .fh5co-center-position {
    width: 100%;
    text-align: center;
  }
}
#fh5co-hero .fh5co-intro > div .fh5co-right-position {
  width: 67%;
  float: right;
  text-align: right;
}
@media screen and (max-width: 992px) {
  #fh5co-hero .fh5co-intro > div .fh5co-right-position {
    width: 100%;
    text-align: left;
  }
}
#fh5co-hero .fh5co-intro > div h2 {
  font-size: 70px;
  line-height: 87px;
  font-weight: 100;
  color: white;
}
#fh5co-hero .no_file .fh5co-center-position h2{ font-size: 50px;}
@media screen and (max-width: 992px) {
  #fh5co-hero .item h1 {
    line-height: 57px;
    text-align: center;
  }
  #fh5co-hero .item span {
    font-size: 25px;
    text-align: center;
  }
   #fh5co-hero .item h2 {
    font-size: 20px;
    text-align: center;
  }
  #fh5co-hero .item h3 {
    font-size: 20px;
    text-align: center;
  }
  #fh5co-hero .item i {
    font-size: 15px;
    text-align: center;
  }
  
}
#fh5co-hero .fh5co-intro > div h3 {
  font-weight: 100;
  font-size: 30px;
  line-height: 45px;
  color: white;
}
@media screen and (max-width: 992px) {
  #fh5co-hero .fh5co-intro > div h3 {
    font-size: 24px;
    line-height: 37px;
    text-align: center;
  }
}
#fh5co-hero .btn-outline, #fh5co-hero .btn-primary {
  padding: 20px 30px !important;
  min-width: 200px;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  #fh5co-hero .btn-outline, #fh5co-hero .btn-primary {
    padding: 10px 30px !important;
    width: 100%;
  }
}
#fh5co-hero .btn-outline {
  border-color: rgba(255, 255, 255, 0.2);
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
}
#fh5co-hero .btn-outline:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
#fh5co-hero .fh5co-learn-more {
  position: absolute;
  bottom: 5px;
  left: 50%;
  z-index: 12;
  text-align: center;
}
#fh5co-hero .fh5co-learn-more a {
  display: block;
}
#fh5co-hero .fh5co-learn-more a .text {
  display: block;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #fh5co-hero .fh5co-learn-more a .text {
    display: none;
  }
}
#fh5co-hero .fh5co-learn-more a .arrow {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: #2772DB;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-hero .fh5co-learn-more a .arrow i {
  top: 10px;
  position: relative;
  color: #fff;
  vertical-align: middle;
}

.no-js-fullheight {
  height: 620px;
}
.no_file{ height:400px;}
@media screen and (max-width: 768px) {
  .no-js-fullheight {
    height: inherit;
    padding: 3em 0;
  }
}

.fh5co-lead {
  font-size: 50px;
  font-weight: 300;
  color: #484c50;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .fh5co-lead {
    font-size: 35px;
  }
}

.fh5co-sub-lead {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
}
@media screen and (max-width: 480px) {
  #fh5co-hero .item a{
    padding: 20px 30px !important;
    width: 100%;
	margin:20px 0;
  }
 
}
#fh5co-features,
#fh5co-features-2,
#fh5co-features-3,
#fh5co-features-4,
#fh5co-projects,
#fh5co-testimonials,
#fh5co-about,
#fh5co-subscribe,
#fh5co-info,
#fh5co-pricing,
#fh5co-faqs,
#fh5co-footer {
  background-color: #fff;
  clear: both
}
@media screen and (max-width: 768px) {
  #fh5co-features,
  #fh5co-features-2,
  #fh5co-features-3,
  #fh5co-features-4,
  #fh5co-projects,
  #fh5co-testimonials,
  #fh5co-about,
  #fh5co-subscribe,
  #fh5co-info,
  #fh5co-pricing,
  #fh5co-faqs,
  #fh5co-footer {
    padding: 3em 0;
  }
}


#fh5co-projects .fh5co-lead {
  font-size: 50px;
  font-weight: 300;
  color: #484c50;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #fh5co-projects .fh5co-lead {
    font-size: 35px;
  }
}
#fh5co-projects h2{
  font-size: 36px;color: #000;text-align: center;clear: both;
}
#fh5co-projects .pro_con{ width:100%;display:flex;align-items:center;justify-content:space-between; margin-top:30px;}
#fh5co-projects .pro_con li{ width:33%; overflow:hidden; height:auto;padding: 0;margin: 0;}
#fh5co-projects .pro_con li a img{ width:100%; transition:0.3s;padding: 0;margin: 0;}
#fh5co-projects .pro_con li a:hover img{ transform:scale(1.1,1.1)}
#fh5co-projects .fh5co-sub-lead {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
}
#fh5co-projects .fh5co-project-item {
  display: block;
  width: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
  z-index: 9;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-projects .fh5co-project-item img {
  z-index: 8;
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-projects .fh5co-project-item .fh5co-text {
  padding: 30px 10px 10px 20px;
  text-align: center;
}
#fh5co-projects .fh5co-project-item .fh5co-text h2, #fh5co-projects .fh5co-project-item .fh5co-text span {
  text-decoration: none !important;
}
#fh5co-projects .fh5co-project-item .fh5co-text h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  color: #484c50;
}
#fh5co-projects .fh5co-project-item .fh5co-text span {
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
}
#fh5co-projects .fh5co-project-item .fh5co-text p {
  color: #85919d;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-projects .fh5co-project-item:hover, #fh5co-projects .fh5co-project-item:focus {
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
#fh5co-projects .fh5co-project-item:hover img, #fh5co-projects .fh5co-project-item:focus img {
  opacity: .7;
}
#fh5co-projects .fh5co-project-item:hover h2, #fh5co-projects .fh5co-project-item:hover span, #fh5co-projects .fh5co-project-item:focus h2, #fh5co-projects .fh5co-project-item:focus span {
  text-decoration: none !important;
}
#fh5co-projects .fh5co-project-item:hover p, #fh5co-projects .fh5co-project-item:focus p {
  color: #484c50;
}

#fh5co-features .fh5co-devices {
  margin-bottom: 40px;
}
#fh5co-features .fh5co-devices img {
  margin: 0 auto;
}
#fh5co-features .fh5co-lead {
  font-size: 50px;
  font-weight: 300;
  color: #484c50;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #fh5co-features .fh5co-lead {
    font-size: 35px;
  }
}
#fh5co-features .fh5co-sub-lead {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
}
#fh5co-features .fh5co-feature {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #fh5co-features .fh5co-feature {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#fh5co-features .fh5co-feature .fh5co-icon {
  width: 200px;
  height: 112px;
  display: table;
  margin: 0 auto 30px auto;
  border:1px solid #f0f5fd;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
}
#fh5co-features .fh5co-feature .fh5co-icon img{ width:100%;}
#fh5co-features .fh5co-feature .fh5co-icon i {
  position: relative;
  top: -1px;
  display: table-cell;
  vertical-align: middle;
  font-size: 50px;
  color: #2772DB;
}
#fh5co-features .fh5co-feature h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

#fh5co-features-2, #fh5co-features-3, #fh5co-features-4 {
  background: #f9f9f9;
  overflow: hidden;
}
#fh5co-features-2 .fh5co-label, #fh5co-features-3 .fh5co-label, #fh5co-features-4 .fh5co-label {
  display: block;
}
#fh5co-features-2 .fh5co-lead, #fh5co-features-3 .fh5co-lead, #fh5co-features-4 .fh5co-lead {
  font-size: 50px;
  font-weight: 300;
  color: #484c50;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #fh5co-features-2 .fh5co-lead, #fh5co-features-3 .fh5co-lead, #fh5co-features-4 .fh5co-lead {
    font-size: 35px;
  }
}
#fh5co-features-2 .fh5co-feature, #fh5co-features-3 .fh5co-feature, #fh5co-features-4 .fh5co-feature {
  clear: both;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
#fh5co-features-2 .fh5co-feature .fh5co-icon, #fh5co-features-3 .fh5co-feature .fh5co-icon, #fh5co-features-4 .fh5co-feature .fh5co-icon {
  float: left;
  width: 10%;
}
#fh5co-features-2 .fh5co-feature .fh5co-icon i, #fh5co-features-3 .fh5co-feature .fh5co-icon i, #fh5co-features-4 .fh5co-feature .fh5co-icon i {
  font-size: 40px;
  color: #8dc63f;
}
@media screen and (max-width: 768px) {
  #fh5co-features-2 .fh5co-feature .fh5co-icon i, #fh5co-features-3 .fh5co-feature .fh5co-icon i, #fh5co-features-4 .fh5co-feature .fh5co-icon i {
    font-size: 30px;
  }
}
#fh5co-features-2 .fh5co-feature .fh5co-text, #fh5co-features-3 .fh5co-feature .fh5co-text, #fh5co-features-4 .fh5co-feature .fh5co-text {
  float: right;
  width: 85%;
}
#fh5co-features-2 .fh5co-feature h3, #fh5co-features-3 .fh5co-feature h3, #fh5co-features-4 .fh5co-feature h3 {
  font-size: 24px;
  color: #484c50;
  margin-bottom: 10px;
  font-weight: 300;
}
#fh5co-features-2 .fh5co-btn-action, #fh5co-features-3 .fh5co-btn-action, #fh5co-features-4 .fh5co-btn-action {
  width: 100%;
  float: left;
}
#fh5co-features-2 .fh5co-btn-action > a, #fh5co-features-3 .fh5co-btn-action > a, #fh5co-features-4 .fh5co-btn-action > a {
  margin-left: 15%;
}
@media screen and (max-width: 480px) {
  #fh5co-features-2 .fh5co-btn-action > a, #fh5co-features-3 .fh5co-btn-action > a, #fh5co-features-4 .fh5co-btn-action > a {
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  #fh5co-features-2 .fh5co-feature-image img, #fh5co-features-3 .fh5co-feature-image img, #fh5co-features-4 .fh5co-feature-image img {
    max-width: 100%;
  }
}

#fh5co-features-3 {
  background: #fff;
}

#fh5co-testimonials.boredr-top {
  border-top: 1px solid #f0f2f3;
}
#fh5co-testimonials .fh5co-lead {
  font-size: 50px;
  font-weight: 300;
  color: #484c50;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #fh5co-testimonials .fh5co-lead {
    font-size: 35px;
  }
}
#fh5co-testimonials .flexslider {
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
#fh5co-testimonials .slides {
  z-index: 99;
}
#fh5co-testimonials .slides li blockquote {
  border-left: none;
  padding-left: 0;
  font-size: 26px;
  line-height: 46px;
  margin-bottom: 0;
}
#fh5co-testimonials .slides li p cite {
  font-size: 16px;
}
#fh5co-testimonials .flexslider-controls {
  margin-left: -15px;
  z-index: 100;
  position: relative;
}
#fh5co-testimonials .flexslider-controls .flex-control-nav {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #fh5co-testimonials .flexslider-controls .flex-control-nav {
    padding-bottom: 30px;
  }
}
#fh5co-testimonials .flexslider-controls .flex-control-nav li {
  cursor: pointer;
}
#fh5co-testimonials .flexslider-controls .flex-control-nav li img {
  cursor: pointer;
  width: 50px;
  opacity: .3;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonials .flexslider-controls .flex-control-nav li.flex-active img {
  opacity: 1;
}
#fh5co-testimonials .flexslider-controls .flex-control-nav li:hover img {
  opacity: 1;
}
/*关于我们代码开始*/
#fh5co-about .about{ width:67%; margin:0 auto;padding-top: 30px;height:auto;}
#fh5co-about .about .ab_r{ width:50%;float: right;padding: 0;margin: 0;}
#fh5co-about .about .ab_r img{ width:100%;}
#fh5co-about .about .ab_l{ width:36%;float: left;margin: 0; text-align:justify;}
#fh5co-about .about h2{font-size: 36px;color: #000; margin-bottom:20px;}
#fh5co-about .about p{     font-size: 16px;
    line-height:2em;
    padding: 16px 0;
    color: #000;
    font-weight: 500;
    margin: 0; text-align:justify!important}
.more{width:205px; height:50px; border:1px solid #006BB5; color:#006BB5; display:flex;align-items:center;justify-content:center; font-size:14px; position:relative;}
.more span{ right:25px; position:absolute;}
.more:hover{ background:#006BB5; color:#fff;}
.ab_more:hover{ color:#fff!important; background:#006BB5!important; border-color:#006BB5!important}
/*关于我们代码结束*/
#fh5co-about .fh5co-social a {
  font-size: 35px !important;
  color: #b3b3b3 !important;
}
#fh5co-about .fh5co-social a:hover {
  color: #333333 !important;
}
#fh5co-about .fh5co-lead {
  font-size: 50px;
  font-weight: 300;
  color: #484c50;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #fh5co-about .fh5co-lead {
    font-size: 35px;
  }
}
#fh5co-about .fh5co-sub-lead {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
}
#fh5co-about .flexslider {
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

#fh5co-subscribe {
  background: #f9f9f9;
  padding: 3em 0;
}
#fh5co-subscribe h3 {
  float: left;
  width: 30%;
  top: 10px;
  font-size: 26px;
  margin-bottom: 0;
  position: relative;
}
#fh5co-subscribe h3 label {
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #fh5co-subscribe h3 {
    width: 100%;
    margin-bottom: 30px;
  }
}
#fh5co-subscribe form {
  width: 60%;
  float: right;
  position: relative;
}
@media screen and (max-width: 992px) {
  #fh5co-subscribe form {
    width: 100%;
  }
}
#fh5co-subscribe form .fh5co-icon {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 15px;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  #fh5co-subscribe form .fh5co-icon {
    position: absolute;
    top: 26px;
  }
}
#fh5co-subscribe form input[type="email"] {
  width: 100%;
  background: #ededed;
  border: none;
  padding-left: 50px;
  padding-right: 170px;
}
@media screen and (max-width: 480px) {
  #fh5co-subscribe form input[type="email"] {
    margin-bottom: 10px;
    padding-right: 50px;
  }
}
#fh5co-subscribe form input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -4px;
  height: 54px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 20px;
  font-weight: 300;
  width: 160px;
}
@media screen and (max-width: 480px) {
  #fh5co-subscribe form input[type="submit"] {
    position: relative;
    width: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

#fh5co-info {
  background: #8dc63f;
}
#fh5co-info .fh5co-label {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-info .fh5co-lead {
  color: white;
}
#fh5co-info p {
  color: white;
}

#fh5co-pricing {
  background: #f9f9f9;
}
#fh5co-pricing .price-box {
  background: #fff;
  border: 2px solid #ECEEF0;
  text-align: center;
  padding: 30px;
  margin-bottom: 40px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#fh5co-pricing .price-box.popular {
  border: 2px solid #8dc63f;
}
#fh5co-pricing .price-box.popular .popular-text {
  top: 0;
  left: 50%;
  margin-left: -54px;
  margin-top: -2em;
  position: absolute;
  padding: 4px 20px;
  background: #8dc63f;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#fh5co-pricing .price-box.popular .popular-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid black;
  border-top-color: #8dc63f;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#fh5co-pricing .pricing-plan {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}
#fh5co-pricing .price {
  font-size: 50px;
  color: #000;
}
#fh5co-pricing .price .currency {
  font-size: 20px;
  top: -1.2em;
}
#fh5co-pricing .price small {
  font-size: 16px;
}
#fh5co-pricing .pricing-info {
  padding: 0;
  margin: 0 0 30px 0;
}
#fh5co-pricing .pricing-info li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

#fh5co-faqs .fh5co-faq-list {
  margin: 0;
  padding: 0;
}
#fh5co-faqs .fh5co-faq-list li {
  margin: 0 0 40px 0;
  padding: 0;
  line-height: 24px;
  list-style: none;
}
@media screen and (max-width: 768px) {
  #fh5co-faqs .fh5co-faq-list li {
    margin: 0 0 20px 0;
  }
}
#fh5co-faqs .fh5co-faq-list li h2 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  #fh5co-faqs .fh5co-faq-list li h2 {
    font-size: 26px;
  }
}

#fh5co-footer {
  padding-bottom: 0;
}
#fh5co-footer a {
  color: #6a7885;
}
#fh5co-footer a:hover {
	color:#fff;
}
@media screen and (max-width: 992px) {
  #fh5co-footer .fh5co-footer-widget {
    margin-bottom: 30px;
    float: left;
    width: 100%;
  }
}
/*底部代码开始*/
.footer .contain{display:flex;flex-direction: column;align-items: center;justify-content:center; padding-top:20px;background: #2d3845; }
.ft_top,.copy{ width:1200px;display:flex;justify-content:space-between;flex-direction: row}
#navBar span{    color: #949494;
    font-size: 14px;
    line-height: 1.5em;
    height: 35px;
    display: block; margin-top:10px;}
#navBar:hover span{ color:#fff; cursor:pointer;}
#navBar img{ width:30px;}
.ft_nav{ text-align:left;}
.ft_nav dt{ color:#fff; font-size:16px; margin-bottom:25px;}
.ft_nav dd a{ color:#949494; font-size:14px; line-height:2em;}
.ft_nav dd a:hover{ color:#fff;}
.ft_nav dd  img{ width:90px; padding:5px; background:#fff;}
.ft_nav dd{ color:#949494; font-size:20px;}
.footer dl.last{ text-align:right;}
.footer i{ display:block; height:1px; width:100%; background:#c6c6c6; margin-top:70px;}
.copy { height:78px;align-items: center;}
.copy .ft_icon{display:flex;flex-direction: row;align-items: center;}
.copy .ft_icon img{ height:15px; padding:0 17px;}
.copy .ft_icon span{padding:0 17px; font-size:16px;}
.copy .ft_icon span{ color:#fff; font-size:12px;}
.copy .ft_center{ margin: 0 auto;color:#7f868d; font-family: "Roboto", Arial, sans-serif; font-size:14px;text-align: center; text-transform:uppercase;}
.copy .ft_center a{ color:#7f868d !important; font-size:14px;}
.copy .ft_center a:hover{ color:#fff;}
.ft_r a{ padding:0 10px;font-size:13px; }

/*底部代码结束*/
#fh5co-footer .fh5co-footer-widget h3 {
  font-size: 18px;
  font-weight: 400;
}
#fh5co-footer .fh5co-footer-widget .fh5co-links {
  padding: 0;
  margin: 0;
}
#fh5co-footer .fh5co-footer-widget .fh5co-links li {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 15px;
  line-height: 24px;
}
#fh5co-footer .fh5co-footer-widget .fh5co-links li a {
  color: #6a7885;
}
#fh5co-footer .fh5co-footer-widget .fh5co-links li a:hover {
  text-decoration: underline;
}
#fh5co-footer .fh5co-copyright {
  border-top: 1px solid #f0f2f3;
  padding: 40px 0;
}
#fh5co-footer .fh5co-copyright a {
  font-weight: 700;
}
#fh5co-footer .fh5co-copyright p {
  margin-bottom: 0;
}
#fh5co-footer .fh5co-copyright p small {
  font-size: 15px;
}
#fh5co-footer .fh5co-copyright .fh5co-left {
  float: left;
}
#fh5co-footer .fh5co-copyright .fh5co-right {
  float: right;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-copyright .fh5co-right {
    float: left;
  }
}

.fh5co-social {
  padding: 0;
  margin: 0;
}
.fh5co-social li {
  padding: 0;
  margin: 0;
  display: inline;
}
.fh5co-social li a {
  padding: 4px 7px;
  font-size: 22px;
}
.fh5co-social li a:hover {
  text-decoration: none !important;
  color: #8dc63f !important;
}

.fh5co-person {
  text-align: center;
}
@media screen and (max-width: 992px) {
  .fh5co-person {
    margin-bottom: 30px;
    float: left;
    width: 100%;
  }
}
.fh5co-person figure {
  margin: 0 auto 30px auto;
}
.fh5co-person figure img {
  margin: 0 auto;
  display: block;
}
.fh5co-person .fh5co-name {
  margin-bottom: 0;
  color: #484c50;
}
.fh5co-person .fh5co-designation {
  color: #85919d;
}
.fh5co-person .fh5co-bio {
  text-align: left;
}

#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page {
  position: relative;
}

#fh5co-page {
  z-index: 2;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas-visible #fh5co-page {
  -moz-transform: translateX(-275px);
  -webkit-transform: translateX(-275px);
  -ms-transform: translateX(-275px);
  -o-transform: translateX(-275px);
  transform: translateX(-275px);
}

/*#fh5co-offcanvas {
  display: none;
  height: 100%;
  right: 0;
  overflow-y: auto;
  position: fixed;
  z-index: 1;
  top: 0;
  width: 275px;
  background: black;
  padding: 30px;
}*/
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;
  }
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
  line-height: 28px;
}
#fh5co-offcanvas ul li a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
#fh5co-offcanvas ul li.active a {
  color: #8dc63f;
}

.fh5co-nav-toggle {
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #fff;
}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
  background: #fff;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #fff;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #333;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.fh5co-nav-toggle.dark i {
  position: relative;
  color: #000;
  background: #000;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
  background: #000;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}
.news_page{ width:67%; margin:100px auto 50px; display:flex;justify-content:flex-end;}
.news_page li{ display:inline-block;}
.news_page li a,.news_page li span{ display:inline-block; padding:5px 15px; border:1px solid #dbdbdb; color:#006BB5; margin:0 10px;}
.news_page li:hover a,.news_page li.active span,.news_page li.active a{ border-color:#006BB5; background:#006BB5; color:#fff;}
.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: fixed;
  top: 40px;
  right: 20px;
  z-index: 9999;
  display: block;
  margin: 0 auto;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
    top: 20px;
  }
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.btn-cta {
  padding: 20px 30px !important;
  width: 200px;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .btn-cta {
    padding: 10px 30px !important;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-lg {
    padding-bottom: 0;
  }
}

.row-top-padded-lg {
  padding-top: 7em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-lg {
    padding-top: 2em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-md {
    padding-bottom: 2em;
  }
}

.row-top-padded-md {
  padding-top: 4em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-md {
    padding-top: 2em;
  }
}

.row-bottom-padded-sm {
  padding-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-sm {
    padding-bottom: 2em;
  }
}

.row-top-padded-sm {
  padding-top: 2em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-sm {
    padding-top: 2em;
  }
}

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
  border: 10px solid red;
}

.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/Preloader_2.gif) center no-repeat #fff;
}

#fh5co-features{ padding-bottom:0;
	}
.js .animate-box {
  opacity: 0;
}

#fh5co-features .fh5co-feature .fh5co-icon i{ color:#8dc63f;}
/*# sourceMappingURL=style.css.map */

.title h3{ font-size:36px;}
/*关于我们页面代码开始*/

/*东方文化代码开始*/
.ny .east{ background:#006BB5; width:100%; height:750px; display:flex;justify-content:center; padding:100px 0 60px; background:url(../images/about_wen.jpg) no-repeat center;}
.ny  .east_main{ width: 67%; height:auto; overflow:hidden; margin:0 auto; margin-top:4%;}
.ny  .east_main .title h3{ color:#fff;text-shadow: 1px 1px 0 rgba(0,0,0,.7); }
.ny  .east_main p{ color:#fff; width:30%; line-height:2.5em; margin-top:75px; text-align:justify;}
.ny  .east_r{ float:right; color:#666;}
.ny  .east_r .title h3{ color:#fff; margin-left:60px; font-size:36px;}
.ny  .east_r .east_con{ background:#fff; padding:70px 50px; margin-top:60px;}
.ny  .east_r .east_con p{ color:#666; font-size:16px; margin:18px 0;}
/*东方文化代码结束*/

/*团队管理代码开始*/
.ny .team{ width:67%; margin:0 auto; height:auto; overflow:hidden;}
.ny  .team_con{ display:flex;align-items: center;justify-content:space-between;flex-direction: row; width:100%; flex-wrap: wrap;}
.ny  .team_con li{ width:22%; height:auto;display:flex;flex-direction: column;justify-content:center; margin-top:80px;}
.ny  .team_con li .team_img{ display:block; height:350px; background:#006BB5; overflow:hidden;}
.ny  .team_con li .team_img img{ width:100%; transition:0.3s;}
.ny  .team_con li .team_img img:hover{ transform:scale(1.1,1.1)}
.ny  .team_con li .team_name{ color:#333; font-size:16px; margin:20px 0 10px 0; display:block; text-align:center;}
.ny  .team_con li .team_name:hover{ color:#006BB5}
.ny  .team_con li span{ color:#666; font-size:14px; text-align:center}
/*团队管理代码结束*/


.ab_hse{ width:100%; height:720px; background:url(../images/hse_ab.jpg) no-repeat center; overflow:hidden;}
.ab_hse .ab_hse_con{width:67%; margin:470px auto 0;}
.ab_hse .ab_hse_con h3{ color:#fff; font-size:30px; font-weight:100;}
.ab_hse .ab_hse_con h2{ color:#fff; font-size:40px; margin:40px 15px 0 0; display:inline-block;}

.ab_list_con{ width:67%; margin:0 auto; height:auto; display:flex;align-items: center;justify-content:space-between;flex-direction: row;}
.ab_list_con li{ width:32%; height:602px; padding-left:100px; box-sizing:border-box;}
.ab_list_con li:nth-child(1){ background:url(../images/ab_1.jpg) no-repeat center;}
.ab_list_con li:nth-child(2){ background:url(../images/ab_2.jpg) no-repeat center;}
.ab_list_con li:nth-child(3){ background:url(../images/ab_3.jpg) no-repeat center;}
.ab_list_con li h3{ color:#fff; font-size:32px; margin-top:405px;}
.ab_list_con li span{ color:#fff; font-size:16px; line-height:2.1em;}


.ny .ny_ft{ width:67%; margin:0 auto;}
.ny .ny_ft .ny_contact{ width:100%; margin-bottom:100px;}
.ny .ny_ft .contain{width:100%; height:100%; display:flex;align-items: center;justify-content:center; background:#2d3845;}
.ny .ny_ft .contact_con:nth-child(1){ margin-top:100px;}
.ny .ny_ft .contact_con{ display:flex;flex-direction: row;    justify-content: space-between; margin-top:70px; width:100%;flex-wrap: wrap;}
.ny .ny_ft .contact_con dl{ margin-bottom:40px;}
.ny .ny_ft .contact_con dl{ width:33%;}
.ny .ny_ft .contact_con dl dt{ margin-bottom:30px;}
.ny .ny_ft .contact_con dl dt h4{ color:#333; font-size:18px; margin-bottom:10px; font-weight:500;}
.ny .ny_ft .contact_con dl dt span{ color:#888; font-size:14px; font-weight:500;}
.ny .ny_ft .contact_con dl dd{ padding-left:20px; background:url(../images/icon_1.png) no-repeat left center; color:#666; font-weight:500; font-size:14px; margin:15px 0; background:url(../images/icon.png) no-repeat top left; background-size:12px; background-position-y: 3px;}
.ny .ny_ft .contact_con dl dd:nth-child(3){background:url(../images/icon_1.png) no-repeat left 5px;}
.ny .ny_ft .contact_con dl dd:nth-child(4){ background-position: 0 -74px;}
.ny .ny_ft .contact_con dl dd:nth-child(5){ background-position: 0 -114px;}
.ny .ny_ft .contact_con dl:nth-child(3){ opacity:0!important;}
.ny .ft_top,.ny .copy{ width:67%; margin:0 auto;}


/*关于我们页面代码结束*/


/*关于我们了解更多页面代码开始*/
.about_more_con{ width:67%; margin:0 auto;}
.about_more_con p{ color:#333; font-size:18px; line-height:2.3em; width:100%; font-weight:500; text-align:justify;}
.about_more_con ul{display:flex;align-items: flex-start;justify-content:space-between;flex-direction: row; width:100%; margin:150px 0;}
.about_more_con ul li{ width:17%;display:flex;align-items: center;justify-content:center;flex-direction: column;}
.about_more_con ul li:nth-child(2){ width:15%;}
.about_more_con ul li .m_img{ height:156px; width:100%; display:flex;align-items:flex-end;justify-content:center;}
.about_more_con ul li img{ height:130px;}
.about_more_con ul li i{ display:block; width:67%; height:1px; background:#d2d2d2; margin:50px auto 30px;}
.about_more_con ul li h3{ color:#006BB5; font-size:60px; font-weight:400;font-family:myFont!important}
.about_more_con ul li h3 sub{ color:#666; font-size:16px;}
.about_more_con ul li span{ color:#333; line-height:2em; font-weight:500; font-size:14px;}


.abm_de{ width:100%; height:615px; background:url(../images/ab_de.jpg) no-repeat center;}
.abm_de h2{ color:#fff;}
.abm_de .abm_de_con{ width:67%; margin:0 auto; height:100%; display:flex;align-items: flex-start;justify-content:center;flex-direction: column;  }
.abm_de .abm_de_con ul{ display:flex; flex-direction: row; margin-top:125px; width:100%;}
.abm_de .abm_de_con ul li{ display:flex;align-items: center;justify-content:flex-start;flex-direction: column; width:15%; }
.abm_de .abm_de_con ul li i{ display:block; width:67%; margin:25px auto; background:#fff; height:1px;}
.abm_de .abm_de_con ul li h3{ font-size:55px; margin:0;  color:#fff;font-family:myFont!important}
.abm_de .abm_de_con ul li h3 sub{ font-size:16px;  color:#fff;}
.abm_de .abm_de_con ul li span{ line-height:2em; font-size:16px; color:#fff; text-align:center;}



.abm_top_con{ width:67%; margin:0 auto;}
.abm_top_con ul{ width:100%; display:flex; flex-direction: row; align-items:flex-start;justify-content:flex-end; flex-wrap:wrap}
.con_ul_on{justify-content:center!important;}
.abm_top_con ul li{ display:flex; flex-direction: column; align-items:center; justify-content:center; width:25%; margin-top:100px;}
.abm_top_con ul li i,.abm_bottom_con ul li i{
  display: block;
    width: 67%;
    height: 1px;
    background: #d2d2d2;
    margin:20px auto; 
    opacity:0.5;
  }
.abm_top_con ul li h3{ color:#006BB5; font-size:60px; margin:0;font-family:myFont!important}
.abm_top_con ul li h3 sub{ color:#666; font-size:16px;}
.abm_top_con ul li span{ color:#333; font-weight:500;}



.abm_bottom_con{ width:67%; margin:0 auto 120px; }
.abm_bottom_con ul{ display:flex; flex-direction: row; align-items:center;justify-content:center; margin-top:125px;}
.abm_bottom_con ul li{  display:flex; flex-direction: column; align-items:center;justify-content:center; width:25%;}
.abm_bottom_con ul li span{ color:#333;font-weight:500;}
.abm_bottom_con ul li i{ margin:30px 0;}


/*关于我们了解更多页面代码结束*/


/*下载中心代码开始*/

.crumb{ width:67%;  margin:30px auto 0;}
.crumb a{ color:#333; font-size:16px; padding:0 10px;}
.crumb a.on{ color:#666;}
.crumb a:hover{ color:#666;}
.data_li {display:flex;flex-direction: row;flex-wrap:wrap; justify-content:space-between; margin-bottom:60px; width:67%; margin:0px auto 120px;}
.data_li li{ width:31%; height:auto;display:flex;flex-direction: row;flex-wrap:wrap; justify-content:space-between; margin-top:40px;}
.data_li li .img{ display:flex; width:100%; height:auto; overflow:hidden;justify-content:center;align-items:center; transition:0.3s; overflow:hidden; position:relative; margin-bottom:40px;}
.data_li li .img img:nth-child(1){ width:100%; height:auto; border-radius:10px;}
.data_li li .img img:nth-child(2){ position:absolute;}
.data_li li .title{ color:#333; font-size:16px; display:inline-block; font-weight:700;}
.data_li li .fa{ width:20px; height:20px; display:inline-block; background:url(../images/icon_pho.png) no-repeat center; background-size:20px;  transition:0.3s;}
.data_li li .fa_down{background:url(../images/work_look.png) no-repeat center;    background-size: 20px;}
.data_li li span{ font-size:14px; color:#666; font-weight:500; margin-top:10px;}
.data_li li .img:hover{ transform:scale(1.1,1.1)}
.data_li li .title:hover{ color:#385e82;}
.data_li li .fa:hover{ background:url(../images/icon_phoa.png) no-repeat center; background-size:30px;}
.data_li li .fa_down:hover{background:url(../images/work_look.png) no-repeat center;    background-size: 20px;}

/*下载中心代码结束*/

/*发展中心加入我们模块开始*/
.page_con{ width:100%; height:auto;}
.bottom_b{ width:80%; height:100px; background:#006BB5; color:#fff; text-align:center; line-height:100px; font-size:34px; margin:-60px auto 0; position:relative; display:block;}
.bottom_b:hover{ color:#fff;}
/*发展中心加入我们模块结束*/


/*投资者关系代码开始*/

.ny_invest .con_c{ height:100px; width:100%; background:#f3f4f5; display:flex;align-items:center;justify-content:center;}
.ny_invest .con_card{ width:55%; display:flex;align-items:center;justify-content:space-between;flex-direction: row; margin:0 auto;}
.ny_invest .con_card li{ margin-right:0;}
.ny_invest .con_card li:last-child{ margin:0;}
.ny_invest .con_card li a{ display:block; width:100%; height:75px; padding:0 25px; text-align:center; line-height:75px; color:#666; font-size:18px; box-sizing:border-box;}
.ny_invest .con_card li a:hover,.ny_invest .con_card li a.on{ color:#006BB5; border-bottom:2px solid #006BB5;}

/*公司治理代码开始*/
.ny_invest .invest_work{ display:flex;align-items:center;justify-content:center;flex-direction: row; width:67%; margin:100px auto;}
.ny_invest .invest_work li{ width:30%; height:450px; background:#006BB5;display:flex;align-items:center;justify-content:center;flex-direction: column; margin:0 5%; border-radius:10px;}
.ny_invest .invest_work li a{ display:flex;align-items:center;justify-content:center;flex-direction: column;}
.ny_invest .invest_work li a span{ color:#fff; font-size:26px; margin-top:60px;}
/*公司治理代码结束*/

/*公告代码开始*/
.invest_Notice{ width:67%; margin:100px auto;}
.invest_Notice li a{ position:relative; display:block; height:60px; line-height:60px; color:#006BB5; padding-left:50px; padding-right:30px; margin-top:15px; background:url(../images/news.png) no-repeat 25px center; background-color:#f5f5f5;}
.invest_Notice li a span{ position:absolute; right:30px; color:#8b8c8c;}
.invest_Notice li a:hover{ background:url(../images/news_bg.png) no-repeat 25px center; background-color:#f5f5f5; color:#fff;background-color:#006BB5;}
.invest_Notice li a:hover span{ color:#fff;}
/*公告代码结束*/
.ny_invest .index_in{ width:67%; margin:80px auto; display:flex;}



/*投资者关系代码结束*/



/*加入我们代码开始*/

.join_center .join_card{display: flex; flex-direction: row;align-items:center;justify-content:center;}
.join_center .contain{flex-direction: column; display:flex;}
.join_center .join_card li a{ display:block; width:210px; height:80px; color:#a3a3a3; border-bottom:2px solid #9baec1; line-height:80px; box-sizing:border-box; font-size:22px; margin:0 20px; text-align:center;}
.join_center .join_card li a:hover,.join_center .join_card li a.on{ color:#385e82; border-bottom:2px ssolid #385e82;}

.join_center h2{ color:#333; font-weight:500; width:67%; margin:40px auto 0; text-align:left; font-size:28px;}
.join_center .list_nav{ width:67%; height:72px; display:flex; flex-direction: row; align-items:center; background:#385e82; margin:60px auto 30px;}
.join_center .list_nav span{ color:#fff; display:block; font-size:20px; width:25%; padding-left:40px;}
.join_center .list_nav span:nth-child(1){ width:25%}

.list_dl{ width:67%; border:1px solid #dcdcdc; margin:0 auto 80px;}
.list_dl dt{ width:100%; height:88px; border-bottom:1px dashed #dcdcdc; line-height:88px; position:relative; display:flex;align-items:center; cursor:pointer;}
.list_dl dt span{ width:25%; padding-left:40px; color:#666; font-size:18px;  display:inline-block; box-sizing:border-box; font-weight:400;}
.list_dl dt b{ width:25%; padding-left:32px; color:#333; font-size:18px; display:inline-block; font-weight:400; box-sizing:border-box;}
.list_dl dt img{ position:absolute; right:40px; transition:0.3s;}
.list_dl dd{ padding:50px 40px 80px; box-sizing:border-box; display:none;}
.list_dl dd .dd_t{ display:flex;flex-direction: row;flex-wrap:wrap;     justify-content: space-between;}
.list_dl dd .dd_t span{ color:#333; font-size:16px;font-weight:400;}
.list_dl dd .dd_t span:last-child{ margin:0;}
.list_dl dd .dd_b span{ color:#666; font-size:14px; margin:50px 0 30px; display:block;font-weight:400;}
.list_dl dd .dd_b p{ color:#666; font-size:14px; line-height:2.2em; font-weight:500;}
.list_dl dd .dd_b p a{ color:#385e82}
.list_dl dt:hover{ background:#f0f6fb}
.list_dl dt img.on{ 
transform: rotate(-180deg);

ms-transform: rotate(-180deg); /* IE 9 */

moz-transform: rotate(-180deg); /* Firefox */

webkit-transform: rotate(-180deg); /* Safari and Chrome */

o-transform: rotate(-180deg); /* Opera */ transition:all 0.3s;}
.list_dl dt img.in{transform: rotate(-360deg);

ms-transform: rotate(-360deg); /* IE 9 */

moz-transform: rotate(-360deg); /* Firefox */

webkit-transform: rotate(-360deg); /* Safari and Chrome */

o-transform: rotate(-360deg); /* Opera */ transition:all 0.3s;
	}


.join_bot{ width:100%; text-align:center; margin:50px 0 100px;}
.join_img{ width:90px; height:auto;}

.top{ width:65px; height:65px; position:fixed; right:50px; bottom:500px; background:url(../images/top11.png) no-repeat center; cursor:pointer; display:none!important;}
/*加入我们代码结束*/



/*新闻中心代码开始*/

/*内容代码开始*/
/*.nys_cont{ padding-bottom:120px;}*/
.nys_cont .contain{ display:flex;;align-items: center;justify-content:center;flex-direction: column;}
.nys_cont .con{ width:67%; box-sizing:border-box;display:flex;align-items: center;flex-direction: column;justify-content:center; margin:0 auto;}
.nys_cont .con_list{ width:100%;display:flex;align-items: center;flex-direction: row; box-sizing:border-box; margin:0 auto;}
.nys_cont .con_list li{ width:42%; border:1px solid #006BB5; border-radius:10px;  }
.nys_cont .con_list li:nth-child(1){ margin-right:50px;}
.nys_cont .title{ width:100%; text-align:left; margin:80px 0 40px;}
.nys_cont .title:nth-child(1){ margin:0;}
.nys_cont .con_list li a{display:flex;flex-direction: column; display:block; width:100%; height:auto;padding:60px 30px; box-sizing:border-box;}
.nys_cont .con_list li a img{ width:70px; display:block;}
.nys_cont .con_list li a img:nth-child(2){ display:none;}
.nys_cont .con_list li a span{ display:block; color:#333; margin-top:30px; font-size:18px;}
.nys_cont .con_list li:hover{ background:#0567d8}
.nys_cont .con_list li:hover span{ color:#fff;}
.nys_cont .con_list li:hover img:nth-child(2){ display:block!important;}
.nys_cont .con_list li:hover img:nth-child(1){ display:none!important;}
.nys_cont .crumb{ width:100%; margin:60px 0 0;}
/*内容代码结束*/



/*内容底部代码开始*/

.con_Fbottom{ width:100%; height:auto; padding:100px; box-sizing:border-box; background:#f3f4f5; margin:155px auto 120px;}
.con_Fbottom .title{ margin-bottom:80px;}
.con_Fbottom .title h3{ padding:0;}
.con_Fbottom .ftb{ display:flex; flex-direction: row; margin-top:60px;}
.con_Fbottom .ftb li{ width:33.3%; height:auto;}
.con_Fbottom .ftb li a{ display:flex;flex-direction: column;justify-content:center; align-items:center; width:100%;}
.con_Fbottom .ftb li a img{ height:70px;}
.con_Fbottom .ftb li a i{ width:50%; height:1px; background:#afbdcb; display:block; margin:20px auto 15px;}
.con_Fbottom .ftb li a span{ color:#666; font-size:16px;}
.con_Fbottom .ftb li a:hover span{ color:#006BB5;}
.con_Fbottom .ftb li a:hover i{ background:#006BB5;}
/*内容底部代码结束*/


/*新闻中心代码结束*/


/*学习与发展代码开始*/


.stu_center .contain{ margin:100px 0;flex-wrap:wrap}
.study_con{ display: flex;
            flex-direction: row;}
.study_con .stu_l,.study_con .stu_r{ width:50%; height:645px; box-sizing:border-box; overflow:hidden;}
.study_con .stu_r img{ width:120%; height:auto;}

.study_con .stu_l{ padding:180px 180px 0 0px; display:flex; align-items:flex-end;flex-direction:column;justify-content:flex-start; }
.study_con .stu_l .title{ margin-bottom:45px; width:34%; text-align:left; margin:0 auto 45px;}
.study_con .stu_l p{ color:#333; line-height:2.3em; text-align:justify; width:67%; font-size:18px; font-weight:500;}
.study_con:last-child .stu_l{ padding:180px 0  0px 180px; align-items:flex-start;justify-content:flex-start;}
.study_con:last-child .stu_l .title{ margin:0 0 45px;}
.stu_bottom .bottom_b{width:80%; height:100px; background:#006BB5; color:#fff; text-align:center; line-height:100px; font-size:34px; margin:200px auto 0; display:block;}

.stu_ft{ background:#2d3845; padding-top:90px}
.stu_ft .navBar li{ text-align:center;}

/*学习与发展代码结束*/



/*产品与服务代码开始*/

/*陆缆代码开始*/
.ny_lu .swiper-container{ background:url(../images/system_1.jpg) no-repeat center;}

.ny_system{ background:#f3f4f5!important;}
.ny_system .contain{display:flex;justify-content:center;align-items: center;}
.ny_system .ny_list{ width:67%; height:auto;display:flex;flex-direction: row;align-items: center; margin-bottom:120px;flex-wrap:wrap}
.ny_system .ny_list li{ width:32%; height:auto;display:flex;flex-direction: column;justify-content:flex-start; box-sizing:border-box; height:620px; background:#fff; margin-top:120px; margin-right:2%;}
.ny_system .ny_list li:nth-child(3n){ margin-right:0;}
.ny_system .ny_list li a.list_img{ width:100%; height:320px; display:block; background:#006BB5; overflow:hidden;}
.ny_system .ny_list li a.list_img img{ width:100%; transition:0.3s;}
.ny_system .ny_list li a.list_img img:hover{ transform:scale(1.1,1.1);}
.ny_system .ny_list li dl{ padding:45px; background:#fff;}
.ny_system .ny_list li dl dt a{ color:#333; font-size:20px;margin-left:20px; margin-bottom:15px; display:block; font-weight:bold;}
.ny_system .ny_list li .dl{ display:flex;flex-direction: row;justify-content:space-between; width:100%;}
.ny_system .ny_list li dd a{ color:#333; font-size:16px;}
.ny_system .ny_list li dd a span{ color:#666; margin-left:10px; margin-top:15px; display:inline-block;}
.ny_system .ny_list li dl dt a:hover{ color:#006BB5;}
.ny_system .ny_list li dd a:hover{ color:#006BB5}
.ny_system .ny_list li dd a:hover span{ color:#006BB5;}

/*陆缆代码结束*/




/*海缆代码开始*/

.page3 .ny_list{justify-content:flex-start; margin-bottom:100px;}
.page3 .ny_list li{ margin-right:2%;}
/*海缆代码结束*/


/*海洋工程代码开始*/
.ny_hg{background:#f3f4f5!important}
.ny_hg .contain{display:flex;justify-content:center;align-items: center;}
.ny_hg .nyg_list{ width:76%; height:auto;display:flex;flex-direction: row;justify-content:space-between;align-items: center; flex-wrap:wrap; margin:100px auto;}
.ny_hg .nyg_list li{ width:48%;display:flex;flex-direction: row;justify-content:space-between; box-sizing:border-box; height:250px; background:#fff;}
.ny_hg .nyg_list li:hover{ border:1px solid #006BB5}
.ny_hg .nyg_list li a.g_img{ width:45%; height:100%; display:block; background:#006BB5; overflow:hidden;}
.ny_hg .nyg_list li a.g_img img{ width:100%; transition:0.3s;}
.ny_hg .nyg_list li a.g_img img:hover{ transform:scale(1.1,1.1);}
.ny_hg .nyg_list li dl{ padding:50px 55px; background:#fff; width:55%; box-sizing:border-box;}
.ny_hg .nyg_list li:nth-child(3),.ny_hg .nyg_list li:nth-child(4){ margin-top:50px;}
.ny_hg .nyg_list li dl dt a{ color:#333; font-size:16px;margin-left:10px; margin-bottom:5px; display:block; font-weight:bold;}
.ny_hg .nyg_list li .dl{ display:flex;flex-direction: row;justify-content:space-between; width:100%;}
.ny_hg .nyg_list li dd a{ color:#333; font-size:14px;}
.ny_hg .nyg_list li dd a span{ color:#666; margin-left:10px; margin-top:15px; display:inline-block;}
.ny_hg .nyg_list li dl dt a:hover{ color:#006BB5;}
.ny_hg .nyg_list li dd a:hover{ color:#006BB5}
.ny_hg .nyg_list li dd a:hover span{ color:#006BB5}
/*海洋工程代码结束*/

/*产品与服务代码结束*/




/*内页HSE代码开始*/



/*HSE方针代码开始*/
.ny_hseabout .contain{display:flex;flex-direction: column;justify-content:center;align-items: center; overflow:auto; margin:0;}
.ny_hseabout .hse_title{ display:flex;flex-direction: column;justify-content:center;align-items: center; margin-bottom:180px; text-align:center;}
.ny_hseabout .hse_title h3{ color:#000; font-size:45px; margin-bottom:5px; font-weight:400; margin-bottom:40px;}
.ny_hseabout .hse_title span{ color:#333; font-size:14px; display:block; margin-top:10px;}
.ny_hseabout .nyhse_about{ display:flex;flex-direction: row;justify-content:space- between!important;align-items: center; width:67%;margin-top:80px;}
.ny_hseabout .nyhse_about .ab_l{ width:46%; margin-right:4%; }
.ny_hseabout .nyhse_about .ab_l p{color:#666; font-size:16px; line-height:2.5em; margin:50px 0; text-align:justify; width:100%; font-weight:500;}
.ny_hseabout .nyhse_about .ab_r{ width:49%; overflow:hidden;}
.ny_hseabout .nyhse_about .ab_r img{ width:100%;}
/*HSE方针代码结束*/
/*业绩代码开始*/

.nyhse_about{ margin:0;}
.nyhse_about .title{ text-align:left;}
.nyhse_about .ab_l{ margin:0;}
.nyhse_about .ab_r{margin-right:4%; }

/*业绩代码结束*/

/*hse体系代码开始*/
.hse_pro .contain{display:flex;flex-direction: column;justify-content:center;align-items: center; width:100%; height:650px; background:url(../images/hse_bg.jpg) no-repeat center;}
.hse_pro .contain .title h3{ color:#fff; text-align:center;}
.hse_pro .contain p{ color:#fff; font-size:16px; line-height:2.5em; width:46%; margin-top:80px; text-align:justify}

/*hse体系代码结束*/


.case_li{ display:flex;flex-direction: row;justify-content:space-between;align-items: center; width:67%; margin:80px auto 120px;}
.case_li li{ width:32%; transition:0.3s; top:0; position:relative;}
.case_li li img{ width:100%;}
.case_li li span{ display:block; width:100%;  height:96px; line-height:96px; text-align:center; background:#006BB5; color:#fff; font-size:18px;}
.case_li li:hover{ position:relative; top:-20px;}

.news_center_con{ width:67%; margin:30px auto 0; text-align:center;}
.news_center_con .new_center{ width:100%; margin-top:30px; display:flex;flex-direction: row; height:600px; overflow:hidden}
.news_center_con .new_center .new_img{ width:50%; position:relative; overflow:hidden;}
.news_center_con .new_center .new_img img{ width:auto; height:100%; position:absolute; top:0; left:0; transition:0.3s;}
.news_center_con .new_center .new_img img:hover{ transform:scale(1.1,1.1)}
.news_center_con .new_center .new_img .news_box_con{ position:absolute; width:100%; text-align:center; bottom:0; color:#fff; padding:0 60px; box-sizing:border-box;}
.news_center_con .new_center .new_img .news_box_con h3{ color:#fff; margin:0;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.news_center_con .new_center .new_img .news_box_con i{ display:block; width:100%; height:1px; background:#fff; margin:20px 0;}
.news_center_con .new_center .new_img .news_box_con p{ font-size:18px;text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; display:block;}
.news_center_con .new_center ul{ width:50%; background:#f3f4f5; padding:0 50px; box-sizing:border-box; height:100%; text-align:left;}
.news_center_con .new_center ul li{  margin-top:50px;}
.news_center_con .new_center ul li h3{ font-size:21px; color:#006BB5; font-weight:500; margin:0; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.news_center_con .new_center ul li span{ color:#8c8d8d; font-size:16px; padding:10px 0; display:block;}
.news_center_con .new_center ul li p{ color:#333; font-size:16px; line-height:2em; font-weight:500;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; }
.news_center_con .more{ margin:70px auto 0;}
.news_center_con .new_center ul li:hover a h3{ color:#000;}
.new_img a:before {  
  content: "";  
  position: absolute;  
  top: 0;  
  right: 0;  
  bottom: 0;  
  left: 0;  
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));  
}


.news_more_ul{ width:67%; margin:0 auto 120px; display:flex;flex-direction: row;justify-content:flex-start;align-items: center; flex-wrap:wrap;}
.news_more_ul li{ margin-top:60px; width:30%; border:1px solid #006BB5; border-radius:10px; padding:50px 30px 25px; margin-right:5%;}
.news_more_ul li:nth-child(3n){ margin-right:0;}
.news_more_ul li h3{ color:#006BB5; font-size:18px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.news_more_ul li p{ color:#333; font-size:16px; line-height:2em;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; font-weight:500; text-align:justify;}
.news_more_ul li span{ color:#8c8d8d; font-size:14px; display:block;}
.news_more_ul li:hover{ background:#006BB5;}
.news_more_ul li:hover a h3{ color:#fff;}
.news_more_ul li:hover a p,.news_more_ul li:hover a span{ color:#fff; opacity:0.9;}
.news_page{ width:67%; margin:100px auto 50px; display:flex;justify-content:flex-end;}
.news_page li{ display:inline-block;}
.news_page li a{ display:inline-block; padding:5px 15px; border:1px solid #dbdbdb; color:#006BB5; margin:0 10px;}
.news_page li:hover a{ border-color:#006BB5; background:#006BB5; color:#fff;}

.de_con{ width:67%; margin:30px auto; text-align:center;}
.de_con img{ max-width:100%; height:auto; width:auto; margin:50px auto; display:block;}
.de_con h3{ color:#006BB5; font-size:20px; font-weight:500;}
.de_de{ width:100%; display:flex; flex-direction: row;justify-content:space-between;align-items: center;}
.de_con i{ display:block; width:100%; height:1px; background:#f1f1f1; margin:20px 0 50px;}
.de_con p{ color:#333; font-size:16px; font-weight:500; line-height:2.2em; text-align:justify;}
.ft_de{ background:#006BB5; color:#FFF; width:100%; height:120px; line-height:120px; text-align:center;}
.ft_de a{ color:#fff; font-size:18px; font-weight:500; display:inline-block; height:55px; line-height:55px; opacity:0.8;}
.ft_de a:nth-child(1){ background:url(../images/de_l.png) no-repeat right center; padding-right:50px; margin-right:50px;}
.ft_de a:nth-child(2){ background:url(../images/de_r.png) no-repeat left center; padding-left:50px;}
.ft_de a.on{ background:url(../images/de_r.png) no-repeat left center; padding-left:50px;}
.ft_de a:hover{ opacity:1;}



/*陆缆系统1代码开始*/
.lu_card{ width:55%; margin:0 auto; padding:80px 7% 80px; display:flex;flex-direction: row;justify-content:space-between;align-items: center; border-bottom:1px solid #f1f1f1; box-sizing:border-box;}
.lu_card li{ color:#808080; font-size:16px; padding:0 30px; height:40px; line-height:40px; border:1px solid #808080; border-radius:8px;}
.lu_card li:hover,.lu_card li.on{  color:#fff; background:#006BB5; border-color:#006BB5; cursor:pointer;}
.lu_box_con{ width:100%;}
.con_lu{ width:55%; margin:0 auto; }
.con_lu .lu_lu{ display:none;}
.con_lu_top{display:flex;flex-direction: row;justify-content:flex-start;align-items: flex-start;  width:100%;  flex-wrap:wrap; padding-bottom:50px;}
.con_lu_top li h3{ margin:20px 0; line-height:1.75em; font-size:24px; color:#000}
.con_lu_top li img{ width:92px;}
.con_lu_top li p{ font-size:15px; color:#000; line-height:1.6em; font-weight:400; text-align:justify; margin-bottom:10px; letter-spacing:0;}
.con_lu_top li{  margin-top:80px; box-sizing:border-box; margin-right:15%; width:23%; }
.con_lu_top li:nth-child(3n){ margin-right:0;}
.con_lu .title{ margin-top:80px;}

.ny_hg .contain{display:flex;flex-direction: column;justify-content: center;align-items:center;}
.con_lu_bottom{display:flex;flex-direction: row;justify-content: flex-start;align-items: flex-start; margin-top:30px; width:100%; flex-wrap:wrap;}
.con_lu_bottom li{ display:flex;flex-direction: column;justify-content:center;align-items: center; margin-top:40px; margin-right:5%; width:21%;}
.con_lu_bottom li a{ text-align:center; width:100%;}
.con_lu_bottom li:nth-child(4n){ margin-right:0;}
.con_lu_bottom li img{ width:100%; height:auto; border-radius:5px; display:block;}
.con_lu_bottom li span{ color:#333; font-size:16px; margin-top:10px; display:block; width:85%; margin:10px auto 0;}
.down_li{color:#808080; width:16%; font-size:16px;padding: 0 30px 0 50px; height:40px; line-height:40px; border:1px solid #808080; background:url(../images/work_icon1.png) no-repeat 20px center; background-size: 20px; border-radius:8px; margin:200px auto 110px; text-align:center; cursor:pointer;}
.down_li:hover{color:#fff;  border-color:#006BB5; background:url(../images/down_li.png) no-repeat 20px center; background-color:#006BB5;background-size: 20px;}
.box_lu{ width:100%; height:85px; background:#006BB5; color:#fff; font-size:20px; display:block; text-align:center; line-height:85px; font-weight:500;}
.box_lu:hover{ color:#fff;}
/*陆缆系统1代码结束*/



.work_ul{ display:flex;flex-direction: row;justify-content:space-between; width:100%; margin:0 auto 100px;}
.work_card{ width:20%;}
.work_card a:nth-child(1) li{ margin-top:20px;}
.work_card li{ color:#808080; font-size:26px; font-weight:500; margin-top:60px; padding-left:50px; height:55px; line-height:55px; cursor:pointer;}
.work_card li.on,.work_card li:hover{ background:url(../images/work_i.png) no-repeat left center; color:#006BB5; background-size:30px; }
.word_de_con{ width:80%; padding-top:90px;}
.word_de_con li{ display:flex;flex-direction: row;justify-content:space-between; align-items: center; padding:25px 0; border-bottom:1px dashed #d9d9d9;}
.word_de_con .li_l{display:flex;flex-direction: row; align-items: center;justify-content:center; padding:0 35px;}
.word_de_con .li_l img{ margin-right:45px;}
.word_de_con .li_l h3{ color:#333; font-size:18px; font-weight:500; margin:0;}
.word_de_con .li_l span{ color:#666; display:block; margin-top:18px; font-size:14px;}
.word_de_con .li_r img{ margin-left:20px; cursor:pointer; width:20px;}
.word_de_con li:hover .li_l h3{ color:#006BB5; cursor:pointer}
.work_card li:last-child{ margin-top:0px;}



.hse_list_top{ width:67%; margin:0 auto; display:flex;flex-direction: row;justify-content:space-between;align-items:center; text-align:justify;}
.hse_list_top .top_l{ width:45%;}
.hse_list_top .top_l h3{ margin:0; color:#000; font-size:36px;}
.hse_list_top .top_l span{ color:#000; font-size:16px; margin:25px 0 40px; font-weight:500; display:block;}
.hse_list_top .top_l p{ color:#666; font-weight:500; line-height:2.5em; font-size:16px;}
.hse_list_top .top_r{ width:45%; height:380px; overflow:hidden;}
.hse_list_top .top_r img{ width:auto; height:100%;}
.hse_list_center{width:67%; margin:122px auto 0;}
.hse_list_center li{ height:auto; line-height:50px; color:#333; font-size:15px; font-weight:500; display:flex;}
.hse_list_center li span{ color:#006BB5; margin-right:30px; display:block; height:100%;}
.hse_list_bottom{ text-align:center; line-height:2.5em; color:#666; font-weight:500; margin:120px 0;}

.hse_con_con{ width:100%; height:700px; background:url(../images/about_hse2.jpg) no-repeat center; display:flex;align-items:flex-start;display:flex;flex-direction: column;justify-content:center;}
.hse_con_con .con{ color:#fff; width:67%; margin:0 auto;}
.hse_con_con .con h3{ color:#fff; font-size:36px; margin:0 0 25px;text-shadow: 1px 1px 0 rgba(0,0,0,.7);}
.hse_con_con .con p{ line-height:2.5em; margin-top:40px;text-shadow: 1px 1px 0 rgba(0,0,0,.7);}
.hse_con_con .con span{text-shadow: 1px 1px 0 rgba(0,0,0,.7);}
.hse_con_con.on{background:url(../images/about_hse3.jpg) no-repeat center!important;}

.hse_con_list{ width:67%; margin:0 auto; display:flex;flex-direction: row;justify-content:space-between;align-items:flex-start; flex-wrap:wrap;}
.hse_con_list .hse_list_center{ width:48%; margin:120px 0 0;}
.hse_con_list h3{ color:#333; font-size:26px; width:100%; margin:120px auto 0;}
.hse_con_list .hse_list_center:nth-child(5){ margin-top:50px; }
.hse_con_list .hse_list_center:nth-child(4){ margin-top:50px!important; }

.hse_con_pdf{ width:63%; margin:0 auto 120px;}
.hse_con_pdf h3{ color:#333; font-size:36px;}
.hse_con_pdf .word_de_con{ width:100%; padding-top:60px;}


table{  width:67%; margin:80px auto; border:1px solid #dddddd;}
table td{ padding:8px; text-align:left; border-top:1px solid #dddddd; font-size:14px;}
table td:nth-child(2){ border-left:1px solid #dddddd; width:30%; color:#666; font-weight:500;font-size:14px;}
table td:nth-child(1){ width:70%;}
table tr:nth-child(2n){ background:#f6f6f6;}
table td a{ color:#006BB5; font-weight:500; font-size:14px;}
table td a:hover{ color:#006BB5; text-decoration:underline;}
.td_title{ font-weight:900!important; color:#000; height:40px; line-height:40px; background:#f6f6f6;}
.cbpara_adcc5c73{ line-height:1.7em;}

iframe{ width:40%; height:700px; margin:80px auto;}
.flex_con{ width:100%; display:flex;flex-direction: row;justify-content:space-between;align-items:center;}
.show{ display:none!important;}
.nav_header_xs{ display:none;}
.about_more_p p{ width:100%!important; text-align:center!important;}
form{ width:100%; height:98px; background:#fff; position:fixed; top:0 ; left:0; z-index:10; display:none;}
.form_con{ width:67%; height:100%; margin:0 auto;padding-top:20px;flex-direction:row; align-items:center;justify-content:space-between; position:relative;}
.form_con .name{ padding-left:20px; color:#666; width:90%; height:100%; outline:none}
.form_con img{ width:25px;}
.form_con .submit{ border:1px solid red; width:10%; height:100%; cursor:pointer; position:absolute; right:0; top:0; opacity:0;}
.form_con input{border-bottom:1px solid f1f1f1;}
video{object-fit:fill; width:100%; height:100%;}
.nys_cont.on{ margin-bottom:100px;}
.ny .east_main p{text-shadow: 1px 1px 0 rgba(0,0,0,.7);}
.ny .east_main { margin-top:4%!important;}
.stu_bottom .bottom_b:before{content:"";position:absolute;top:0; left:0;width:0;height:100%;background-color:#015abf;opacity:0;-webkit-transition:all .3s;transition:all .3s}
.stu_bottom .bottom_b:hover:before{width:100%;opacity:1;}
.stu_bottom  .bottom_b i{ position:relative; z-index:10;}
@media screen and (min-width: 1500px) and (max-width: 1680px) {
  #fh5co-header nav .logo{ width:auto;}
  #fh5co-header nav{ width:80%; margin-left:-40%;}
  .copy .ft_center span{ font-size:12px;}
  .ny .ny_ft .contact_con dl dd:nth-child(5){line-height: 1.6em;}
  .carousel-inner > .item > img, .carousel-inner > .item > a > img{ height:100%!important;}
  #fh5co-about .about p{ line-height:1.9em;}
  iframe{ height:600px;}
  .list_dl dd .dd_t{justify-content: space-between;}
  .list_dl dd .dd_t span{ margin-right:0;}
  .down_li{ width:20%;}
  .data_li li .img{ height:auto;}
  .hse_con_list,.hse_list_top,.hse_list_center,.hse_con_con .con,.hse_con_list,#fh5co-about .about,.ny .east_main,.ny .ny_ft,.ny .ft_top, .ny .copy,.crumb,.case_li,.data_li,.about_more_con{ width:80%;}
  .ny_invest .con_card,.con_lu,.lu_card,table{ width:70%;}
  .abm_de .abm_de_con,.abm_top_con,.abm_bottom_con,.news_center_con,.nys_cont .con,.news_more_ul,.de_con,.ny_invest .invest_work,.join_center .list_nav,.list_dl{ width:80%;}
  iframe,.list{ width:80%;}
  .study_con .stu_l{    padding: 150px 180px 0 0px;}
  .study_con .stu_l p{ width:80%;}
  .study_con .stu_l .title {
    margin-bottom: 45px;
    width: 100%;
    text-align: left;
    margin: 0 auto 45px;
    margin-left: 20%;
}
.study_con:last-child .stu_l{    padding: 150px 0 0px 150px;}
.study_con .stu_r img{ width:130%; height:auto;}
}
@media screen and (min-width: 1360px) and (max-width: 1500px) {
	.ny_invest .invest_work li{ height:420px;}
  .con_lu_top li{ margin-right:15.5%;}
	.con_lu_bottom li img{ width:100%; height:auto;}
	.down_li{ width:25%;}
  iframe{ width:80%;}
   .ny_invest .invest_work li{ height:400px;}
    .list_dl dd .dd_t{justify-content: space-between;}
  .list_dl dd .dd_t span{ margin-right:0;}
	.nav_r dl dt:hover{ cursor:pointer;}
	.nav_r dl dt i{ display:block; width:30px; height:2px; background:#fff; margin:5px 20px; }
	#fh5co-header.on .nav_r dl dt i,#fh5co-header:hover .nav_r dl dt i{ background:#006BB5;}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:100%!important; height:100%!important;}
	#fh5co-header nav{ width:80%; margin-left: -40%;}
	#fh5co-header nav .head-nav li>a{ width:100px;}
	#fh5co-header nav .head-nav li>a{ width:100px; font-size:18px!important;}
	#fh5co-header nav .logo{ width:240px;}
	#fh5co-header nav .logo a img{ width:100%!important;}
	 .hse_con_list,.hse_list_top,.hse_list_center,.hse_con_con .con,.hse_con_list,#fh5co-about .about,.ny .east_main,.ny .ny_ft,.ny .ft_top, .ny .copy,.crumb,.case_li,.data_li,.about_more_con,.list{ width:80%;}
	.ny_invest .con_card,.con_lu,.lu_card,table{ width:70%;}
	.abm_de .abm_de_con,.abm_top_con,.abm_bottom_con,.news_center_con,.nys_cont .con,.news_more_ul,.de_con,.ny_invest .invest_work,.join_center .list_nav,.list_dl{ width:80%;}
	 .study_con .stu_l{    padding: 120px 120px 0 0px;}
	  .study_con .stu_l p{ width:80%;}
	  .study_con .stu_l .title {
		margin-bottom: 45px;
		width: 100%;
		text-align: left;
		margin: 0 auto 45px;
		margin-left: 20%;
	}
	.study_con:last-child .stu_l{    padding: 120px 0 0px 120px;}
  .study_con .stu_r img{ width:150%; height:auto;}
  .news {
    width:100% !important;
    }
  .news ul li{
    margin-right: 2%;
  }
}


@media screen and (max-width: 1360px){
	.nav_r dl dt:hover{ cursor:pointer;}
	.nav_r dl dt i{ display:block; width:30px; height:2px; background:#fff; margin:5px 20px; }
	#fh5co-header.on .nav_r dl dt i,#fh5co-header:hover .nav_r dl dt i{ background:#006BB5;}
	.bs-slider{ height:500px!important;}
	.ny #fh5co-hero .font-text{ width:70%;}
	.ny .east{ height:500px;}
	.ny .east_main p{ width:60%; margin-top:60px;}
	.ny .east_main{ margin-top:5%;}
	.copy .ft_center span{ font-size:12px; margin:0;}
	.nav_header_xs{ display:block; position:fixed; right:-40%; top:0;width:40%; height:100%;background:#fff; z-index:100; }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img{ height:100%!important;}
	.hse_con_list .hse_list_center{ width:48%;}
	#fh5co-about .about .ab_l{ width:100%; float:none; margin-bottom:60px;}
	#fh5co-about .about .ab_r{ width:100%; float:none;}
	#fh5co-about .about p{ line-height:1.9em;}
	.con_lu_top li{ margin-right:15%;}
	.con_lu_bottom li img{ width:100%; height:auto;}
	.down_li{ width:30%;}
	.about_more_con ul li{ width:50%; margin-top:40px;}
	.abm_bottom_con,.list{ width:80%;}
	.ny_invest .con_card,.lu_card,.con_lu{ width:70%;}
	
	#fh5co-about.nys_cont{ padding:0!important;}
	#fh5co-header nav{ width:90%; margin-left: -45%;}
	#fh5co-header nav .logo{ width:240px;}
	#fh5co-header nav .logo a img{ width:100%!important;}
	.ny .ny_ft .contact_con dl dd{ line-height:1.75em;}
	.ny .ft_top, .ny .copy{ width:80%;}
	
	.ny .ny_ft,.ny .east_main,#fh5co-about .about{ width:80%;}
	.ny .ny_ft .contact_con{flex-direction: row; margin:0;    justify-content: space-around;}
	.ny .ny_ft .contact_con dl{ width:48%!important; margin:0; margin-top:40px;}
	
	.ny .ny_ft .contact_con dl:nth-child(3){ display:none;}
	#fh5co-header nav{ width:80%;margin-left: -40%;}
	.about_more_con,.list{ width:80% !important;}
	.abm_de .abm_de_con{ width:80%;}
	.abm_top_con{ width:80%;}
	.hse_list_top{ width:80%;}
	.hse_list_center{ width:80%;}	
	.hse_list_bottom{ width:80%; margin:100px auto;}
	.hse_con_con .con{ width:80%;}
	.hse_con_list{ width:80%;}
	.hse_con_pdf{ width:80%;}
	.ny .ft_top, .ny .copy{ width:80%;}
	.ny_invest .con_card{ width:80%;}
	.con_lu{ width:80%;}
	.crumb,.case_li{ width:80%;}
	.con_lu_top{justify-content: space-between;}
	.con_lu_top li p{ line-height:1.75em;}
	.con_lu_bottom li img{ height:auto;}
	.ny_invest .con_card,.lu_card,.hse_con_list,.hse_list_top,.hse_list_center,.hse_con_con .con,.hse_con_list,.join_center .list_nav,.list_dl{ width:80%;}
	.hse_list_top .top_r img{ width:100%; height:auto;}
	.data_li,.nys_cont .con,.news_center_con{ width:80%;}
	.nys_cont .con_list li a{ padding:30px;}
	#fh5co-about.nys_cont{ padding:0!important;}
	#fh5co-header nav .head-nav li>a{ width:80px; font-size:14px!important;}
	.nav_box{ left:-20%;}
	.nav_box_dl{ left:-100%;}
	 .hse_con_list,.hse_list_top,.hse_list_center,.hse_con_con .con,.hse_con_list,#fh5co-about .about,.ny .east_main,.ny .ny_ft,.ny .ft_top, .ny .copy,.crumb,.case_li,.data_li,.about_more_con{ width:80%;}
	 .ny_invest .con_card,.con_lu,.lu_card,table{ width:70%;}
	 fh5co-about{ padding:40px 0 0 0!important;}
	 .case_li{ margin:60px auto 100px;}
	 .crumb{ margin:0 auto;}
	 .abm_de .abm_de_con,.abm_top_con,.abm_bottom_con,.news_center_con,.nys_cont .con,.news_more_ul,.de_con,.ny_invest .invest_work{ width:80%;}
	 .about_more_con ul{ margin:60px 0;}
	 .about_more_con ul li:nth-child(2){ width:33.3%;}
	 .con_Fbottom{ margin:120px auto 100px;padding: 100px 60px;}
	 .news_center_con{ margin:40px auto 0;}
	 .news_more_ul li p{-webkit-line-clamp: 3;}
	 iframe {
    width: 90%;
    height: 500px;
    margin: 60px auto;
  }
  .ny_invest .invest_work li{ width:40%;}
  .work_card{ width:30%;}
 .study_con .stu_l{    padding: 120px 120px 0 0px;}
	  .study_con .stu_l p{ width:80%;}
	  .study_con .stu_l .title {
		margin-bottom: 45px;
		width: 100%;
		text-align: left;
		margin: 0 auto 45px;
		margin-left: 20%;
	}
	.study_con:last-child .stu_l{    padding: 120px 0 0px 120px;}
  .study_con .stu_r img{ width:180%; height:auto;}
  .ft_r a{ padding:0 10px;font-size:13px; }  
  .news{
    width: 100% !important;
  }
  .news ul li{
    margin-right: 1%;
  }
  .news_img{
    height: 150px;
  }
  .news_img img{
    height: 100%;
  }
}

@media screen and (max-width: 1100px){
	.hse_list_top .top_l,.hse_list_top .top_r{ width:100%;}
	.hse_list_top{flex-direction: column;}
	.ny_invest .con_c{ width:100%; height:auto;}
	.ny_invest .con_card{ width:100%; padding:0 20px;flex-direction: column;}
	.ny_invest .con_card li{ width:100%; margin:0 auto; border-bottom:1px solid #f1f1f1;}
	.lu_card {
    width: 100%!important;
    padding: 40px 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.lu_card li{     margin: 0 5px 20px;}
.hse_con_con{ height:500px;}
.data_li li{ width:48%;}
.nys_cont .title{ padding:0; margin:40px 0 0;}
.nys_cont .con_list {
    flex-direction: row;
    padding: 0;
    align-items: center;
    justify-content: space-between;
}
.nys_cont .con_list li{ width:48%; margin:0 0 40px!important;}
.nys_cont .con_list li a{ padding:30px;}
.news_center_con{ width:80%; margin:20px auto 0; padding:0 20px;}
.news_center_con .new_center {
       width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: hidden;
}
#fh5co-about.nys_cont{ padding:0!important;}
.show{ display:block!important;}
.hidden_xs{ display:none;}
.nav_header_xs{ display:block; position:fixed; right:-80%; top:0;width:80%; height:100%;background:#fff; z-index:100000; }
	.hd_xs_nav{ width:100%; height:100%; padding:20px 30px; }
	.hd_xs_nav li{ position:relative;display: flex;align-items:center; flex-direction: column;justify-content: flex-start;}
	.hd_xs_nav li a{ line-height:4.5; color:#333; display:block; width:100%;  border-bottom:1px solid #eee;}
	.hd_xs_nav li:nth-child(1){ flex-direction: row; justify-content:space-between;}
	.hd_xs_nav li .so{ width:20px;}
	.hd_xs_nav li .input{ border:none; width:80%; border-bottom:1px solid #eee; height:50px;}
	.hd_xs_nav li span{ font-size:40px; width:20px; height:100%; cursor:pointer;}
	.hd_xs_nav li .img_xs{ position:absolute; right:0; top:35px; cursor:pointer;}
	.hd_xs_nav li .nav_box_xs{ width:100%; display:none;}
	.hd_xs_nav li .nav_box_xs dl{ margin:0;}
	.hd_xs_nav li .nav_box_xs dl dt,.hd_xs_nav li .nav_box_xs dl dd{ font-weight:500; font-size:14px; color:#666;}
	#fh5co-footer a{ display:block;}
	.con_lu_top li{ width:48%; margin-right:0;}
	.con_lu_bottom li{ width:31%; margin-right:3%}
	.con_lu_bottom li:nth-child(3n){ margin-right:0;}
	.con_lu_bottom li:nth-child(4n){ margin-right:3%;}
	.about_more_con ul{ justify-content: flex-start; flex-wrap: wrap; margin-top:0;}
	.about_more_con ul li{ width:33.3%;}
	.abm_de .abm_de_con ul li{ width:25%;}
	.abm_de .abm_de_con ul li span{ width:75%; margin:0 auto; display:block;}
	.about_more_con ul{  flex-wrap: wrap; justify-content: flex-start;}
	.about_more_con ul li{ width:33.3%;}
	.abm_de .abm_de_con ul li{ width:30%;}
	.abm_top_con ul li{ width:50%;}
	.abm_bottom_con ul li{ width:50%;}
		.abm_top_con ul li{ width:50%;}
		.news_center_con .new_center{ flex-direction: column; height:auto;}
	.news_center_con .new_center .new_img,.news_center_con .new_center ul{ width:100%;}
	.news_center_con .new_center .new_img img{ width:100%; height:auto; position:relative;}
	.news_more_ul li{ width:48%; margin-right:4%;}
	.news_more_ul li:nth-child(2n){ margin-right:0;}
	.news_more_ul li:nth-child(3n){ margin-right:4%;}
	.news_more_ul{ margin:0 auto 60px;}
	.nys_cont.on{ margin-bottom:60px;}
	iframe {
    width: 90%;
    height: 500px;
    margin: 60px auto;
}
table{ margin:60px auto;  width:100%;}
.ny_invest .invest_work{justify-content: space-around;}
.ny_invest .invest_work li{ width:45%; margin:0;}
.work_ul{    flex-direction: column;}
.work_card{ width:100%;}
.word_de_con{ width:100%; padding-top:0px;}
.study_con{flex-direction: column; width:80%; margin:0 auto; }
.study_con .stu_l,.study_con .stu_r{ padding:0; width:100%; margin:0; height:auto; margin-bottom:40px; padding:0;}
.study_con .stu_l p{ width:100%; margin:0; display:block; margin:0 auto;}
.study_con .stu_l .title{ margin:0 auto 20px; width:100%; }
.study_con .stu_r img{ width:120%; height:auto; margin:40px auto 0; display:block;}
.study_con:last-child .stu_l{ padding:0;}
.stu_bottom .bottom_b{ margin:100px auto 0;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width:auto!important; height:100%!important;}
.join_center .join_card{     flex-wrap: wrap; padding:0 20px;    justify-content: space-between;}
.join_center .join_card li{ width:48%; padding:0;}
.join_center .join_card li a{ width:100%; margin:0;}
.join_center h2{ width:80%; padding:0 20px; margin:40px auto;}
.join_center .contain{ margin-bottom:60px;}
.join_center .join_card{ width:80%; margin:0 auto;}

.list_dl dt span {
    width: 32%;
    padding-left: 0;
    color: #666;
    font-size: 18px;
    display: inline-block;
    box-sizing: border-box;
    font-weight: 400;
}

.join_img{ width:50px;}
.list_dl dd{ padding:20px;}
.list_dl dd .dd_t span{ margin:0; line-height:2em;}
.list_dl dd .dd_b p{ font-size:16px;}
.list_dl dd .dd_b span{ font-size:16px; margin:20px 0;}
.join_bot{ margin:0;}
.study_con .stu_r img{ width:100%; height:auto;}
 
}
@media screen and (max-width: 780px) {
	.study_con{ width:100%;}
	.study_con .stu_l,.study_con .stu_r{ padding:0; width:100%; margin:0; height:auto;}
	.study_con:last-child .stu_l{ margin-top:40px;}
.study_con .stu_l p{ width:100%; margin:0;}
.study_con .stu_l .title{ margin-bottom:20px; width:100%;}
.study_con .stu_r img{ width:100%; height:auto;}
	#fh5co-footer a{ display:inline;}
.show{ display:block!important;}
.hidden_xs{ display:none;}
.nav_header_xs{ display:block; position:fixed; right:-80%; top:0;width:80%; height:100%;background:#fff; z-index:100000; }
	.hd_xs_nav{ width:100%; height:100%; padding:20px 30px; }
	.hd_xs_nav li{ position:relative;display: flex;align-items:center; flex-direction: column;justify-content: flex-start;}
	.hd_xs_nav li a{ line-height:4.5; color:#333; display:block; width:100%;  border-bottom:1px solid #eee;}
	.hd_xs_nav li:nth-child(1){ flex-direction: row; justify-content:space-between;}
	.hd_xs_nav li .so{ width:20px;}
	.hd_xs_nav li .input{ border:none; width:80%; border-bottom:1px solid #eee; height:50px;}
	.hd_xs_nav li span{ font-size:40px; width:20px; height:100%; cursor:pointer;}
	.hd_xs_nav li .img_xs{ position:absolute; right:0; top:35px; cursor:pointer;}
	.hd_xs_nav li .nav_box_xs{ width:100%; display:none;}
	.hd_xs_nav li .nav_box_xs dl{ margin:0;}
	.hd_xs_nav li .nav_box_xs dl dt,.hd_xs_nav li .nav_box_xs dl dd{ font-weight:500; font-size:14px; color:#666;}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{ height:100%!important; width:auto!important;}
.fh5co-nav-toggle{ display:none;}
#fh5co-header nav{ width:100%; left:0; margin:0; padding:0 20px;}
.ny #fh5co-hero .font-text{ width:100%; line-height:2em;}
#fh5co-hero{ height:550px;}
.slide-text{ top:25%!important;}
#fh5co-about .about{ width:100%; padding:10px 20px 0;}
.ny .east{ height:500px;}
.ny .east_main{ width:100%; padding:0 20px;}
.ny .east_main p{ width:100%;}
#fh5co-projects{ padding-top:60px!important;}
.ny .ny_ft{ width:100%; padding:0 20px;}
.ny .ny_ft .contact_con{flex-direction: column; margin:0;}
.ny .ny_ft .contact_con dl{ width:100%!important; margin:0; margin-top:40px;}
/*.footer .contain{ margin-top:40px;}*/
.ny .ft_top, .ny .copy{ width:100%;}
.ny .ft_top{ flex-wrap:wrap; padding:0 20px; justify-content: flex-start;}
#navBar{ width:33.3%;}
.ft_nav{ width:33.3%;}
.ny .ft_top .ft_nav:nth-child(4){ margin-top:20px; width:50%;}
.ny .ft_top .ft_nav:nth-child(4) img{ width:120px;}
.ny .ft_top .ft_nav:nth-child(5){ margin-top:20px;width:50%;}
.ny .ft_top .ft_nav:nth-child(5){ text-align:left;}
.copy .ft_icon{ width:100%;}
.copy{ padding:20px; justify-content: flex-start;flex-direction: column; height:auto;}
.hse_list_top{ width:100%;flex-direction: column;}
.hse_list_top .top_l,.hse_list_top .top_r{ width:100%; padding:0 20px;}
.hse_list_top .top_l span{ font-size:14px; margin: 10px 0 20px;}
.hse_list_top .top_r{ margin-top:30px; background:none;}
.hse_list_center{ width:100%; height:auto; margin:60px 0; padding:0 20px;}
.hse_list_center li{ height:auto; line-height:50px;display: flex;
    flex-direction: row;}
.hse_list_center li span{ display:block;}
.hse_list_bottom{ width:100%; margin:60px 0 0; padding:0 20px;}
.hse_con_con .con{ width:100%; padding:0 20px;}
.hse_con_list{ width:100%;}
.hse_con_list .hse_list_center{ margin:0; width:100%;}
.hse_con_list h3{ width:100%; padding:0 20px; margin:60px 0 0; line-height:1.75em;}

#fh5co-projects{ margin:0!important;}
.footer{ background:#2d3845}
.hse_con_pdf{ width:100%;}
.hse_con_pdf .word_de_con{ width:100%; padding:0 20px;}
.word_de_con .li_l{ padding:0;}
.hse_con_pdf h3{ width:100%; padding:0 20px;}
.word_de_con .li_l h3{ padding:0; line-height:2em;}
.word_de_con .li_r img{ margin-bottom:20px;}
.ny #fh5co-hero .font-title{ font-size:30px!important;}
.ny #fh5co-hero .font-text{ text-align:center;}
#fh5co-about{ padding:10px 0 0!important; margin:0!important}
.about_more_con{ width:100%; padding:0 20px;}
.about_more_con ul{ margin:60px 0;flex-direction: row; flex-wrap:wrap}
.about_more_con ul li{ width:48%;}
.about_more_con ul li span{ text-align:center;}
.abm_de .abm_de_con{ width:100%; padding:0 20px;}
.abm_de h2{ line-height:2em;}
.abm_de .abm_de_con ul{ margin-top:60px;}
.abm_de .abm_de_con ul li{ width:100%;}
.abm_top_con{ width:100%; padding:0 20px;}
.abm_top_con ul li{ width:50%;}
.abm_top_con ul li span{ text-align:center;}
.abm_bottom_con{ margin:0 auto 60px; width:100%;}
.abm_bottom_con ul{ margin-top:0px; justify-content: flex-start;  flex-wrap: wrap;}
.abm_bottom_con ul li{ margin-top:60px; width:50%;}
#fh5co-hero .item h1{ font-size:32px; width:100%;}
.ny_text{ top:40%!important;}
.crumb{ margin:0; width:100%; padding:0 20px;}
.crumb a{ font-size:14px;}
.case_li{ width:100%; flex-direction:column; padding:0 20px; margin:60px 0 0;}
.case_li li{ width:100%; margin-bottom:60px;}
.data_li{ margin:0 auto 60px; width:100%;  flex-direction: column; padding:0 20px;}
.data_li li{ width:100%; margin:40px 0 0;}
#fh5co-about .about{ width:100%;}
#fh5co-about .about .ab_l,#fh5co-about .about .ab_r{ width:100%; float:none;}
.more{ width:100%;}

#fh5co-about .about .ab_r{ margin-top:40px;}
.bottom_b{width: 90%;
    height: 60px;
    background: #006BB5;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    margin: -30px auto 0;
    position: relative;
    display: block;}
.cbdiv_55d0ceee{ background:url(../images/banner_1.jpg) no-repeat center;}
.cbdiv_ad7c0d41{ background:url(../images/banner_2.jpg) no-repeat center;}
.cbdiv_f237e5a6{ background:url(../images/banner_3.jpg) no-repeat center;}
p.c-paragraph{ line-height:2em;}
.ny_invest .con_c{ width:100%; height:auto;}
.ny_invest .con_card{ width:100%; padding:0 20px;flex-direction: column;}
.ny_invest .con_card li{ width:100%; margin:0 auto; border-bottom:1px solid #f1f1f1;}
iframe {
    width: 80%;
    height: 350px;
    margin: 60px auto;
}
.ny_invest{ padding:0!important;}
table {
    width: 100%;
    margin: 40px auto;
    border: 1px solid #dddddd;
    padding: 0 20px;
}
.news_page {
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.news_page li{ margin-bottom:15px;}
.ny_invest .invest_work{ width:100%;    flex-direction: column; margin:60px 0 20px; padding:0 20px;}
.ny_invest .invest_work li{ width:100%; margin-bottom:40px;}
.work_ul{ width:100%;flex-direction: column; margin:0 auto;}
.work_card {
    width: 100%;
    padding: 0 20px;
}
.work_card li{ margin-top:20px}
.word_de_con {
    width: 100%;
    padding: 20px;
}
.word_de_con .li_l img{ margin-right:20px;}
.top{ display:none!important; opacity:0}
.join_center .join_card{     flex-wrap: wrap; padding:0 20px;    justify-content: space-between;}
.join_center .join_card li{ width:48%; padding:0;}
.join_center .join_card li a{ width:100%; margin:0;}
.join_center h2{ width:100%; padding:0 20px; margin-top:20px;}
.list_dl{ width:100%;}
.join_center .list_nav{    width: 100%;
    padding: 0 20px; margin:20px 0;}
.list_dl dt {
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #dcdcdc;
    line-height: 40px;
    position: relative;
    align-items: center;
    cursor: pointer;
	padding:20px;
	display:block;
}
.list_dl dt b {
    width: 100%;
    padding-left: 0;
}
.list_dl dt img{ top:35px;}


.list_dl dt span {
    width: 32%;
    padding-left: 0;
    color: #666;
    font-size: 18px;
    display: inline-block;
    box-sizing: border-box;
    font-weight: 400;
}

.join_img{ width:50px;}
.list_dl dd{ padding:20px;}
.list_dl dd .dd_t span{ margin:0; line-height:2em;}
.list_dl dd .dd_b p{ font-size:16px;}
.list_dl dd .dd_b span{ font-size:16px; margin:20px 0;}
.join_bot{ margin:0;}
#fh5co-about.nys_cont{ padding:0!important;}
.nys_cont .con{ width:100%;}
.nys_cont .title{ padding:0 20px; margin:20px 0 0;}
.nys_cont .con_list{flex-direction: column; padding:0 20px;}
.nys_cont .con_list li{ width:100%; margin:0 0 40px!important;}
.nys_cont .con_list li a{ padding:30px;}
.news_center_con{ width:100%; margin:0; padding:0 20px;}
.news_center_con .new_center {
       width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: hidden;
}

.news_center_con .new_center .new_img{ width:100%;}
.news_center_con .new_center .new_img img{ position:relative; height:auto; width:100%;}
.news_center_con .new_center .new_img .news_box_con{ padding:0 20px;}
.news_center_con .new_center .new_img .news_box_con h3{ line-height:1.75em;}
.news_center_con .new_center ul{ width:100%; padding:0 20px;}
.news_center_con .new_center ul li h3{ line-height:1.75em;}
.news_center_con .more{ margin:40px auto 0;}
.con_Fbottom{ margin:40px 0; padding:60px 20px;}
.con_Fbottom .ftb{flex-direction: row; flex-wrap:wrap;}
.con_Fbottom .ftb li{ width:48%; margin-bottom:40px;}
.slide-text h1{ font-size:32px!important;width: 100%!important;
    display: flex!important;
    justify-content: center!important;}
.de_con{ width:100%; margin:40px 0; padding:0 20px;}	
.de_con h3{ line-height:1.75em;}
.de_con img{ margin:20px auto}
	.ft_de{ height:80px; line-height:80px;}
.news_more_ul{ width:100%; margin:0 auto 40px;flex-direction: column; padding:0 20px;}	
.news_more_ul li{ width:100%;}

.stu_center .contain{ margin:0 0 40px; padding:0 20px;}
#fh5co-about.stu_bottom{ padding:0!important;}
.stu_bottom .bottom_b{ height:60px; line-height:60px; font-size:26px;}
audio, canvas, progress, video{ height:100%;}
.con_lu{ width:100%; padding:0 20px;}
.con_lu_top{    justify-content: space-between;}
.con_lu_top li{ width:48%; margin:0; margin-top:40px;}
#fh5co-about.ny_invest{ padding:0!important; margin:0!important;}
.con_lu .title{ margin-top:40px;}
.con_lu_bottom{justify-content: space-between;}
.con_lu_bottom li{ width:47%; margin:0; margin-top:40px;}
.con_lu_bottom li a{ width:100%;}
.con_lu_bottom li a img{ width:100%; height:auto;}
.con_lu_bottom li span{ font-size:14px; width:100%;}
.down_li{ margin:40px 0; width:100%;}
.lu_card{ width:100%!important; padding:40px 20px; flex-wrap:wrap; justify-content: center;}
.lu_card li{     margin: 0 5px 20px;}
.lu_card li:last-child{ margin:0 0 20px 5px;}
.study_con:last-child .stu_l{ padding:0; align-items:flex-start;justify-content:flex-start;}
.study_con:last-child .stu_l .title{ margin:0 0 20px;}
.about_more_con ul li:nth-child(2){ width:48%;}
#fh5co-about .about p{ line-height:1.9em;}
.stu_bottom .bottom_b{ margin:40px auto 0;}
.data_li li .img{ height:auto; margin-bottom:40px;}
.news_more_ul li{ margin-right:0;}
.news_more_ul li:nth-child(2n){ margin-right:0;}
	.news_more_ul li:nth-child(3n){ margin-right:0%;}
.ty_banner{ top:30%!important;}


.news{
  margin: 25px auto 0;background: #fff;
}	
.news{width: 100% !important; margin-top: 0px !important;}
.news ul{flex-wrap: wrap; margin-top: 0px !important;}
.news ul li{width:90% !important;margin: 10px auto;}
.go-btn{margin-top:0px !important;}
}




.news{ width:1200px; margin:40px auto 0;}
.news ul{ display:flex; flex-direction: row; margin-top:25px; justify-content:space-between;}
.news ul li{ display:flex;flex-direction:column; width:250px; height:auto; border:1px solid #f4f4f4; border-radius:10px; overflow:hidden; box-shadow: 1px 4px 16px 0 rgb(0 0 0 / 12%);}
.news_img{ display:block; width:100%; height:180px; overflow:hidden;}
.news_img img{ width:100%; /* height:100%; */}	
.news ul li .new_img:hover img{transform:scale(1.1,1.1)}
.news .date{
color: #006BB5;		  
  text-align: left;
  padding: 10px 20px;
font-weight: 500;
margin: 0px;
}
.news .text{
padding: 0px 20px;
color: #000000;
text-align: justify;
font-weight: 500;
padding-top: 10px;
}  

  .go-btn {
      width: 160px;
      height: 40px;
      line-height: 40px;
      border-radius: 20px;
      background: #006BB5;
      display: block;
      text-align: center;
      font-size: 16px;
      color: #fff;
    /* text-transform: uppercase;
     -webkit-transition: all .5s;
     transition: all .5s; */
    float: right;
margin-top: 40px;
  }
  
  .go-btn span {
      position: relative;
      z-index: 2
  }
    .go-btn span img {
    position: relative;
    z-index: 2
}
  .btn-8 {
      overflow: hidden;
      position: relative;
  }
  
  .btn-8:before,
  .btn-8:after {
      content: "";
      position: absolute;
      z-index: 1;
      height: 100%;
      width: 0;
      top: 0;
      background-color: #0a4bd2;
      -webkit-transition: all .4s;
      transition: all .4s;
  }
  
  .btn-8:before {
      left: -30px;
      -webkit-transform: skew(-45deg, 0);
      transform: skew(-45deg, 0);
  }
  
  .btn-8:after {
      right: -30px;
      -webkit-transform: skew(-45deg, 0);
      transform: skew(-45deg, 0);
  }
  
  .btn-8:hover {
      color: #fff;
  }
  
  .btn-8:hover i {
      left: 10px;
  }
  
  .btn-8:hover:before,
  .btn-8:hover:after {
      width: 80%;
  }
.news ul li:hover {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
  -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
  box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
}
/* List列表 */

.list{width: 80%; margin: 20px auto; padding:0 20px;}
.list-l{	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 0px;
}
.list-l .list_news{
	width: 100%;	
}
.list{
  margin: 50px auto 0;
 }	
.list-l:hover{background: #F6F6F6;}
.list-l{
  height: 50px;
  line-height: 50px !important;
  border-bottom: 1px solid #f0f4f8;
  padding-right: 24px;
  cursor: pointer;	
}
.list-l .list_news{display: inline-block;
 /* padding-left: 10px; */
  font-size: 16px;
  color: #495060;
margin: 0px;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-l .list_date{float: right;
  display: inline-block;
  color: #bbbec4;
  font-size: 14px;
  min-width: 80px;
}
button{
width:1200px;
margin:10px auto;
text-align: center;
display: none;
}