@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: #000;
  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;
  }
}
.margin-top-60{
	margin-top: 60px;
}
.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; margin-top: -20px;}
#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-inne{
	width:100%;
	height:100%;
	}
.carousel-inne > .item > img, .carousel-inne > .item > a > img{
	max-width: 100%;
	line-height: 1;
	width: 100%;
}
.bs-slider .bs-slider-overlay{ background:none!important;}

/* 云商动态 开始 */
  .live{ width:67%; margin:0 auto 120px; display:flex;flex-direction: row;justify-content:flex-start;align-items: center; flex-wrap:wrap; /* justify-content: space-between; */}
		.live li{ display:flex;flex-direction:column; width:360px; height:auto; border:1px solid #f4f4f4; border-radius:5px; overflow:hidden; transition:0.3s; margin-top: 50px; margin-right: 3%;}
		.live li:nth-child(3n){margin-right: 0px !important;}
		.live li:hover{
		    -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
		    -moz-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
		    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
		}
	    .live li .center:hover p{color: #FFFFFF;}
	    .live li .center:hover span{color: #FFFFFF;}
	    .live li .center:hover{background: #1B3A8C;}
	    .live li:hover .center{ background: #1B3A8C;}
	    .live li:hover .center p{color: #FFFFFF;}
	    .live li:hover .center span{color: #FFFFFF;}
		.live_img{ display:block; width:100%; overflow:hidden; height: 263px;}
		.live_img img{ width:100%;   transition:0.3s; /* height: 263px; */ height: 100%;} 
		.live .h3{
			width: 195px;
		    height: 28px;
		    line-height: 28px;
		    padding: 0px 9px;
		    color: #07111B;
		    font-size: 15px;
		    overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
			display:block;
			margin-top:5px;
			}	
		.live li .center{
			padding: 30px 20px;
			background: #F2F2F2;
			text-decoration: none;
			height: 177px;
		}
		.live li .center p{
			color: #808080;
			font-size: 16px;
			font-family: 微软雅黑;
			margin: 0;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			word-break: break-all;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		}
		.live li .date{
			display:flex;
			flex-direction: row;			
			align-items:center;
			justify-content:space-between;
		    height: 23px;
		    line-height: 23px;		
		    color: #B5B5B5;
		    font-size: 12px;
			margin-bottom: 10px;
			}
		.live li .date p{
			font-size: 22px;
			color: #808080;
		}
		.live li .date span{
			font-size: 14px;
			color: #808080;
		}		
		.live li:hover img{
				transform:scale(1.2,1.2);
				
			}
/* 云商动态 结束 */
@media screen and (max-width: 480px) {
  #fh5co-hero {
    height: 100% !important;
	top:0;
  }
  .fade .item{
	 height:100%; 
  }
  .carousel-inne > .item > img, .carousel-inne > .item > a > img{
	 height:100% !important;
	max-width: none;
	width: 100% !important;
}
.pc{display: none !important;}
.phone{display: block !important;}
/* 走进云商轮播 */
.bs-slider{ height: 100% !important; }
.banner{height: 100% !important;}
/* 手机端 友情链接 开始 */
.links{display: flex; flex-wrap: wrap;justify-content: space-around; padding: 0 20px;}		
.links li{width: 45%; margin-bottom: 1em;}
.links li a{width: 100%; height: 50%;}
.links li a img{width:100%; box-shadow: 1px 4px 16px 0 rgb(0 0 0 / 12%);}
/* 手机端 友情链接 结束 */
}

#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: left;
	line-height: 1.2em !important;
  }
  #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 0px;
	/* height: 40px; */
  }
 
}
#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: 0 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:80px;}
#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: 80px;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:40px;padding-left: 20px;font-weight: 550;}
#fh5co-about .about p{  font-size: 16px; 
    line-height:2em;
    padding: 16px 0;
    color: #000;
    font-weight: 500;
    margin: 0 ;/* text-align:justify!important */}
#fh5co-about .about .text{  font-size: 16px; width: 1000px;
    line-height:2em;
    padding: 16px 0;
    color: #A7A4B0;
    font-weight: 500;
    margin: 0 auto ;}
.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; margin: 0 auto;}
#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{ color:#7f868d; font-family: "Roboto", Arial, sans-serif; font-size:14px; margin-right:65px; 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 h2{ font-size:36px; padding-left: 20px; font-weight: 550;}
/*关于我们页面代码开始*/

/*东方文化代码开始*/
.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:0px 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:100px auto 0; text-align:center;}
.news_center_con .new_center{ width:100%; margin-top:70px; 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;}

/* 政策资讯代码 开始 */
.list{width: 67%;
    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;
	}
/* 政策资讯代码 结束 */

