@font-face {

  font-family: 微软雅黑,Source Sans Pro Regular, Smooth;

  src: url("http://www.enpyh.com/skin/fonts/icomoon.eot");

  src: url("http://www.enpyh.com/skin/fonts/icomoon.eot") format("embedded-opentype"), url("http://www.enpyh.com/skin/fonts/icomoon.ttf") format("truetype"), url("http://www.enpyh.com/skin/fonts/icomoon.woff") format("woff"), url("http://www.enpyh.com/skin/fonts/icomoon.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* =======================================================

*

* 	Template Style 

*	Edit this section

*

* ======================================================= */

body {

  font-family: 微软雅黑,Source Sans Pro Regular, Smooth;

  font-size: 14px;

  background: #f1f1f1;

  color: #676767;

  overflow-x:hidden;

}

body.fh5co-offcanvas {

  overflow: hidden;

}

*{ padding:0; margin:0;}



a {

  color: #4a94e9;

 /* -webkit-transition: 0.5s, ease;

  -o-transition: 0.5s, ease;

  transition: 0.5s, ease;*/

}

a:hover {

  text-decoration: none;

  color: #4a94e9;

}



p, ul, ol {

  font-size: 16px;

  color: #676767;

  font-family: 微软雅黑,Source Sans Pro Regular, Smooth;

  line-height:30px;

  list-style:none;

}

h1{

	color: #143770;

	font-size:36px;

	font-family: 微软雅黑,Source Sans Pro Regular, Smooth;

	margin: 0 0 60px 0;

}

h3{

	color:#4a94e9;

	font-size:20px;

}





h1, .h1, h2, .h2, h3, .h3{

	margin-top:0;

	margin-bottom:0;

}

p{

	margin:0;

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{



}



img{ vertical-align:top;}











.row{ margin:0;}

.clear{ display:block; clear:both;}





.container{

	width:92%;

	margin:0 auto;

	max-width:1200px;

	padding:0;

}



::-webkit-selection {

  color: #fcfcfc;

  background: #4a94e9;

}



::-moz-selection {

  color: #fcfcfc;

  background: #4a94e9;

}



::selection {

  color: #fcfcfc;

  background: #4a94e9;

}



#fh5co-header {

  position: relative;

  margin-bottom: 0;

  z-index: 9999999;

}



.stuck {

  position: fixed !important;

  top: 0 !important;

  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);

  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);

  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);

}

.copyrights{

	text-indent:-9999px;

	height:0;

	line-height:0;

	font-size:0;

	overflow:hidden;

}

.header-top {

  padding: 10px 0;

  background: #4a94e9;

}

.sticky-wrapper{

	position:absolute;

	animation:none;

	transition:none;

}

.header-top .fh5co-link a {

  margin-left: 10px;

  font-size: 13px;

  color: rgba(255, 255, 255, 0.7);

}

.header-top .fh5co-link a:first-child {

  margin-left: 0;

}

.header-top .fh5co-link a:hover {

  color: white !important;

}



.header-top .fh5co-social a {

  color: rgba(255, 255, 255, 0.7);

  font-size: 14px;

  margin-right: 15px;

  position: relative;

/*  -webkit-transition: 0.5s, ease-in-out;

  -o-transition: 0.5s, ease-in-out;

  transition: 0.5s, ease-in-out;*/

}

.header-top .fh5co-social a:last-child {

  margin-right: 0;

}

.header-top .fh5co-social a:hover, .header-top .fh5co-social a:focus, .header-top .fh5co-social a:active {

  text-decoration: none;

  color: white !important;

}

.header-top .fh5co-social a:hover i, .header-top .fh5co-social a:focus i, .header-top .fh5co-social a:active i {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}





.img-rounded{

	border-radius: 0 !important;

    margin: 0 auto;

    text-align: center;

    margin-top: 100px;

}



/* .fh5co-cover,

.fh5co-hero {

  position: relative;

  height: 880px;

}

@media screen and (max-width: 768px) {

  .fh5co-cover,

  .fh5co-hero {

    height: 700px;

  }

} */

.fh5co-cover.fh5co-hero-2,

.fh5co-hero.fh5co-hero-2 {

  height: 600px;

}

.fh5co-cover.fh5co-hero-2 .fh5co-overlay,

.fh5co-hero.fh5co-hero-2 .fh5co-overlay {

  position: absolute !important;

  width: 100%;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 1;

  background: rgba(0, 0, 0, 0.2);

}

.fh5co-hero .point{

	text-align:center;

	width:1200px;

	margin:0 auto;

	margin-top:150px;

	cursor:pointer;

}

.fh5co-hero .point a{

	border:none !important;

}





.fh5co-overlay {

  position: absolute !important;

  width: 100%;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 1;

  background: rgba(66, 64, 64, 0.9);

  background: rgba(0, 0, 0, 0.2);

}



.btn {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.btn {

  /* text-transform: uppercase; */

/*   letter-spacing: 2px; */

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.btn.btn-primary {

  background: none;



  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  margin-right:5px;

  width:200px;

  height:70px;

  padding:0;

  line-height:64px;

  font-size:16px !important;

}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn .btn-primary:focus {

  box-shadow: none;

  border:3px solid #4a94e9 !important;

  color: #4a94e9 !important;

}

.btn:hover, .btn:active, .btn:focus {

  color: #4a94e9;

  outline: none !important;

}

.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {

  border-color: transparent;

}



.btn-info{

	border:3px solid #143770;

	background:none;

	color:#143770;

	font-family: 微软雅黑,Source Sans Pro Regular, Smooth;

	font-size:16px;

	width:200px;

	height:70px;

	padding:0;

	line-height:64px;

	 -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

}

.btn-info:hover,.btn-info:active, .btn-info:focus{

	border:3px solid #4a94e9;

	color:#4a94e9 !important;

	background:none !important;

	box-shadow:none;

}



.fh5co-cover-aboutus{

	height:1000px;

	background-size: cover;

	position: relative;

}

.fh5co-cover-aboutus .desc{

	 position: absolute;

	 width: 100%;

	 margin-top:360px;

	 z-index: 999;

	 color: #fff;

}

.fh5co-cover-aboutus .desc h2{

	font-size:36px;

	line-height:52px;

	padding-bottom:60px;

}



.fh5co-cover {

  background-size: cover;

  position: relative;

}







.fh5co-cover .btn {

/*   padding: 15px 20px; */

}

.fh5co-cover.fh5co-cover_2 {

  height: 600px;

}



.fh5co-cover .desc {

  position: absolute;

  width: 100%;

  top:-650px;

  z-index: 999;

  color: #fff;

  

}

.fh5co-hero .starts{

    margin: 0 auto;

    position: relative;

    text-align: right;

    top: -400px;

	left:1000px;

	cursor:pointer;

	display: inline-block;

}











.fh5co-cover .desc h2 {

  color: #fff;

  font-size: 36px;

  margin-bottom: 10px;

  line-height:52px;

}



.fh5co-cover .desc p {

  display: block;

  margin:50px 0;

  font-size: 16px;

  color:#fff;

}

.fh5co-cover .desc p a {

  color: #fff;

}

.fh5co-cover .desc p a:hover, .fh5co-cover .desc p a:focus {

  color: #4a94e9 !important;

}

.fh5co-cover .desc p a:hover.btn, .fh5co-cover .desc p a:focus.btn {

  background: transparent !important;

}

.btn:hover, .btn:focus , .btn:active {

	background:transparent !important;

	

}

.fh5co-cover .desc p a.fh5co-site-name {

  padding-bottom: 2px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.7);

}







/* nav menu */

.fh5co-menu-wrap{ width:80%; height:30px; margin-top:12px; float:left;}

.sf-menu{ margin-top:0; padding:0;}

.header-menu{  padding-right:2.5%; padding-bottom:20px; margin-right:2.5%; background:url(../image/header_14.png) right 8px no-repeat; float:left; position:relative;}





.header-menu-title{color:#f1f1f1; }

.header-menu-title:hover{ color:#4a94e9;}







.btn:hover{

	border-color:#4a94e9 !important;

}





.sf-arrows .sf-with-ul:after {

  content: '';

  position: absolute;

  top: 50%;

  right: 1em;

  margin-top: -3px;

  height: 0;

  width: 0;

  border: 5px solid transparent;

  border-top-color: #ccc;

}



.sf-arrows > li > .sf-with-ul:focus:after,

.sf-arrows > li:hover > .sf-with-ul:after,

.sf-arrows > .sfHover > .sf-with-ul:after {

  border-top-color: #ccc;

}



.sf-arrows ul .sf-with-ul:after {

  margin-top: -5px;

  margin-right: -3px;

  border-color: transparent;

  border-left-color: #ccc;

}



.sf-arrows ul li > .sf-with-ul:focus:after,

.sf-arrows ul li:hover > .sf-with-ul:after,

.sf-arrows ul .sfHover > .sf-with-ul:after {

  border-left-color: #ccc;

}



.fh5co-header-section {

  height:109px;

  padding: 0;

  position:fixed;

  left: 0;

  width: 100%;

  background:#1c1c1c;

  border-bottom:19px solid #101010;

  z-index: 1022;

}



.fh5co-logo{margin:0; padding:0; display:inline-block; position:relative;}

.fh5co-logo img { display:inline-block; margin-top:-15px; margin-left:5px; position:absolute; left:0px; top:0; z-index:1000;}







.fh5co-header-section2{

  height:60px;

  background:#1c1c1c;

  border-bottom:none;



  left:0; 

  top:0;

  z-index:100000000;	

}







#main-logo {

  font-size: 30px;

  color: #fff;

  margin-bottom: 20px;

  display: block;

  text-transform: uppercase;

  margin-top: -5em;

  position: absolute;

  left: 50%;

  margin-left: -61px;

}



.center-menu-cont{ width:487px; height:109px; background:url(../image/header_07.jpg) center top no-repeat; position:relative; position:absolute; left:50%; margin-left:-244px; top:-109px;}



.center-menu{ position:relative;}

.center-menu h3{ display:block; width:inherit; height:inherit; padding:0 20px; font-size:16px; font-weight:normal; line-height:52px; color:#fff; position:absolute; left:0; top:0; z-index:100;}

.center-menu-c h3, .center-menu-d h3{ line-height:40px;}

.center-menu-a, .center-menu-b{ width:242px; height:52px; padding:0 20px; text-align:right; float:left;}

.center-menu-c, .center-menu-d{ width:166px; height:40px; margin-top:5px; padding:0 20px; text-align:right; float:left;}

.center-menu-c{ margin-left:77px; }

.center-menu-b, .center-menu-d{ text-align:left;}

.center-menu  span{ display:block; width:inherit; height:0; background:red; position:absolute; left:0; top:0; transition:height 0.35s;}

.center-menu:hover span{ height:inherit;}

.center-menu-a span{ background:#4385af;}

.center-menu-b span{ background:#39b29c;}

.center-menu-c span{ background:#c66048;}

.center-menu-d span{ background:#cdb83f;}

.piccover{ width:487px; height:109px; margin:0 auto; background:url(../image/header_07-02.png) center top no-repeat; position:absolute; left:0; top:0; z-index:2;}



.phone{ height:30px; padding-left:50px; color:#fff; font-size:18px; background:url(../image/icons1.png) left -12px no-repeat; float:right; margin-top:-75px;}



.nav-bar{ width:inherit; height:52px; background:url(../image/black85_14.png); position:absolute; left:0; top:109px; z-index:10000;}





.language{  height:30px; margin-left:15px; margin-top:6px; float:left;position:relative; transition:all 0.35s; cursor:pointer;}



.language:hover span{ color:#4a94e9;}

.language .lan{ display:block; margin-top:3px;  padding-left:30px; color:#888e92; line-height:32px; line-height:32px;  background: url(../image/icons1.png) left -63px no-repeat; transition:all 0.35s;}

.language .lan:hover{ background:url(../image/icons1.png) left -105px no-repeat; color:#fff;}



.language .lan em{ font-style:normal; }



.language ul{ height:0; padding:0 6px; margin-left:-30px; background:url(../image/black85_14.png); position:absolute; left: 30px; top:46px; overflow:hidden; transition:all 0.35s;}



.language:hover ul{  height:auto;  padding: 12px 6px;}

.language ul li a{padding: 0 15px; font-size: 16px; line-height: 34px; color:#ccc !important;text-transform: none;}

.language ul li:hover a{ color:#4a94e9 !important;}





.language ul .lan2{

	display:block; width:172px; height:96%; padding:10px 5px; border:1px solid #ccc; border-color:rgba(255,255,255,0.36);

	

	}





/* header2*/

.fh5co-header-section2 .center-menu-cont{ width:418px; height:80px; background:url(../image/header_022_04.png) center top no-repeat; position:absolute; left:-200px; margin-left:-500px; top:0;}

.fh5co-header-section2 .piccover{ display:none;}





.fh5co-header-section2 .center-menu-cont{ width:418px; height:80px; background:url(../image/header_022_04.png) center top no-repeat; position:relative; position:absolute; left:50%; margin-left:-209px; top:0;}

.fh5co-header-section2 .center-menu h3{ display:block; width:inherit; height:inherit; padding:0 20px; font-size:16px; font-weight:normal; line-height:42px; font-size:15px; color:#fff; position:absolute; left:0; top:0; z-index:100;}



.fh5co-header-section2 .center-menu-c h3, .fh5co-header-section2 .center-menu-d h3{ line-height:32px;}

.fh5co-header-section2 .center-menu-a, .fh5co-header-section2 .center-menu-b{ width:208px; height:42px; padding:0 20px; text-align:right; float:left;}

.fh5co-header-section2  .center-menu-b{ text-align:left;}

.fh5co-header-section2  .center-menu-c, .fh5co-header-section2 .center-menu-d{ width:130px; height:32px; margin-top:3px; padding:0 20px; text-align:right; float:left;}

.fh5co-header-section2 .center-menu-d{ text-align:left;}

 

.fh5co-header-section2 .center-menu:hover span{ display:none;}

.fh5co-header-section2 .center-menu-a:hover  h3{ color:#4385af;}

.fh5co-header-section2 .center-menu-b:hover  h3{ color:#39b29c;}

.fh5co-header-section2 .center-menu-c:hover  h3{ color:#c66048;}

.fh5co-header-section2 .center-menu-d:hover  h3{ color:#cdb83f;}



.fh5co-header-section2 .phone{ padding-left:30px; margin:20px 0 0 25px; font-size:16px; background:url(../image/icons.png) left -152px no-repeat; float:right;}

.fh5co-header-section2 .phone span{ display:none;}



.nav-bar2{ width:100%; height:auto; background:none; overflow:visible; left:0; top:0; z-index:100;}



.nav-bar2 .fh5co-menu-wrap{ width:40px; height:36px; margin-top:12px; float:right; }



.nav-bar2 .menu-icon{ width:42px; height:42px; background:url(../image/icons.png) 10px -183px no-repeat; transition:all 0.35s; cursor:pointer;}

.nav-bar2 .menu-icon:hover{ background:url(../image/icons.png) 10px -220px no-repeat; }



.nav-bar2 #fh5co-primary-menu{ display:none; background:#1c1c1c; background:rgba(0,0,0,0.8);  position:absolute; left:0; top:62px; z-index:1000;}



.fh5co-header-section2 .language{width:30px; height:30px; margin:13px 15px 0; padding-left:30px; color:#888e92; line-height:38px;  float:right; z-index:500;}

.fh5co-header-section2 .language .lan{ width:30px; height:30px;   margin-left:-30px;}

.fh5co-header-section2 .language .lan em{ display:none;}





.fh5co-header-section2 .language ul{ display:none; width:200px; height:auto; margin-top: 1px; padding:20px 6px 30px;  background:#1c1c1c; background:rgba(0,0,0,0.8); left: 0; transition:all 0.35s; position:absolute; left:30px; top:60px; z-index:1000; transition:none; }



/*.fh5co-header-section2 .language:hover ul{ display:block; height:auto;  padding:12px 6px;}

*/

.fh5co-header-section2 .language ul .lan2{display:block; width:auto; height:auto; padding:0; border:none;}



.fh5co-header-section2 .language ul li a{font-size: 16px; line-height: 34px; color:#ccc !important;text-transform: none;}



.fh5co-header-section2 .language ul li:hover a{ color:#4a94e9 !important;}







.nav-bar2 #fh5co-primary-menu{ width:230px; padding:25px;}

.nav-bar2 #fh5co-primary-menu .header-menu{ width:180px; padding-bottom:0; background:none;}

.nav-bar2 #fh5co-primary-menu .header-menu>a{ color:#ccc; line-height:42px;}



.nav-bar2 #fh5co-primary-menu .header-menu .fh5co-sub-menu{ height:0; border:1px solid #454545; border-color:rgba(255,255,255,0.36); background:none; overflow:hidden; transition:none; transition:height 0.35s; position:inherit;}

.nav-bar2 #fh5co-primary-menu .fh5co-sub-menu{ top:0;}

.nav-bar2 #fh5co-primary-menu .header-menu:hover .fh5co-sub-menu{ height:auto;}



.nav-bar2 #fh5co-primary-menu .fh5co-sub-menu a{ color:#ddd; line-height:36px;}

.nav-bar2 #fh5co-primary-menu .fh5co-sub-menu{ padding:0;}

.nav-bar2 #fh5co-primary-menu .fh5co-sub-menu span{	display:inherit; width:auto; height:auto; padding:10px 5px; border:none; }











/* 报价 */

.baojiacont{ width:100%; height:60px; position:absolute; bottom:0; left:0; z-index:100;}

.baojiaolayer{ width:220px; height:50px; line-height:46px; text-align:center; color:#fff; background:#cb1f1f;  position:absolute; left:0%; z-index:101;}

#ticker-forex {

    font: 11px/normal Arial, Helvetica, sans-serif;

    color: #666;

}



#ticker-forex table{ background:#1c1c1c;}

#ticker-forex table td{border-right: none;}

#ticker-forex table, #ticker-forex .ticker-system { float:left; }

#ticker-forex table td {background:rgba(0,0,0,0.25); padding:15px 5px; text-align:center; font-size:16px; color:#fff; }

#ticker-forex table tr.content { height: 29px;}





#ticker-forex table tr.content { color: #333; }

.ticker-forex-wrap {

height:54px; 

    margin-bottom: 0;

}



.xixibox {  background: none;

    border-radius: 6px;

    box-shadow: 0 3px 15px -5px #000;

    padding: 5px; width:1000px; height:300px; margin:0 auto;}



#demo{width:100%; overflow:hidden; margin:0px auto; }



#ticker-forex table td.padding0{ padding:0px;}

.Business-Partners a {

    background: none;

    display: inline-block;

    height:20px; top:30px;

    left:760px;

    overflow: hidden; color:#333; font-size:12px;

    position: absolute; 

   

    width:100px;

}



#kefu{ display:none;}



























#main-logo:hover, #main-logo:focus, #main-logo:active {

  text-decoration: none;

  color: rgba(255, 255, 255, 0.5);

}







#fh5co-menu-wrap {

  position: relative;

  z-index: 2;

  display: block;

/*   float: right; */

}





#fh5co-primary-menu > li > ul li.active > a {

  color: #4a94e9 !important;

}

#fh5co-primary-menu > li > .sf-with-ul:after {

  border: none !important;

  font-family: 微软雅黑, Source Sans Pro Regular, Smooth;

  speak: none;

  font-style: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  float: right;

  margin-right: -0px;

  top: 50%;

  font-size: 12px;

  margin-top: -7px;

  content: "\e922";

  color: transparent;

}

#fh5co-primary-menu > li > ul li {

  position: relative;

}

#fh5co-primary-menu > li > ul li > .sf-with-ul:after {

  border: none !important;

  font-family: 微软雅黑,Source Sans Pro Regular, Smooth;

  speak: none;

  font-style: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  float: right;

  margin-right: 10px;

  top: 20px;

  font-size: 12px;

  content: "\e924";

  color: rgba(0, 0, 0, 0.5);

}



#fh5co-primary-menu .fh5co-sub-menu {

  height:0;

  padding: 0px 8px;

  background: url(../image/black85_14.png);

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);

  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);

  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);

  position:absolute;

  left:0; 

  top:40px;

  overflow:hidden;

  transiton:all 0.35s;

}



#fh5co-primary-menu li:hover .fh5co-sub-menu{ height:auto;padding: 12px 8px;}



#fh5co-primary-menu .fh5co-sub-menu span{

	display:block; width:176px; height:90%; padding:10px 5px; border:1px solid #ccc; border-color:rgba(255,255,255,0.36);

}







#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {

  left: 100%;

}



#fh5co-primary-menu .fh5co-sub-menu:before {

  position: absolute;

  top: -9px;

  left: 20px;

  width: 0;

  height: 0;

  content: '';

}



#fh5co-primary-menu .fh5co-sub-menu:after {

  position: absolute;

  top: -8px;

  left: 21px;

  width: 0;

  height: 0;

/*   border-right: 8px solid transparent;

  border-bottom: 8px solid #fff;

  border-bottom: 8px solid white;

  border-left: 8px solid transparent;

  content: ''; */

}



#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {

  top: 6px;

  left: 100%;

}



#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {

  top: 7px;

  right: 100%;

  border: none !important;

}



.site-header.has-image #primary-menu .sub-menu {

  border-color: #ebebeb;

  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);

  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);

  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);

  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);

}

.site-header.has-image #primary-menu .sub-menu:before {

  display: none;

}