/* 招贤纳士代码 开始 */
.news_more_ul{ width:67%; margin:0 auto 120px; display:flex;flex-direction: row;justify-content:flex-start;align-items: center; flex-wrap:wrap; justify-content: space-between;}
.news_more_ul li{ margin-top:60px; width:30%; border:1px solid #006bb5; border-radius:10px; padding:40px 30px 25px; margin-right:5%; height: 274px;}
.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:100px 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:67%; 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;}
/* 企业荣誉 PC端 不轮播 开始 */
.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{ overflow: hidden;}
/* .con_lu_bottom li img:hover{ transform: scale(1.4);} */
.con_lu_bottom li img{ width:100%; height:auto; border-radius:5px; display:block; cursor: pointer; /* transition: all 0.6s ease-in;-webkit-transition: all 0.6s ease-in; */}
.con_lu_bottom li span{ color:#333; font-size:16px; margin-top:10px; display:block; width:85%; margin:10px auto 0;} */
/* 企业荣誉 PC端 不轮播 结束
.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; display:flex;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:none; 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-inne > .item > img, .carousel-inne > .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,.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,.list,.de_con,.ny_invest .invest_work,.join_center .list_nav,.list_dl{ width:80%;}
  iframe{ 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;}

/* 新闻动态 开始 */
.live{
	width: 80% !important;
}
.live li{
	width: 30% !important;
	margin-right: 5% !important;
}
/* 新闻动态 结束 */
/* 底部 开始 */
	.ft_top, .copy{width: 100% !important;}
	.ft_logo{margin-left: 10%;}
	.ft-l{margin-right: 5%;}
	.ft_con{margin: 40px 0px !important;}
/* 底部 结束 */
}


@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-inne > .item > img, .carousel-inne > .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:16px!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{ width:80%;}
	.ny_invest .con_card,.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,.list,.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%;
		
	}
	/* 云商头条 结束 */	
	
	/* 底部 开始 */
		.ft_top, .copy{width: 100% !important;}
		.ft_logo{margin-left: 10%;}
		.ft-l{margin-right: 5%;}
		.ft_con{margin: 40px 0px !important;}
	/* 底部 结束 */
	/* 新闻动态 开始 */
	.live{
		width: 80% !important;
	}
	.live li{
		width: 30% !important;
	}
	/* 新闻动态 结束 */
	
}


@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:600px;} */
	.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-inne > .item > img, .carousel-inne > .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;s}
	#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{ width:80%;}
	.ny_invest .con_card,.lu_card{ 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;}
	.hd_xs_nav li .img_xs_1{position: absolute; right: 0; top: 35px; cursor: pointer; display: block !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{ width:80%;}
	.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,.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,.list,.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_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; }
  
  /* 首页 走进云商 开始 */
   #fh5co-about .about .text{width: 100%;}
  .see_con{width: 100% !important; }
  .see_con li {margin:30px auto;}
  /*  首页 走进云商  结束*/
  /* 云商头条 开始 */
   .news_center_con{ width: 90%;}
   .news{
	   width: 100% !important;
   }
   .news ul li{
	   margin-right: 1%;
   }
   .news_img{
	   height: 150px;
   }
   .news_img img{
	   height: 100%;
   }
  /* 云商头条 结束 */
  
  /*企业轮播 开始  */
  .apply_nav{width: 80% !important;}
  .apply {
      width: 100% !important;
      margin: 0 50px !important;
  	}
  /* 企业轮播 结束 */
  /* 底部 开始 */
  	.ft_top, .copy{width: 100% !important;}
  	.ft_logo{margin-left: 10%;}
  	.ft-l{margin:0 5% 0 10%;}
  	.ft_con{margin: 40px 0px !important;}
	.ft_b{
		width: 80% !important;
	}
  	/* 底部 结束 */
	/* 新闻动态 开始 */
	.live{
		width: 80% !important;
	}
	.live li{
		width: 30% !important;
	}
	/* 新闻动态 结束 */
}

@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:100%; 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-inne > .item > img, .carousel-inne > .item > a > img{ 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;}
  /*企业轮播 开始  */
 
 /* .apply {
      width: 95% !important;
  	} */
	.apply{display: none;}
  /* 企业轮播 结束 */
 /* 底部 开始 */
 .ft-l{margin:0 5% 0 5%;}
  /* 底部 结束 */
  /* 新闻动态 开始 */

  	.live li{
  		width: 48% !important;
		margin-right: 4% !important;
  	}
	.live li:nth-child(2n) {
	    margin-right: 0px !important;
	}
	.live li:nth-child(3n){
		margin-right: 4% !important;
	}
  /* 新闻动态 结束 */
 
}
@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;}
/* 头部导航栏 开始*/
#fh5co-header{height: 50px !important;}
#fh5co-header nav .logo{height: 45px !important;}
#fh5co-header nav .logo a img{width: 70% !important;}
#fh5co-header nav{height: 50px !important;  padding: 5px 0px 0px 0px !important;}
.login_nav{margin-bottom: 10px !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-inne > .item > img, .bs-slider > .carousel-inne > .item > a > img{ height:100%!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;}

.slide-text{padding: 10px 5% !important; top:35% !important;}
.slide-text h1{ width: 100%!important;
    /* display: flex!important; */
 } 
 #fh5co-hero .item h1{ text-align: left;}
#fh5co-about .about{ width:100%; padding:30px 20px 0;}
#fh5co-about .about h2{margin: 0 !important;}
.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{  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%;}
.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;}
.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;}
.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;}	
.news_more_ul li{ width:80% !important;}
.live_img img {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:100%; margin:0; margin-top:40px;}
.con_lu_bottom li:nth-child(4n) {
    margin-right: 0;
}
.con_lu_bottom li:nth-child(4n) {
    margin-right: 0;
}
.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.7em !important; width: 100% !important; font-size: 0.8em !important;}
#fh5co-about .title .ico{width: 45px !important;height: 45px !important;}
#fh5co-about .bg{font-size: 1.8em !important;}
#fh5co-about .bg span{font-size: 0.5em !important;}
.see_con{ width: 100% !important; margin: 0px auto 0 !important;}
.see_con li .see_img .train{height: 100%;}
.see_con li{
	margin: 30px auto;
	width: 40% !important;
	height: auto;
}
.see_con li .see_img{
	height: 155px !important;
}
.see_con li .box{
	height: 40px !important;
	line-height: 40px !important;
}
.see_con li .box span{
	font-size: 1em !important;
}
.see_con li:nth-child(3){display: none;}
/* 首页 走进云商 */

/*  首页 云商头条 */

.news{width: 100% !important; margin-top: 0px !important;}
.news ul{flex-wrap: wrap; margin-top: 0px !important;}
.news ul li{margin: 10px 0;}
.apply{display: none;}
.go-btn{display: none;}
.news ul li{

	width: 48% !important;
}
.news .text{
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding-top:0px !important ;
	padding: 0px 10% !important;
}
.news .line{margin: 0px 10% !important;}
.news .date{padding: 0px 10% !important;}

/* 首页 云商头条 */
.stu_bottom .bottom_b{ margin:40px auto 0;}
.data_li li .img{ height:auto; margin-bottom:40px;}
.news_more_ul li{ margin-right:0 !important;}
.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_img{height: 50% !important;}
/* 联系我们 */
.contact-c{display: inline-block !important; margin-bottom: 20px;}
/* .contact-m img{width: 100% !important;} */
/* 新闻动态 开始 */
	.live{
		    width: 80% !important;
		    margin: 0 auto 0px !important;
		   /* flex-direction: column !important; */
	}
	.live li{
		width: 100% !important;
		margin-right: 0px !important;
	}
/* 新闻动态 结束 */

/* 政策资讯 开始 */
.list{width: 100%; 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%;	
}

/* 政策资讯 结束 */
}