#fh5co-primary-menu .fh5co-sub-menu a {

  letter-spacing: 0;

  padding: 0 15px;

  font-size: 16px;

  line-height: 34px;

  color:#ddd;

  text-transform: none;

  background: none;

  

}

#fh5co-primary-menu .fh5co-sub-menu a:hover {

  color: #4a94e9 !important;

}



#fh5co-work-section,

#fh5co-services-section,

#fh5co-work-section_2,

#fh5co-blog-section,

#fh5co-features,

.fh5co-content-section {

 /*  padding: 7em 0; */

}





.fh5co-section-white {

 /*  background: #fff; */

/*   height:500px; */

}



.heading-section {

  padding-bottom: 50px;

/*   margin-bottom: 5em; */

}

.heading-section:after {

  position: absolute;

  content: '';

  bottom: 0;

  left: 50%;

  width: 100px;

  margin-left: -50px;

  height: 2px;

  background: none;

}

.heading-section p {

  font-size: 20px;

  color:#4a94e9;

}



.feature-text h3 {

  font-size: 16px;

  margin-bottom: 10px;

  color: #000;

}

.feature-text h3 .number {

  margin-right: 5px;

  color: #4a94e9;

  display: -moz-inline-stack;

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.feature-text p {

  font-size: 16px;

}



.service {

  background: #4a94e9;

  background: #fff;

  padding: 40px 20px 20px 20px;

  margin-bottom: 30px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.service:hover, .service:focus, .service:active {

  -webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);

  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);

  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);

}