/*底部手机端 */
		@media screen and (max-width: 780px){
			.bottom,
			.bottom .bottom-center{
				height: auto;
			}
			ul, ol {
				padding-left: 0;
			}
			.de_con i {
				display: none;
			}
			.ft-l>div:nth-of-type(1){
				display: none;
			}
			.ft_con{
				margin: 20px 30px !important;
			}
			.ny .ft_top{
				padding: 0;
			}
			.ft-r{
				padding-left: 0 !important;
			}
			.ft_b{
				width: 100% !important;
			}
			.ft_b p{
				font-size: 0.8em !important;
			}
			
			.fadeInUp{
				line-height: unset;
			}
			.ft_logo{
				margin-left:0px ;
				margin-bottom: 20px;
			}
			
			
		}
		@media screen and (max-width: 480px){
			.ft-l>div:nth-of-type(1){
				display: block;
			}
			.ft_con{margin: 20px 0px !important;}
			.ft-r p{font-size: 0.8em !important;}
			.ft-r p a{font-weight: 500;color: #273B63 !important;}			
		}

/* 公司简介 开始 */
	.w1200 {
	    width: 67%;
	    margin: auto;
	}		
	.f-r {
	    float: right;
	}
	
	.f-l {
	    float: left;
	}
	.c-h {
	    overflow: hidden;
	}	

	/* more+  开始 */
	.kc_box {
	    padding: 50px 0px 10px 0px;
	   border-bottom: 2px dashed #CCCCCC;	
	}
	.kc_box span{
		font-size: 24px;	
	}
	.bt_text{
		color:  #000;
		font-weight: 500;
	}
	.nr_text{
		color: #CCCCCC;
		font-weight: 500;
	}
	.nr_text:hover{color: #1b96ff;}
	/* more+  结束 */
	
	/*图片加文字  介绍  开始 */
	.news{
		margin: 25px auto 0;
	}		
	
	/* 两边 文字 开始*/
	.width-l{
		width: 530px;
	}
	.width-l p{
		font-size: 15px; line-height: 35px;color: #000000;font-weight: 500;
	}
	/* 两边 文字 结束 */
	
	/* 公司图片 开始 */
	.img-r img{
		width: 551px;
		height: 360px;
	}	
	.don .don_img{ position:relative; display:block; width:100%;/* height:360px; */ overflow:hidden; border-radius: 15px;}
	.don{ width:551px; height:auto;}		 
	.don .box{ position:absolute; left:0; bottom:0; width:100%; height:60px;background:rgba(0,0,0,0.5); z-index:10; line-height:60px; text-align: center; box-sizing:border-box;}
	.don .box span{ color:#fff; font-size:20px;}
	.don .don_img:hover img{ transform:scale(1.1,1.1)}
	.don .don_img .img{transition:0.3s;}
	@media screen and (max-width: 1300px){
		.don{width: 451px;}
	}
	
	@media screen and (max-width: 1200px){
		
		/* 首页 手机端 开始 */
		.w1200{
			width: 80% !important;
		}
			
	/* 	.main{padding: 0 3%; max-width: 94%;} */
		.img{
			width: 100% ;
			height: 100%; 
		}
	
		.width-l{width: 100% !important; }
		.don{width: 100%; margin-top: 15px; }	
		.don .box{
			height: 50px;
			line-height: 50px;
		
		}		
		.don .don_img{height: 100% }
		/* 首页 手机端 结束 */
		}
	
		@media screen and (min-width: 1500px) and (max-width: 1680px){
			.con_lu{width: 80%;}
			.w1200{
				width: 80% ;
			}
		}
		@media screen and (max-width: 1360px){
			.con_lu{width: 80%;}
			.width-l{width: 430px; }
			.w1200{
				width: 80% ;
			}
		
		}
		@media screen and (min-width: 1360px) and (max-width: 1500px){
			.con_lu{width: 80%;}
			.w1200{
				width: 80% ;
			}
		}
/* 公司简介 结束 */
		
/* 首页 走进云商 开始 */
  	.see_con{ width:1200px; height:auto; margin:25px auto 0; display:flex;flex-direction: row; justify-content:space-between; flex-wrap:wrap;}
  	.see_con li{ width:388px; height:auto;}
  	.see_con li .see_img{ position:relative; display:block; width:100%; height:388px; overflow:hidden; /* border-radius: 7px; */}
  	.see_con li .see_img .train{ position:absolute; top:0; left:0; width:100%; /* height:100%; */ z-index:1; transition:0.3s;}
 	.see_con li .see_img:hover img{ transform:scale(1.1,1.1)}  
  	.see_con li .box{ position:absolute; left:0; bottom:0; width:100%; height:60px;background:rgba(0,0,0,0.5); z-index:10; line-height:60px; text-align: center; box-sizing:border-box;}
  	.see_con li .box span{ color:#fff; font-size:20px;}
	.see_con li .box .arrow{padding-left: 10px;font-size: 20px; font-weight: 500;}
  	.see_con li .see_img .play{position: absolute; left: 265px;	 z-index: 1; top: 100px;}
  	.see_con li .see_img .play img{ width: 70px; height: 70px; align-content: center;}
/* 首页 走进云商 结束 */


/* 首页 云商头条 开始 */
  	.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: #1B3A8C;		  
	    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: #1B3A8C;
          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);
		}
/* 首页 云商头条 结束 */

/* 首页 企业轮播 开始 */
  /* apply */
  .apply{width:1200px;margin:20px auto 0 auto;}
  .apply .apply_nav .apply_w .apply_array{/* width:100px; height:196px;  border: #cdcdcd 1px solid; */
    padding: 16px;
    width: 134px;
    float: left;    
    margin-right: 32px;
}}
  .apply_img{    text-align: center;
    width: 100px;
    display: table-cell;
    /* background: #e2e2e2; */
    height: 100px;
    font-size: 95px;
    vertical-align: middle; 
	}
  .apply_img img { /* width: 160px;*/ /* height: 130px;  box-shadow: 1px 4px 16px 0 rgb(0 0 0 / 12%); */width: auto;
    height: 100px;}
  .apply_nav{position:relative;width:1100px;float:left;height:252px;overflow:hidden}
  .apply_w{position:absolute;margin-top:22px;width:1000px;float:left;left:0px; display: flex;}
  .apply .img_l{padding:70px 12px 0 12px;float:left;cursor:pointer;}
  .apply .img_l img{width: 25px; height: 25px;}
  .apply .img_r{padding:70px 12px 0 12px;float:left;cursor:pointer;}
  .apply .img_r img{width: 25px; height: 25px;}
  
/* 首页 企业轮播 结束 */