.service span {

  margin-bottom: 30px;

  display: block;

  width: 100%;

}

.service span i {

  font-size: 40px;

  color: #4a94e9 !important;

}

.service h3 {

  font-size: 20px;

  color: #4a94e9;

}

.service p {

  font-size: 16px;

  color: gray;

}



.index-feature-left {

  width: 100%;

  margin-bottom: 40px;

  position: relative;

}

.index-feature-left .icon {

  float: left;

  text-align: center;

  width: 15%;

}





.index-feature-left .icon i {

  display: table-cell;

  vertical-align: middle;

  font-size: 40px;

  color: #4a94e9;

}

.index-feature-left .feature-copy {

  float: right;

  width: 80%;

}







.index-feature-left .feature-copy h3 {

  font-size: 28px !important;

  color: #4a94e9;

  margin-bottom: 60px;

  line-height:40px;

}

.index-feature-left .feature-copy p {

  font-size: 16px;

  line-height:30px;

  color:rgba(255, 255, 255, 0.8);

  padding-bottom:60px;

}



#fh5co-portfolio { padding-top:100px; background:#fff;}

#fh5co-portfolio h3{font-size:28px;line-height:40px;	color:#4a94e9;	margin-bottom:60px;}

#fh5co-portfolio p{padding-bottom:60px; width:360px; }

#fh5co-portfolio img{width:887px;}

#fh5co-portfolio .portfolio-left{margin-top:280px;}

#fh5co-portfolio .portfolio-right{max-width:360px;float:right;}



#fh5co-banner{	width:100%;	height:600px;background:url(../image/fh5co-banner1.jpg);background-position:center;background-size:cover;}

.fh5co-banner{padding-top:100px;}

#fh5co-banner h3{color:#1c1c1c;font-size:36px;padding-bottom:60px;}

#fh5co-banner p{	color:#1c1c1c;	font-size:16px;	line-height:30px;}

#fh5co-banner .btn{	color:#1c1c1c;	border:3px solid #1c1c1c;margin-top:60px;}





/*--support--*/



#fh5co-support{	width:100%; background:#fff;}

#fh5co-support .container{ width:92%; margin:0 auto; max-width:1200px; height:842px;padding-top:100px;background-position:right; position:relative;}

.fh5co-support-pic img{ position:absolute; right:0; width:428px; }

#fh5co-support h3{margin-top:70px;padding-left:355px;color:#4a94e9;	font-size:28px;}

#fh5co-support .col-md-12 p{	width:75%; height: 360px; background: #fff; border: 1px solid #1c1c1c; text-align: justify; margin-top: 60px;padding: 60px 60px 0 355px;}

#fh5co-support ul{position:absolute;	list-style:none;}

#fh5co-support ul li{width:300px; height:200px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  -ms-border-radius: 10px; border-radius: 10px;	background:#fff; margin-bottom:20px;text-align:center;}

#fh5co-support .starters{border:2px solid #8c9bb4;}

#fh5co-support .Professional{border:2px solid #506c98;}

#fh5co-support .contact{	border:2px solid #143770;}

#fh5co-support .starters:hover,#fh5co-support .Professional:hover,#fh5co-support .contact:hover{border:2px solid #4a94e9;}

#fh5co-support ul li img{width:54px;margin-top:30px;}

#fh5co-support ul li h2{color:#4a94e9;font-size:18px;padding-top:20px;	margin-bottom:0;}

#fh5co-support ul li p{	font-size:16px;	padding-top:5px;}/*--support--*/









#fh5co-portfolio-list {

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  width: 100%;

}

#fh5co-portfolio-list li {

  display: block;

  padding: 0;

  margin: 0 0 10px 1%;

  list-style: none;

  min-height: 475px;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  float: left;

  clear: left;

  position: relative;

}





#fh5co-portfolio-list li a .case-studies-summary {

  width: auto;

  bottom: 2em;

  left: 2em;

  right: 2em;

  position: absolute;

  z-index: 100;

}



#fh5co-portfolio-list li a .case-studies-summary span {

  text-transform: uppercase;

  letter-spacing: 2px;

  font-size: 13px;

  color: rgba(255, 255, 255, 0.7);

}

#fh5co-portfolio-list li a .case-studies-summary h2 {

  color: #fff;

  margin-bottom: 0;

}







#fh5co-portfolio-list li.two-third {

  width: 60%;

}

.fh5co-portfolio-right{

	float:right;

	width:35%;

}

.fh5co-portfolio-right h3{

	font-size: 34px !important;

    color: #4a94e9;

    margin-bottom: 30px;

	line-height:44px;

}

.fh5co-portfolio-right .btn{

	margin-top:30px;

}





#fh5co-portfolio-list li.one-third {

  width: 32.3%;

}





#fh5co-portfolio-list li.one-half {

  width: 49%;

}





.fh5co-section-about .top{ background:#fff;  padding:100px 0 0;}

.fh5co-section-about .heading-section{ padding:0;}

.fh5co-section-about .index-feature-left{ width:97%; max-width:880px; margin:0 auto; padding:100px 0 0;}

.fh5co-section-about .index-feature-left div{text-align:center; padding:15px 0;}



.fh5co-section-about .index-feature-left img{ width:60%;  max-width:66px;  padding-bottom:12px;}



.fh5co-section-about .heading-section img{ width:40%; max-width:320px; padding-bottom:60px;}

.fh5co-section-about .heading-section p{ width:97%; max-width:760px; margin:0 auto;}

.fh5co-section-about .text-center{ padding-bottom:100px;}

.btn-box{ padding:60px 0 110px; }





#fh5co-features {background:#1c1c1c;}

#fh5co-features  .container{ padding:100px 0;}

#fh5co-features .row{margin-left:50px; margin-right:50px;}

#fh5co-features .left {padding:0 5%;}



#fh5co-features .right { margin:0; padding:0; padding-top:120px;}

#fh5co-features .right .index-feature-left div{ text-align:center;}

#fh5co-features .right .index-feature-left img{ width:70%;  max-width:66px; padding-top:25px;}

#fh5co-features .right .index-feature-left p{ padding-top:12px; padding-bottom:25px; color:#fff;}



#fh5co-features .index-feature-left .icon i { color: #d9d9d9 !important;

}

#fh5co-features .index-feature-left .icon {  float: left; text-align: center;  width: 15%;}



#fh5co-features .index-feature-left p { font-size: 16px;}

#fh5co-features .index-feature-left p:last-child { margin-bottom: 0;}

#fh5co-features  .btn-primary{font-size:18px;}







#fh5co-feature-aboutus .container{ width:92%; max-width:960px; margin:0 auto; }

#fh5co-feature-aboutus h1{padding-top:100px;	padding-bottom:60px;}

#fh5co-feature-aboutus .btn{	margin-top:60px;}

#fh5co-services, #fh5co-about, #fh5co-contact {padding: 7em 0;}

#fh5co-feature-aboutus  .row{ padding-bottom:60px;}





.fh5co-moresupport{

	width:100%;

	background:#1c1c1c;

}

.fh5co-moresupport .container{

	padding:100px 0;

}

.fh5co-moresupport .container p{

	float:left;

	color:#4a94e9;

	font-size:34px;

	padding-top:20px;

}

.fh5co-moresupport .btn{

	color:#fff;

	border-color:#fff;

	padding:20px 20px;

	padding-left:100px;

	line-height:28px;

}

.fh5co-moresupport img{

	width:42px;

	padding-top:16px;

}

.fh5co-moresupport .hotline{

	position:relative;

	left:118px;

	float:left;

}

.fh5co-moresupport .global-offices{

	position:relative;

	left:454px;

	float:left;

}





#fh5co-services .fh5co-number {

  font-size: 30px;

  color: #4a94e9;

  position: relative;

  padding-top: 10px;

  font-style: italic;

  display: -moz-inline-stack;

  display: inline-block;

  zoom: 1;

  *display: inline;

}

#fh5co-services .fh5co-number:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 3px;

  top: 0;

  left: 0;

  background: #4a94e9;

}

#fh5co-services .fh5co-icon {

  margin-bottom: 30px;

  margin-top: 50px;

  position: relative;

  display: -moz-inline-stack;

  display: inline-block;

  zoom: 1;

  *display: inline;

}



#fh5co-services .fh5co-icon i {

  font-size: 200px;

  color: #4a94e9;

}





#fh5co-contact .contact-info {

  margin: 0;

  padding: 0;

}

#fh5co-contact .contact-info li {

  list-style: none;

  margin: 0 0 20px 0;

  position: relative;

  padding-left: 40px;

}

#fh5co-contact .contact-info li i {

  position: absolute;

  top: .3em;

  left: 0;

  font-size: 22px;

  color: rgba(0, 0, 0, 0.3);

}

#fh5co-contact .contact-info li a {

  color: rgba(0, 0, 0, 0.3);

}

#fh5co-contact .form-control {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  border: none;

  border: 1px solid rgba(0, 0, 0, 0.1);

  font-size: 18px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

}

#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {

  border-bottom: 1px solid rgba(0, 0, 0, 0.5);

}

#fh5co-contact input[type="text"] {

  height: 50px;

}

#fh5co-contact .form-group {

  margin-bottom: 30px;

}



.fh5co-testimonial, .fh5co-team {

  position: relative;

  background: #fff;

  padding: 30px;

  border-radius: 5px;

  margin-bottom: 30px;

}



.fh5co-testimonial h2, .fh5co-team h2 {

  font-size: 16px;

  letter-spacing: 2px;

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 50px;

}

.fh5co-testimonial figure, .fh5co-team figure {

  position: relative;

  top: 0px;

  background-size: cover;

  margin-bottom: 20px;

}

.fh5co-testimonial figure img, .fh5co-team figure img {

  width: 130px;

  height: 130px;

  border: 10px solid #fff;

  background-size: cover;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.fh5co-testimonial > div, .fh5co-team > div {

  padding: 30px 30px 0 30px;

}

.fh5co-testimonial > div h3, .fh5co-team > div h3 {

  margin-bottom: 0;

  font-size: 20px;

  color: #4a94e9;

}

.fh5co-testimonial > div .position, .fh5co-team > div .position {

  color: #d9d9d9;

  margin-bottom: 30px;

}

.fh5co-testimonial > div,

.fh5co-testimonial blockquote, .fh5co-team > div,

.fh5co-team blockquote {

  border: none;

  padding: 0;

  margin-bottom: 20px;

}

.fh5co-testimonial > div p,

.fh5co-testimonial blockquote p, .fh5co-team > div p,

.fh5co-team blockquote p {

  font-size: 16px;

  line-height: 1.5;

  color: #555555;

}

.fh5co-testimonial span, .fh5co-team span {

  font-style: italic;

  color: #b3b3b3;

}



.fh5co-testimonial p .text-mute {

  color: #ccc !important;

}



.fh5co-blog {

  margin-bottom: 60px;

}

.fh5co-blog a img {

  width: 100%;

}



.fh5co-blog .blog-text {

  margin-bottom: 30px;

  position: relative;

  background: #fff;

  width: 100%;

  padding: 30px;

  float: right;

  -webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);

  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);

  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);

}

.fh5co-blog .blog-text span {

  display: inline-block;

  margin-bottom: 20px;

}

.fh5co-blog .blog-text span.posted_by {

  font-style: italic;

  color: rgba(0, 0, 0, 0.3);

  font-size: 18px;

}

.fh5co-blog .blog-text span.comment {

  float: right;

}

.fh5co-blog .blog-text span.comment a {

  color: rgba(0, 0, 0, 0.3);

}

.fh5co-blog .blog-text span.comment a i {

  color: #4a94e9;

  padding-left: 7px;

}

.fh5co-blog .blog-text h3 {

  font-size: 20px;

  margin-bottom: 20px;

  line-height: 1.5;

}

.fh5co-blog .blog-text h3 a {

  color: rgba(0, 0, 0, 0.6);

}



#fh5co-start-project-section {

  padding: 7em 0;

  background: #F64E8B;

}

#fh5co-start-project-section h2 {

  color: white;

  font-size: 60px;

/*   text-transform: uppercase; */

}



#fh5co-start-project-section a:hover, #fh5co-start-project-section a:focus, #fh5co-start-project-section a:active {

  color: white !important;

}



#map {

  width: 100%;

  height: 500px;

  position: relative;

}





.fh5co-social-icons > a {

  padding: 4px 10px;

  color: #4a94e9;

}

.fh5co-social-icons > a i {

  font-size: 26px;

}

.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {

  text-decoration: none;

  color: #5a5a5a;

}



#footer { background: #1c1c1c;  padding: 0 0 60px;}

#footer .row-bottom-padded-md{ padding-top:60px;}

#footer p {  color: rgba(255, 255, 255, 0.7);  font-size: 14px; text-align:justify;}

#footer p a { color: rgba(255, 255, 255, 0.7);}

#footer p a:hover, #footer p a:active, #footer p a:focus { color: rgba(255, 255, 255, 0.9) !important;}

#footer .fh5co-footer-link {padding-left:60px;height:215px;border-right:1px solid rgba(255, 255, 255, 0.5);text-align:left;	margin-bottom:60px;}

#footer .fh5co-footer-link h3 {font-family:微软雅黑 !important; color: #4a94e9; font-size:18px; margin-bottom:30px;}

#footer .fh5co-footer-link li, #footer .fh5co-footer-link ul { padding: 0; margin: 0;}

#footer .fh5co-footer-link li { list-style: none;	margin-bottom:6px;font-size:14px;}

#footer .fh5co-footer-link li a {color: rgba(255, 255, 255, 0.7);}

#footer .fh5co-footer-link li a:hover, #footer .fh5co-footer-link li a:active, #footer .fh5co-footer-link li a:focus { color: #fff !important;}

.footer-introduce p{	color:rgba(255, 255, 255, 0.7) !important;	width:100%;  float: left; display: block; padding: 30px;}

#footer .bottom{	width:94%;text-align:left;padding:10px 30px;margin:0 auto;color:rgba(255, 255, 255, 0.7) !important;border:1px solid rgba(255, 255, 255, 0.7) ;}



/*右侧漂浮框*/

.sidepanel {

	position: fixed !important;

	position: absolute;

	bottom:0px !important;

	right: 0px;

	height: 250px;

	z-index: 1000;

	_position:absolute;

	_bottom:auto;

	_top:expression(eval(document.documentElement.scrollTop));

	_margin-top:140px;

	font-size:14px;

	

}

.sidepanel-item{

	margin-top:3px;

}

.sidepanel-item a{

	background:#000;

	filter:alpha(opacity=40);

	-moz-opacity:0.6;

	opacity:0.6;

	width:54px;

	height:42px;

	line-height:18px;

	display:block;

	text-align:center;

	vertical-align:middle;

	/*border:2px solid #fff;*/

	color:#fff;

	/*border-radius:4px;*/

	behavior:url(http://www.enpyh.com/skin/images/pie.htc);

	/*-webkit-box-shadow: #999 4px 5px 2px;*/

	/*-moz-box-shadow: #999 4px 5px 2px;*/

	

	padding-top:3px ;



}

.sidepanel-item2 a:hover{

	background:#4a94e9;

	opacity:10;

}







.js .animate-box {

  opacity: 1;

}



#fh5co-wrapper {

  overflow-x: hidden;

  position: relative;

}



.fh5co-offcanvas {

  overflow: hidden;

}

.fh5co-offcanvas #fh5co-wrapper {

  overflow: hidden !important;

}



#fh5co-page {

  position: relative;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}

.fh5co-offcanvas #fh5co-page {

  -moz-transform: translateX(-240px);

  -webkit-transform: translateX(-240px);

  -ms-transform: translateX(-240px);

  -o-transform: translateX(-240px);

  transform: translateX(-240px);

}







#offcanvas-menu {

  position: fixed;

  top: 0;

  bottom: 0;

  z-index: 99;

  background: #222;

  right: -240px;

  width: 240px;

  padding: 20px;

  overflow-y: scroll !important;

  display: none;

}



#offcanvas-menu ul {

  padding: 0;

  margin: 0;

}

#offcanvas-menu ul li {

  padding: 0;

  margin: 0 0 10px 0;

  list-style: none;

}

#offcanvas-menu ul li a {

  font-size: 18px;

  color: rgba(255, 255, 255, 0.4);

}

#offcanvas-menu ul li a:hover {

  color: #4a94e9;

}

#offcanvas-menu ul li > .fh5co-sub-menu {

  margin-top: 9px;

  padding-left: 20px;

}

#offcanvas-menu ul li.active > a {

  color: #4a94e9;

}

#offcanvas-menu ul .fh5co-sub-menu {

  display: block !important;

}



.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: #fff;

  transition: all .2s ease-out;

}

.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {

  content: '';

  width: 30px;

  height: 2px;

  background: #fff;

  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;

}



.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: absolute;

  top: 0px;

  right: 0px;

  z-index: 9999;

  display: block;

  margin: 0 auto;

  display: none;

  cursor: pointer;

}









.row-bottom-padded-lg {

  padding-bottom: 7em;

}





.row-top-padded-lg {

  padding-top: 7em;

}





.row-bottom-padded-md {

 /*  padding-bottom: 50px; */

}





.row-top-padded-md {

  padding-top: 4em;

}





.row-bottom-padded-sm {

  padding-bottom: 2em;

}





.row-top-padded-sm {

  padding-top: 2em;

}





.border-bottom {

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}



.lead {

  line-height: 1.8;

}



.no-js #loader {

  display: none;

}



.js #loader {

  display: block;

  position: absolute;

  left: 100px;

  top: 0;

}



.fh5co-loader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: url(http://www.enpyh.com/skin/images/hourglass.svg) center no-repeat #222222;

}





.footer-bg{ vertical-align:bottom;}







/*window width <1024px */











/* header-sm*/

@media screen and (max-width:1025px){

.container{ width:92%; margin:0 auto;}

.hide-1024{ display:none;}





#fh5co-menu-wrap{ position:inherit;}

.fh5co-header-section {height:auto;  padding:0 0.2%; position:inherit !important;  left:auto;

  width: 100%;  border-bottom:none;  position:inherit !important;}



.fh5co-header-section .container{ width:100%; height:auto;}



.fh5co-header-section .nav-header{ height:60px;}









.fh5co-header-section .container-sm{ height:auto;}

.fh5co-header-section .center-menu-cont{ float:right; width:100%; height:auto; background:none;  margin-left:auto;}

.fh5co-header-section  .center-menu-cont-four{ position:inherit; top:0; left:0; z-index:1000;}

.fh5co-header-section  .center-menu-cont-four ul{ padding:6px 0 0px; margin-bottom:4px;}

.fh5co-header-section  .center-menu-cont-four ul li{ width:24.5%; height:50px; margin:0 0.2499%; padding:0; text-align:center;}

.fh5co-header-section  .center-menu-cont-four .center-menu-a{ background:#4385af; background:linear-gradient(to bottom, #4385af 0%, #2b729f 100%); }

.fh5co-header-section  .center-menu-cont-four .center-menu-b{ background:#39b29c; background:linear-gradient(to bottom, #39b29c 0%, #289a85 100%); }

.fh5co-header-section  .center-menu-cont-four .center-menu-c{ background:#c66048; background:linear-gradient(to bottom, #c66048 0%, #af4e37 100%); }

.fh5co-header-section  .center-menu-cont-four .center-menu-d{ background:#cdb83f; background:linear-gradient(to bottom, #cdb83f 0%, #b39e26 100%); }

.fh5co-header-section  .center-menu-cont-four ul li h3{ width:100%; line-height:50px;}

.fh5co-header-section  .center-menu-cont-four ul li span{ display:none;}

.fh5co-header-section .piccover{ display:none;}





.fh5co-header-section  .center-menu h3{ display:block; width:inherit; height:inherit; padding:0 20px; font-size:16px; font-weight:normal; line-height:42px; font-size:15px; color:#fff; position:absolute; left:0; top:0; z-index:100;}





.fh5co-header-section .phone{ display:none;}

	

.fh5co-header-section .nav-bar{ width:100%; height:auto; background:none; position:static; overflow:visible; left:auto; margin-left:auto; top:10px; z-index:100;}

.fh5co-header-section .nav-bar .menu-icon{ width:42px; height:42px; background:url(../image/icons.png) 10px -183px no-repeat; transition:all 0.35s; cursor:pointer; position:absolute; right:8px; top:15px; z-index:1000;}

.fh5co-header-section .nav-bar .menu-icon:hover{ background:url(../image/icons.png) 10px -220px no-repeat; }



.fh5co-header-section .nav-bar .fh5co-menu-wrap{ margin-top:0;}



.fh5co-header-section .nav-bar .fh5co-menu-wrap{ width:100%;  height:auto; float:none;}

.fh5co-header-section .nav-bar #fh5co-primary-menu{ display:none; width:100%; padding:25px; display:none; background:#1c1c1c; background:rgba(0,0,0,0.8);  float:none; position:inherit; left:0; top:62px; z-index:1000;}



.fh5co-header-section .language{ width:100%; height:auto; margin:0; padding:0; color:#888e92; line-height:38px; background:none; position:inherit;}

.fh5co-header-section .language .lan{ width:30px; height:30px;  position:absolute; top:15px; right:50px; }

.fh5co-header-section .language .lan em{ height:30px; display:none;}

.fh5co-header-section .language ul{ display:none; width:100%; height:auto; margin:0; margin-bottom:10px; padding:25px 0;  background:#1c1c1c; background:rgba(0,0,0,0.8); left: 0; transition:all 0.35s; position:inherit; transition:none;}

.fh5co-header-section .language ul .lan2{display:block; width:100%; height:auto; padding:0; margin:0; border:none; position:inherit;}

.fh5co-header-section .language ul li{ width:100%; padding:3px 0; border-bottom:1px dashed #222; float:none;}

.fh5co-header-section .language ul li a{font-size: 16px; line-height: 34px; color:#ccc !important;text-transform: none;}



.fh5co-header-section .language ul li:hover a{ color:#4a94e9 !important;}







.fh5co-header-section .nav-bar #fh5co-primary-menu .header-menu{ width:100%; padding-bottom:0; border-bottom:1px dashed #222; background:none; float:none;}

.fh5co-header-section .nav-bar #fh5co-primary-menu .header-menu>a{ display:block; color:#ccc; line-height:42px;}

.fh5co-header-section .nav-bar #fh5co-primary-menu .header-menu>a:hover{ color:#4a94e9;}



.fh5co-header-section .nav-bar #fh5co-primary-menu .header-menu .fh5co-sub-menu{ height:0; border:1px solid #454545; border-color:rgba(255,255,255,0.36); background:none; overflow:hidden; transition:none; transition:height 0.35s; position:inherit; top:0;}

.fh5co-header-section .nav-bar #fh5co-primary-menu .header-menu:hover .fh5co-sub-menu{ height:auto;}

.fh5co-header-section .nav-bar #fh5co-primary-menu .fh5co-sub-menu a{ color:#ddd; line-height:36px;}

.fh5co-header-section .nav-bar #fh5co-primary-menu .fh5co-sub-menu{ padding:0;}

.fh5co-header-section .nav-bar #fh5co-primary-menu .fh5co-sub-menu span{ display:inherit; width:auto; height:auto; padding:10px 5px; border:none; }

.fh5co-header-section .nav-bar #fh5co-primary-menu .fh5co-sub-menu li a{ display:block;}











.fh5co-section-about .top{ background:#fff;  padding:60px 0 0;}

.fh5co-section-about .heading-section{ padding:0;}

.fh5co-section-about .index-feature-left{ padding:60px 0 0;}



.fh5co-section-about .index-feature-left img{ width:60%; padding-bottom:12px;}



.fh5co-section-about .heading-section img{ width:40%; max-width:320px; padding-bottom:30px;}

.fh5co-section-about .text-center{ padding-bottom:60px;}



.btn-box{ padding:30px 0 60px; }





/*--index support begin--*/

#fh5co-support .container{ height:auto; padding:80px 0;}

#fh5co-support ul{position:inherit; width:92%; margin:0 auto;}

#fh5co-support ul li{width:31.3%; margin:0 1%; height:160px; -webkit-border-radius: 8px;  -moz-border-radius: 8x;  -ms-border-radius: 8px; border-radius: 8px; float:left;}

/*--index support end--*/





}



@media screen and (max-width:980px){

.btn.btn-primary {width:180px;  height:60px; line-height:56px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;}



.btn-info{width:180px;height:60px; padding:0;line-height:56px; -webkit-border-radius: 8px; -moz-border-radius: 10px; -ms-border-radius: 8px; border-radius: 8px;}

    

.index-feature-left .feature-copy{ width:92%;}	

.index-feature-left .feature-copy h3{ margin-bottom:40px;}	

.index-feature-left .feature-copy p{ padding-bottom:40px;}



.hide-970{ display:none;}







#fh5co-features {background:#1c1c1c;}

#fh5co-features  .container{ padding:80px 0;}

#fh5co-features .row{margin:0;}

#fh5co-features .index-feature-left {margin: 0px 0;}

#fh5co-features .left {padding-right:0%;}

#fh5co-features .right { padding-left:8%; padding-top:90px;}

#fh5co-features .right .index-feature-left img{ padding-top:20px;}

#fh5co-features .right .index-feature-left p{ padding-bottom:20px;}



#fh5co-portfolio{ padding:60px 0;}

#fh5co-portfolio .portfolio-left img{ width:100%;}

#fh5co-portfolio { padding-top:80px; padding-bottom:80px;}

#fh5co-portfolio h3{	margin-bottom:40px;}

#fh5co-portfolio p{padding-bottom:40px; width:100%; }

#fh5co-portfolio .portfolio-left{margin-top:50px; padding-right:55px;}

#fh5co-portfolio .portfolio-right{ width:auto; max-width:none; padding:0 2%;float:none;}





#fh5co-banner{height:400px;}

.fh5co-banner{ width:100%; padding-left:0%; padding-top:80px;}

#fh5co-banner h3{padding-bottom:40px;}

#fh5co-banner .btn{margin-top:40px;}







/* index about us begin */

#fh5co-feature-aboutus h1{padding-top:80px;	padding-bottom:40px;}

#fh5co-feature-aboutus .btn{	margin-top:40px;}

#fh5co-feature-aboutus  .row{ padding-bottom:15px;}

/* index about us end */





/* footer begin */

#footer { padding: 0 0 70px;}

#footer .row-bottom-padded-md{ padding-top:40px;}

#footer p a:hover, #footer p a:active, #footer p a:focus { color: rgba(255, 255, 255, 0.9) !important;}

#footer .fh5co-footer-link {padding-left:40px; margin-bottom:40px; border-right:none; border-left:1px solid rgba(255, 255, 255, 0.3);}

.footer-bg{ vertical-align:bottom;}

.heading-section{ padding-bottom:40px;}

.footer-introduce p{ padding:0 0 35px;}

#footer .bottom{padding:10px 20px;}





}





@media screen and (max-width:768px){

.btn.btn-primary { display:block; width:150px;  height:50px; margin:25px auto 0; float:none; line-height:48px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}





.btn-info{display:block; width:150px;height:50px; margin:25px auto 0; float:none; padding:0; line-height:48px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}

  

.hide-750{ display:none;}

.center-750{ text-align:center;} 





.index-feature-left .feature-copy{ float:none;}	

.index-feature-left .feature-copy h3{ margin-bottom:25px;}

.index-feature-left .feature-copy p{ padding-bottom:25px;}



.footer-bg{ vertical-align:bottom;}













.fh5co-header-section  .center-menu-cont-four ul{ padding:6px 0 0px; margin-bottom:3px;}

.fh5co-header-section  .center-menu-cont-four ul li h3{ padding:8px 10px 0; line-height:18px;}





.fh5co-section-about .heading-section p{ padding-bottom:25px;}





.fh5co-section-about .top{ background:#fff;  padding:40px 0 0px;}

.fh5co-section-about .heading-section{ padding:0;}

.fh5co-section-about .index-feature-left{ padding:25px 0 0;}

.fh5co-section-about .index-feature-left img{ width:50%; padding-bottom:12px;}

.fh5co-section-about .heading-section img{ width:40%; max-width:320px; padding-bottom:20px;}

.btn-box{ padding:20px 0 40px; }

.fh5co-section-about .text-center{ padding-bottom:40px;}

.fh5co-section-about .text-center2{ width:320px; margin:0 auto;  padding:0; padding-bottom:40px;}

.fh5co-section-about .text-center2 .btn{ margin:15px 5px 0; float:left;}





#fh5co-features  .container{ padding:50px 0;}

#fh5co-features .right { width:97%; margin:0 auto; padding:0; padding-left:0%; margin-top:40px;}

#fh5co-features .right .index-feature-left img{ width:80%;  padding-top:18px;}

#fh5co-features .right .index-feature-left p{ padding-top:10px; padding-bottom:18px;}



#fh5co-portfolio{ padding:40px 0 50px;}

#fh5co-portfolio h3{	margin-bottom:20px;}

#fh5co-portfolio p{padding-bottom:0px;}

#fh5co-portfolio .portfolio-left{margin-top:15px; padding:0 5%; }

#fh5co-portfolio .portfolio-right{ padding:0 5%; max-width:none;float:none;}





#fh5co-banner{height:300px;}

.fh5co-banner{ padding-left:0%; padding-top:50px;}

#fh5co-banner h3{padding-bottom:25px;}

#fh5co-banner .btn{margin-top:25px;}





/*--index support begin--*/

#fh5co-support .container{padding:40px 0;}

#fh5co-support ul li{width:29.3%; margin:0 2%; height:110px; -webkit-border-radius: 6px;  -moz-border-radius: 6x;  -ms-border-radius: 6px; border-radius: 6px; float:left;}

#fh5co-support ul li img{ width:30%; margin-top:12px;}

#fh5co-support ul li h2{ padding-top:12px;}

/*--index support end--*/







/* index about us begin */



#fh5co-feature-aboutus  .container{ padding:0 5%; margin:0 auto;}

#fh5co-feature-aboutus h1{padding-top:40px;	padding-bottom:25px;}

#fh5co-feature-aboutus .btn{	margin-top:25px;}

#fh5co-feature-aboutus  .row{ padding-bottom:0;}

/* index about us end */



.heading-section{ padding-bottom:25px;}

#footer { padding: 0 0 70px;}

#footer .fh5co-footer-link { height:auto; padding:0; border:none; margin-bottom:20px;}

#footer .fh5co-footer-link h3{ padding:0; padding-bottom:8px; margin-bottom:8px; font-size:16px; border-bottom:1px solid #555;}

#footer .fh5co-footer-link li{ display:inline-block; padding:5px 35px 0 0; line-height:16px; float:left;}

#footer .bottom{padding:10px 15px;}





/*右侧漂浮框*/

.sidepanel {	height: 110px;}







}







/*# sourceMappingURL=style.css.map */